diff --git a/test b/test
deleted file mode 100644
index 16b14f5..0000000
--- a/test
+++ /dev/null
@@ -1 +0,0 @@
-test file
diff --git "a/\347\254\254\344\270\200\345\221\250/.idea/.name" "b/\347\254\254\344\270\200\345\221\250/.idea/.name"
new file mode 100644
index 0000000..fd703fb
--- /dev/null
+++ "b/\347\254\254\344\270\200\345\221\250/.idea/.name"
@@ -0,0 +1 @@
+第一周
\ No newline at end of file
diff --git "a/\347\254\254\344\270\200\345\221\250/.idea/misc.xml" "b/\347\254\254\344\270\200\345\221\250/.idea/misc.xml"
new file mode 100644
index 0000000..19f74da
--- /dev/null
+++ "b/\347\254\254\344\270\200\345\221\250/.idea/misc.xml"
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectLevelVcsManager" settingsEditedManually="false">
+    <OptionsSetting value="true" id="Add" />
+    <OptionsSetting value="true" id="Remove" />
+    <OptionsSetting value="true" id="Checkout" />
+    <OptionsSetting value="true" id="Update" />
+    <OptionsSetting value="true" id="Status" />
+    <OptionsSetting value="true" id="Edit" />
+    <ConfirmationsSetting value="0" id="Add" />
+    <ConfirmationsSetting value="0" id="Remove" />
+  </component>
+  <component name="ProjectRootManager" version="2" />
+</project>
\ No newline at end of file
diff --git "a/\347\254\254\344\270\200\345\221\250/.idea/modules.xml" "b/\347\254\254\344\270\200\345\221\250/.idea/modules.xml"
new file mode 100644
index 0000000..1cd7715
--- /dev/null
+++ "b/\347\254\254\344\270\200\345\221\250/.idea/modules.xml"
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/第一周.iml" filepath="$PROJECT_DIR$/.idea/第一周.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file
diff --git "a/\347\254\254\344\270\200\345\221\250/.idea/vcs.xml" "b/\347\254\254\344\270\200\345\221\250/.idea/vcs.xml"
new file mode 100644
index 0000000..6564d52
--- /dev/null
+++ "b/\347\254\254\344\270\200\345\221\250/.idea/vcs.xml"
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="" />
+  </component>
+</project>
\ No newline at end of file
diff --git "a/\347\254\254\344\270\200\345\221\250/.idea/workspace.xml" "b/\347\254\254\344\270\200\345\221\250/.idea/workspace.xml"
new file mode 100644
index 0000000..a83d655
--- /dev/null
+++ "b/\347\254\254\344\270\200\345\221\250/.idea/workspace.xml"
@@ -0,0 +1,566 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ChangeListManager">
+    <list default="true" id="e079e24d-fa51-411e-915d-249cb75f34f4" name="Default" comment="" />
+    <ignored path="第一周.iws" />
+    <ignored path=".idea/workspace.xml" />
+    <option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
+    <option name="TRACKING_ENABLED" value="true" />
+    <option name="SHOW_DIALOG" value="false" />
+    <option name="HIGHLIGHT_CONFLICTS" value="true" />
+    <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
+    <option name="LAST_RESOLUTION" value="IGNORE" />
+  </component>
+  <component name="ChangesViewManager" flattened_view="true" show_ignored="false" />
+  <component name="CreatePatchCommitExecutor">
+    <option name="PATCH_PATH" value="" />
+  </component>
+  <component name="ExecutionTargetManager" SELECTED_TARGET="default_target" />
+  <component name="FavoritesManager">
+    <favorites_list name="第一周" />
+  </component>
+  <component name="FileEditorManager">
+    <leaf>
+      <file leaf-file-name="面向对象.html" pinned="false" current-in-tab="true">
+        <entry file="file://$PROJECT_DIR$/周末/面向对象.html">
+          <provider selected="true" editor-type-id="text-editor">
+            <state vertical-scroll-proportion="0.5100917">
+              <caret line="204" column="0" selection-start-line="204" selection-start-column="0" selection-end-line="204" selection-end-column="0" />
+              <folding />
+            </state>
+          </provider>
+        </entry>
+      </file>
+    </leaf>
+  </component>
+  <component name="FileTemplateManagerImpl">
+    <option name="RECENT_TEMPLATES">
+      <list>
+        <option value="Html5" />
+      </list>
+    </option>
+  </component>
+  <component name="IdeDocumentHistory">
+    <option name="CHANGED_PATHS">
+      <list>
+        <option value="$PROJECT_DIR$/git.html" />
+        <option value="$PROJECT_DIR$/第一天/预解释.html" />
+        <option value="$PROJECT_DIR$/第二天/作用域链以及内存释放.html" />
+        <option value="$PROJECT_DIR$/第二天/this.html" />
+        <option value="$PROJECT_DIR$/第二天/坑爹的题360各种this各种坑.html" />
+        <option value="$PROJECT_DIR$/第三天/点赞.html" />
+        <option value="$PROJECT_DIR$/第三天/练习.html" />
+        <option value="$PROJECT_DIR$/第三天/面向对象.html" />
+        <option value="$PROJECT_DIR$/周末/git.html" />
+        <option value="$PROJECT_DIR$/预解释.html" />
+        <option value="$PROJECT_DIR$/周末/预解释例子以及全局和私有变量.html" />
+        <option value="$PROJECT_DIR$/周末/内存释放.html" />
+        <option value="$PROJECT_DIR$/周末/点赞的例子.html" />
+        <option value="$PROJECT_DIR$/周末/this.html" />
+        <option value="$PROJECT_DIR$/周末/this作用域综合练习题.html" />
+        <option value="$PROJECT_DIR$/周末/面向对象.html" />
+      </list>
+    </option>
+  </component>
+  <component name="JsBuildToolGruntFileManager" detection-done="true" />
+  <component name="JsGulpfileManager">
+    <detection-done>true</detection-done>
+  </component>
+  <component name="NamedScopeManager">
+    <order />
+  </component>
+  <component name="ProjectFrameBounds">
+    <option name="x" value="-8" />
+    <option name="y" value="-8" />
+    <option name="width" value="1382" />
+    <option name="height" value="744" />
+  </component>
+  <component name="ProjectLevelVcsManager" settingsEditedManually="false">
+    <OptionsSetting value="true" id="Add" />
+    <OptionsSetting value="true" id="Remove" />
+    <OptionsSetting value="true" id="Checkout" />
+    <OptionsSetting value="true" id="Update" />
+    <OptionsSetting value="true" id="Status" />
+    <OptionsSetting value="true" id="Edit" />
+    <ConfirmationsSetting value="0" id="Add" />
+    <ConfirmationsSetting value="0" id="Remove" />
+  </component>
+  <component name="ProjectView">
+    <navigator currentView="ProjectPane" proportions="" version="1">
+      <flattenPackages />
+      <showMembers />
+      <showModules />
+      <showLibraryContents />
+      <hideEmptyPackages />
+      <abbreviatePackageNames />
+      <autoscrollToSource />
+      <autoscrollFromSource />
+      <sortByType />
+    </navigator>
+    <panes>
+      <pane id="Scope" />
+      <pane id="Scratches" />
+      <pane id="ProjectPane">
+        <subPane>
+          <PATH>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="第一周" />
+              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />
+            </PATH_ELEMENT>
+          </PATH>
+        </subPane>
+      </pane>
+    </panes>
+  </component>
+  <component name="PropertiesComponent">
+    <property name="WebServerToolWindowFactoryState" value="false" />
+    <property name="last_opened_file_path" value="$PROJECT_DIR$/../第二周" />
+    <property name="HbShouldOpenHtmlAsHb" value="" />
+    <property name="DefaultHtmlFileTemplate" value="Html5" />
+    <property name="FullScreen" value="false" />
+    <property name="recentsLimit" value="5" />
+    <property name="settings.editor.selected.configurable" value="reference.settingsdialog.IDE.editor.colors.Font" />
+    <property name="settings.editor.splitter.proportion" value="0.2" />
+  </component>
+  <component name="RecentsManager">
+    <key name="MoveFile.RECENT_KEYS">
+      <recent name="E:\第五期\正式课\第一周\周末" />
+    </key>
+  </component>
+  <component name="RunManager" selected="JavaScript Debug.预解释.html">
+    <configuration default="false" name="预解释.html" type="JavascriptDebugType" factoryName="JavaScript Debug" temporary="true" nameIsGenerated="true" uri="http://localhost:63342/第一周/周末/预解释.html">
+      <method />
+    </configuration>
+    <configuration default="true" type="DartCommandLineRunConfigurationType" factoryName="Dart Command Line Application">
+      <method />
+    </configuration>
+    <configuration default="true" type="DartUnitRunConfigurationType" factoryName="DartUnit">
+      <method />
+    </configuration>
+    <configuration default="true" type="JavaScriptTestRunnerKarma" factoryName="Karma" config-file="">
+      <envs />
+      <method />
+    </configuration>
+    <configuration default="true" type="JavascriptDebugType" factoryName="JavaScript Debug">
+      <method />
+    </configuration>
+    <configuration default="true" type="JsTestDriver-test-runner" factoryName="JsTestDriver">
+      <setting name="configLocationType" value="CONFIG_FILE" />
+      <setting name="settingsFile" value="" />
+      <setting name="serverType" value="INTERNAL" />
+      <setting name="preferredDebugBrowser" value="Chrome" />
+      <method />
+    </configuration>
+    <configuration default="true" type="NodeJSConfigurationType" factoryName="Node.js" working-dir="">
+      <method />
+    </configuration>
+    <configuration default="true" type="cucumber.js" factoryName="Cucumber.js">
+      <option name="cucumberJsArguments" value="" />
+      <option name="executablePath" />
+      <option name="filePath" />
+      <method />
+    </configuration>
+    <configuration default="true" type="js.build_tools.gulp" factoryName="Gulp.js">
+      <node-options />
+      <gulpfile />
+      <tasks />
+      <arguments />
+      <pass-parent-envs>true</pass-parent-envs>
+      <envs />
+      <method />
+    </configuration>
+    <list size="1">
+      <item index="0" class="java.lang.String" itemvalue="JavaScript Debug.预解释.html" />
+    </list>
+    <recent_temporary>
+      <list size="1">
+        <item index="0" class="java.lang.String" itemvalue="JavaScript Debug.预解释.html" />
+      </list>
+    </recent_temporary>
+  </component>
+  <component name="ShelveChangesManager" show_recycled="false" />
+  <component name="SvnConfiguration">
+    <configuration />
+  </component>
+  <component name="TaskManager">
+    <task active="true" id="Default" summary="Default task">
+      <changelist id="e079e24d-fa51-411e-915d-249cb75f34f4" name="Default" comment="" />
+      <created>1464057820744</created>
+      <option name="number" value="Default" />
+      <updated>1464057820744</updated>
+    </task>
+    <servers />
+  </component>
+  <component name="ToolWindowManager">
+    <frame x="-8" y="-8" width="1382" height="744" extended-state="6" />
+    <editor active="false" />
+    <layout>
+      <window_info id="Project" active="true" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" weight="0.16220239" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
+      <window_info id="TODO" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" />
+      <window_info id="Event Log" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="7" side_tool="true" content_ui="tabs" />
+      <window_info id="Application Servers" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="7" side_tool="false" content_ui="tabs" />
+      <window_info id="Version Control" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="7" side_tool="false" content_ui="tabs" />
+      <window_info id="Structure" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
+      <window_info id="Terminal" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="7" side_tool="false" content_ui="tabs" />
+      <window_info id="Favorites" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="2" side_tool="true" content_ui="tabs" />
+      <window_info id="Cvs" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.25" sideWeight="0.5" order="4" side_tool="false" content_ui="tabs" />
+      <window_info id="Message" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
+      <window_info id="Commander" active="false" anchor="right" auto_hide="false" internal_type="SLIDING" type="SLIDING" visible="false" weight="0.4" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
+      <window_info id="Inspection" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.4" sideWeight="0.5" order="5" side_tool="false" content_ui="tabs" />
+      <window_info id="Run" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
+      <window_info id="Hierarchy" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.25" sideWeight="0.5" order="2" side_tool="false" content_ui="combo" />
+      <window_info id="Find" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
+      <window_info id="Ant Build" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
+      <window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.4" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
+    </layout>
+    <layout-to-restore>
+      <window_info id="TODO" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" />
+      <window_info id="Cvs" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.25" sideWeight="0.5" order="4" side_tool="false" content_ui="tabs" />
+      <window_info id="Message" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
+      <window_info id="Commander" active="false" anchor="right" auto_hide="false" internal_type="SLIDING" type="SLIDING" visible="false" weight="0.4" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
+      <window_info id="Event Log" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="7" side_tool="true" content_ui="tabs" />
+      <window_info id="Application Servers" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="8" side_tool="false" content_ui="tabs" />
+      <window_info id="Inspection" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.4" sideWeight="0.5" order="5" side_tool="false" content_ui="tabs" />
+      <window_info id="Version Control" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="9" side_tool="false" content_ui="tabs" />
+      <window_info id="Run" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
+      <window_info id="Terminal" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="10" side_tool="false" content_ui="tabs" />
+      <window_info id="Project" active="true" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" weight="0.14211309" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
+      <window_info id="Hierarchy" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.25" sideWeight="0.5" order="2" side_tool="false" content_ui="combo" />
+      <window_info id="Find" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
+      <window_info id="Structure" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
+      <window_info id="Ant Build" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
+      <window_info id="Favorites" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="2" side_tool="true" content_ui="tabs" />
+      <window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.4" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
+    </layout-to-restore>
+  </component>
+  <component name="Vcs.Log.UiProperties">
+    <option name="RECENTLY_FILTERED_USER_GROUPS">
+      <collection />
+    </option>
+    <option name="RECENTLY_FILTERED_BRANCH_GROUPS">
+      <collection />
+    </option>
+  </component>
+  <component name="VcsContentAnnotationSettings">
+    <option name="myLimit" value="2678400000" />
+  </component>
+  <component name="XDebuggerManager">
+    <breakpoint-manager>
+      <breakpoints>
+        <line-breakpoint enabled="true" type="javascript">
+          <url>file://$PROJECT_DIR$/第一天/预解释.html</url>
+          <line>48</line>
+        </line-breakpoint>
+        <line-breakpoint enabled="true" type="javascript">
+          <url>file://$PROJECT_DIR$/第二天/作用域链以及内存释放.html</url>
+          <line>96</line>
+          <option name="timeStamp" value="1" />
+        </line-breakpoint>
+        <line-breakpoint enabled="true" type="javascript">
+          <url>file://$PROJECT_DIR$/周末/this作用域综合练习题.html</url>
+          <line>13</line>
+          <option name="timeStamp" value="2" />
+        </line-breakpoint>
+      </breakpoints>
+      <option name="time" value="3" />
+    </breakpoint-manager>
+    <watches-manager />
+  </component>
+  <component name="editorHistoryManager">
+    <entry file="file://$PROJECT_DIR$/周末/面向对象.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0">
+          <caret line="0" column="0" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/周末/面向对象.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0">
+          <caret line="0" column="0" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/周末/面向对象.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0">
+          <caret line="0" column="0" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/周末/this作用域综合练习题.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0">
+          <caret line="25" column="18" selection-start-line="25" selection-start-column="18" selection-end-line="25" selection-end-column="18" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/周末/this.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0">
+          <caret line="55" column="16" selection-start-line="55" selection-start-column="16" selection-end-line="55" selection-end-column="16" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/周末/预解释.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0">
+          <caret line="34" column="78" selection-start-line="34" selection-start-column="78" selection-end-line="34" selection-end-column="78" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/周末/预解释例子以及全局和私有变量.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0">
+          <caret line="57" column="0" selection-start-line="57" selection-start-column="0" selection-end-line="57" selection-end-column="0" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/周末/内存释放.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0">
+          <caret line="0" column="0" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/周末/预解释.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0">
+          <caret line="34" column="78" selection-start-line="34" selection-start-column="78" selection-end-line="34" selection-end-column="78" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/周末/预解释例子以及全局和私有变量.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0">
+          <caret line="0" column="0" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/第三天/面向对象.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0">
+          <caret line="139" column="42" selection-start-line="139" selection-start-column="42" selection-end-line="139" selection-end-column="42" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/第三天/练习.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0">
+          <caret line="0" column="0" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/第三天/面向对象.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0">
+          <caret line="0" column="0" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/第二天/作用域链以及内存释放.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0">
+          <caret line="26" column="5" selection-start-line="26" selection-start-column="5" selection-end-line="26" selection-end-column="5" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/第二天/this.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0">
+          <caret line="83" column="0" selection-start-line="83" selection-start-column="0" selection-end-line="83" selection-end-column="0" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/第二天/坑爹的题360各种this各种坑.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0">
+          <caret line="0" column="0" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/第二天/作用域链以及内存释放.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0">
+          <caret line="25" column="22" selection-start-line="25" selection-start-column="22" selection-end-line="25" selection-end-column="22" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/第二天/this.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0">
+          <caret line="0" column="0" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/git.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0">
+          <caret line="31" column="7" selection-start-line="31" selection-start-column="7" selection-end-line="31" selection-end-column="7" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/第一天/预解释.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0">
+          <caret line="0" column="0" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/git.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0">
+          <caret line="31" column="7" selection-start-line="31" selection-start-column="7" selection-end-line="31" selection-end-column="7" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/第一天/预解释.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0">
+          <caret line="0" column="0" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/git.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0">
+          <caret line="0" column="0" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/git.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.65745854">
+          <caret line="31" column="7" selection-start-line="31" selection-start-column="7" selection-end-line="31" selection-end-column="7" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/第一天/预解释.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="3.1970534">
+          <caret line="80" column="67" selection-start-line="80" selection-start-column="67" selection-end-line="80" selection-end-column="67" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/第二天/this.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="-8.15">
+          <caret line="83" column="0" selection-start-line="83" selection-start-column="0" selection-end-line="83" selection-end-column="0" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/360坑爹面试.png">
+      <provider selected="true" editor-type-id="images">
+        <state />
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/第二天/作用域链以及内存释放.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.057090238">
+          <caret line="26" column="5" selection-start-line="26" selection-start-column="5" selection-end-line="26" selection-end-column="5" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/第三天/点赞.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="3.9392266">
+          <caret line="69" column="8" selection-start-line="69" selection-start-column="4" selection-end-line="69" selection-end-column="8" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/第三天/练习.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.5432781">
+          <caret line="49" column="37" selection-start-line="49" selection-start-column="4" selection-end-line="49" selection-end-column="37" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/第三天/面向对象.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="1.1141804">
+          <caret line="139" column="42" selection-start-line="139" selection-start-column="42" selection-end-line="139" selection-end-column="42" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/周末/git.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="-7.375">
+          <caret line="14" column="134" selection-start-line="14" selection-start-column="134" selection-end-line="14" selection-end-column="134" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/周末/预解释.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0">
+          <caret line="34" column="78" selection-start-line="34" selection-start-column="78" selection-end-line="34" selection-end-column="78" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/周末/预解释例子以及全局和私有变量.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0">
+          <caret line="57" column="0" selection-start-line="57" selection-start-column="0" selection-end-line="57" selection-end-column="0" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/周末/点赞的例子.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="-12.025">
+          <caret line="78" column="24" selection-start-line="78" selection-start-column="19" selection-end-line="78" selection-end-column="24" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/面向对象.png">
+      <provider selected="true" editor-type-id="images">
+        <state />
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/周末/内存释放.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="1.44">
+          <caret line="88" column="0" selection-start-line="88" selection-start-column="0" selection-end-line="88" selection-end-column="0" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/周末/this.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0">
+          <caret line="55" column="16" selection-start-line="55" selection-start-column="16" selection-end-line="55" selection-end-column="16" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/第二天/坑爹的题360各种this各种坑.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="3.7779818">
+          <caret line="83" column="9" selection-start-line="83" selection-start-column="9" selection-end-line="83" selection-end-column="9" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/周末/this作用域综合练习题.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="-2.8947368">
+          <caret line="16" column="5" selection-start-line="16" selection-start-column="5" selection-end-line="16" selection-end-column="5" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/周末/面向对象.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.5100917">
+          <caret line="204" column="0" selection-start-line="204" selection-start-column="0" selection-end-line="204" selection-end-column="0" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+  </component>
+</project>
\ No newline at end of file
diff --git "a/\347\254\254\344\270\200\345\221\250/.idea/\347\254\254\344\270\200\345\221\250.iml" "b/\347\254\254\344\270\200\345\221\250/.idea/\347\254\254\344\270\200\345\221\250.iml"
new file mode 100644
index 0000000..c956989
--- /dev/null
+++ "b/\347\254\254\344\270\200\345\221\250/.idea/\347\254\254\344\270\200\345\221\250.iml"
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file
diff --git "a/\347\254\254\344\270\200\345\221\250/360\345\235\221\347\210\271\351\235\242\350\257\225.png" "b/\347\254\254\344\270\200\345\221\250/360\345\235\221\347\210\271\351\235\242\350\257\225.png"
new file mode 100644
index 0000000..97704ca
Binary files /dev/null and "b/\347\254\254\344\270\200\345\221\250/360\345\235\221\347\210\271\351\235\242\350\257\225.png" differ
diff --git "a/\347\254\254\344\270\200\345\221\250/git.html" "b/\347\254\254\344\270\200\345\221\250/git.html"
new file mode 100644
index 0000000..4ea3687
--- /dev/null
+++ "b/\347\254\254\344\270\200\345\221\250/git.html"
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head lang="en">
+    <meta charset="UTF-8">
+    <title>Git</title>
+</head>
+<body>
+如何和别人的仓库保持连接并且更新
+    1 github 就是一个仓库，用来存储自己的代码
+    2 在本地建立一个文件夹用来更新老师的github仓库里的讲义
+    3 在建立好的文件夹右键打开git Bash
+    4  输入第一条命令： git clone http:addff.git地址(群里地址的名字是以.git结尾的),待命令执行结束之后，在本地文件夹内就会出现一个和github仓库相同的文件夹。并且这个文件夹内有一个隐藏的文件夹叫做.git。这样我们就完成了本地和远程仓库的连接
+    5 链接以后就可以在本地更新远程仓库里的所有内容了。(以后每天返学回家直接更新就可以了)   git pull origin master
+
+如何把自己的代码放到提交到自己的仓库
+   1 git add -A  我这样要把我所有的文件都提交到我的远程github仓库中，这会版本号都没有生成，只是在一个暂存区
+   2 git commit -m'这里是这一次提交我的描述'  描述的内容一般是这一次提交的代码是干嘛的，这个提交动作之后就会在版本库里生成了一个新的版本，但是我的仓库中还没有最新状态
+      verson 1  静态
+             2  js写完了
+            48  好多需求
+   3 git push origin master 把已经生成版本号之后的提交到远程仓库
+    提交的过程中验证用户名和密码
+
+如何把本地文件夹初始化成一个本地仓库  其实一个git clone 远程仓库地址  完成了以下三步
+
+    1 git init 这个命令一定在这个文件夹打开gitbash里操作
+    2 git remote add origin 远程仓库地址
+    3 git pull origin master
+
+
+</body>
+</html>
\ No newline at end of file
diff --git "a/\347\254\254\344\270\200\345\221\250/\345\221\250\346\234\253/git.html" "b/\347\254\254\344\270\200\345\221\250/\345\221\250\346\234\253/git.html"
new file mode 100644
index 0000000..daea88c
--- /dev/null
+++ "b/\347\254\254\344\270\200\345\221\250/\345\221\250\346\234\253/git.html"
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head lang="en">
+    <meta charset="UTF-8">
+    <title>git</title>
+</head>
+<body>
+
+</body>
+</html>
+<!--
+
+    1 去百度下载git并且安装上
+    2 在新建的文件夹内打开右键，就会出现gitbash选项
+    3 git clone +群公告地址   把远程github的仓库克隆到本地一份，命令执行后就会在刚刚执行命令的文件夹多了一个叫JavaScript201605的文件夹，以后每天更新就直接去这个文件夹里面去执行git pull origin master就可以
+    4 从第二天开始每天在这个文件夹下执行 git pull origin master就把每天老师最新的讲义更新下来了  更新的时候去这个JavaScript201605文件夹里面打开gitBash
+-->
\ No newline at end of file
diff --git "a/\347\254\254\344\270\200\345\221\250/\345\221\250\346\234\253/this.html" "b/\347\254\254\344\270\200\345\221\250/\345\221\250\346\234\253/this.html"
new file mode 100644
index 0000000..9683196
--- /dev/null
+++ "b/\347\254\254\344\270\200\345\221\250/\345\221\250\346\234\253/this.html"
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html>
+<head lang="en">
+    <meta charset="UTF-8">
+    <title>this</title>
+</head>
+<body>
+    <div id="div1" style="width: 200px; height: 200px; background: green;"></div>
+</body>
+</html>
+<script>
+    /*
+    *   js中this的常见用法：我们研究的this一般是指函数中的this,在全局作用域下打印this就是window
+    *       1 在绑定事件的时候，事件触发执行的函数中的this就是触发事件的主体
+    *
+    *       2 函数中的this是谁，就看函数在执行的时候调用函数的主体就是函数中的this。 ==> 函数在执行的时候，就看函数前面的'.'，点前面是谁函数中的this就是谁。如果没有点那么就是window  函数中的this是谁只有在函数执行的时候才知道 ps:上一级作用域是谁在定义的位置就知道了
+    *       3 自运行函数中的this永远是window
+    *
+    *       4 构造函数中的this是当前实例
+    *       5 call和apply可以强制改变this
+    *
+    * */
+    function fn(){
+        console.log(this); //
+    }
+    //fn(); //这是fn在执行的时候，前面没有点，那么fn中的this就是window
+
+    var obj = {
+        name:'tianxi',
+        fn: fn //冒号后面的fn其实就是代表fn这个函数所代表的堆内存地址,这个这个函数的堆内存地址被fn占用也被obj.fn这个属性占用
+    }
+    //obj.fn(); //obj 在执行的时候函数'.'前面是obj,所以fn中的this是obj
+
+    var o = {
+        o:'o',
+        fn: function (){
+            console.log(this);
+            fn(); //fn中的this是谁？
+        }
+    }
+    //o.fn();
+   /* (function (){
+        (function (){
+            console.log(this);
+        })();
+
+    })()
+*/
+    var obj = { //首先开辟新的堆内存空间，把属性等存到这个空间中，最后才把这个空间地址赋值obj这个变量
+        num : 3,
+        fn: (function (){
+            alert();
+            console.log(this); //？？自运行函数中的this永远是window
+        })()   //再给这个对象赋值的过程中，是先执行这个自运行函数，然后把这个自运行函数的返回值赋值给fn这个属性
+    }
+    obj.fn(); //
+    obj.fn(); //
+
+
+
+
+
+
+
+
+
+
+
+
+
+    document.getElementById('div1').onclick = function (){
+        //console.log(this); //
+        fn(); //div1的点击动作发生的时候执行fn,fn中的this?
+    }
+
+</script>
\ No newline at end of file
diff --git "a/\347\254\254\344\270\200\345\221\250/\345\221\250\346\234\253/this\344\275\234\347\224\250\345\237\237\347\273\274\345\220\210\347\273\203\344\271\240\351\242\230.html" "b/\347\254\254\344\270\200\345\221\250/\345\221\250\346\234\253/this\344\275\234\347\224\250\345\237\237\347\273\274\345\220\210\347\273\203\344\271\240\351\242\230.html"
new file mode 100644
index 0000000..0970790
--- /dev/null
+++ "b/\347\254\254\344\270\200\345\221\250/\345\221\250\346\234\253/this\344\275\234\347\224\250\345\237\237\347\273\274\345\220\210\347\273\203\344\271\240\351\242\230.html"
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+<head lang="en">
+    <meta charset="UTF-8">
+    <title>this作用域综合练习题</title>
+</head>
+<body>
+</body>
+</html>
+<script>
+    var num = 10; //window.num=10   13 12 13 14
+    var obj = { //堆
+        num : 3, //2
+        fn :  (function(num){ //10 var num = 10 12 5 3 4 2 3
+            this.num += 3; //window.num
+            num += 2;
+            var num = 5; //3 1 -1 -3 -5 -7
+            return function (){
+                this.num -= 1;
+                num -= 2;
+                return function (){
+                    this.num += 1;
+                    num += 1;
+                    console.log(num); //4 3
+                } 
+            }
+        })(this.num) //window.num
+    };  //需要注意：内存是否释放，变量是否被保存下来，this是谁，每次修改的值是否相同
+    var f = obj.fn;//  把obj.fn的地址赋值给f一份。obj.fn和f同时引用这个地址
+    f()(); //3  //4
+    obj.fn()(); //1 //3
+    console.log(window.num,obj.num);
+
+
+</script>
\ No newline at end of file
diff --git "a/\347\254\254\344\270\200\345\221\250/\345\221\250\346\234\253/\345\206\205\345\255\230\351\207\212\346\224\276.html" "b/\347\254\254\344\270\200\345\221\250/\345\221\250\346\234\253/\345\206\205\345\255\230\351\207\212\346\224\276.html"
new file mode 100644
index 0000000..37ffd7d
--- /dev/null
+++ "b/\347\254\254\344\270\200\345\221\250/\345\221\250\346\234\253/\345\206\205\345\255\230\351\207\212\346\224\276.html"
@@ -0,0 +1,123 @@
+<!DOCTYPE html>
+<html>
+<head lang="en">
+    <meta charset="UTF-8">
+    <title></title>
+</head>
+<body>
+    <div id="div1" style="width: 100px; height: 100px; background: red;"></div>
+</body>
+</html>
+<script>
+    //堆内存释放，如果这个堆没有变量引用浏览器就会找个合适的机会主动去释放这些没用的堆
+    var obj = {};
+    obj = null;//空指针，空的引用地址
+
+    //1函数执行的时候也会形成一个新的私有作用域，这是一个栈内存，浏览器也会对栈内存也有一套回收机制。如果函数运行过程中，函数中的某一个部分(引用数据类型)被函数外面的变量或者一个对象的属性所占用。那么这个栈内存就不会被释放，而存放在这个由于函数运行所产生的栈内存也就是那个私有的作用域内的私有变量也不会丢。那么这个私有变量的值也就随之保存在这个当前的作用域中
+    //2 绑定事件方式：函数运行后，函数中的某一部分赋值给元素的时间属性
+    //3 暂时不释放：返回的函数立刻执行
+    /*
+    *   如何查找函数的上一级作用域: 就看函数在哪里定义的，那么它的上一级作用域就是在函数定义位置的上一级
+    * */
+   /* var num = 12;
+    function fn(){
+        var num = 120;
+        return function (){ //这是一个地址
+            console.log(num);
+        }
+    }
+    var f = fn(); //这个返回的匿名函数的地址赋值给变量f了
+    f(1.2);*/
+
+    ////////////////////////////////////////////////////
+
+    /*
+    *   i-- 和 --i的区别
+    *    i++ 和 ++i    i++ 先运算后给i累加
+    *                  ++i 先给i累加后运算
+    *                  ps: i++后者++i没有和别人做运算的时候效果是相同的
+    * */
+    //var i=0; //1 2  3 4
+    //console.log(1 + i++ /*1*/ + ++i /*3*/ + i++ /*5*/+ ++i); //??9
+    //console.log(i); //4
+
+    function fn(){
+        var i = 0; // 1
+        return function (n){
+            console.log(n + ++i);
+        }
+    }
+    var f = fn(); //这行代表f这个变量占用着fn函数运行结束后的返回值，就因为这行占用代码导致内存没有释放
+    f(10);
+    f(20);
+
+    fn()(10); //11 fn运行结束后返回的函数立刻运行
+    fn()(20); //21
+    // 11 21 ? ?
+    //11 21 ? ?
+
+    var oDiv = document.getElementById('div1');
+    //for(var i=0; i<3; i++){} //lis小于lis.length
+        (function (xingccan){
+            // var i = 0;
+            //var obj = {};
+            //obj.onclick = function (){};
+            oDiv.onclick = function (){ //绑定事件
+                //console.log(this); //this == oDiv
+                console.log(xingccan++);
+            }
+        })(8);
+
+    oDiv.onclick = (function (){
+       return function (){
+
+       }
+    })();
+
+
+    /*
+    *   匿名函数的执行也会形成一个私有作用域： 1 形参赋值 2 预解释 3 代码执行
+    *
+    * */
+
+
+
+</script>
+
+
+<script>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+</script>
\ No newline at end of file
diff --git "a/\347\254\254\344\270\200\345\221\250/\345\221\250\346\234\253/\345\216\237\345\236\213.png" "b/\347\254\254\344\270\200\345\221\250/\345\221\250\346\234\253/\345\216\237\345\236\213.png"
new file mode 100644
index 0000000..566c683
Binary files /dev/null and "b/\347\254\254\344\270\200\345\221\250/\345\221\250\346\234\253/\345\216\237\345\236\213.png" differ
diff --git "a/\347\254\254\344\270\200\345\221\250/\345\221\250\346\234\253/\346\227\240\346\240\207\351\242\230.png" "b/\347\254\254\344\270\200\345\221\250/\345\221\250\346\234\253/\346\227\240\346\240\207\351\242\230.png"
new file mode 100644
index 0000000..375702b
Binary files /dev/null and "b/\347\254\254\344\270\200\345\221\250/\345\221\250\346\234\253/\346\227\240\346\240\207\351\242\230.png" differ
diff --git "a/\347\254\254\344\270\200\345\221\250/\345\221\250\346\234\253/\347\202\271\350\265\236\347\232\204\344\276\213\345\255\220.html" "b/\347\254\254\344\270\200\345\221\250/\345\221\250\346\234\253/\347\202\271\350\265\236\347\232\204\344\276\213\345\255\220.html"
new file mode 100644
index 0000000..9661041
--- /dev/null
+++ "b/\347\254\254\344\270\200\345\221\250/\345\221\250\346\234\253/\347\202\271\350\265\236\347\232\204\344\276\213\345\255\220.html"
@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html>
+<head lang="en">
+    <meta charset="UTF-8">
+    <title>点赞例子</title>
+    <style>
+        *{ margin: 0; padding: 0; font-family: "Microsoft Yahei"; }
+        #box{ width: 400px; height: 60px; margin: 30px auto; border: 2px solid #ccc; cursor: pointer; -webkit-user-select: none; line-height: 60px; text-align: center; font-size: 30px;  }
+        #box span{ color: red;  }
+    </style>
+</head>
+<body>
+    <div id="box">
+        珠峰培训已经
+        <span>7</span>岁了
+    </div>
+</body>
+</html>
+<script>
+    var oDiv = document.getElementById('box');
+    var oSpan = oDiv.getElementsByTagName('span')[0];
+   /* var count = 0; //count是一个全局变量，不安全。
+    var fn = function (){
+        //count++; //这行代码把上一级作用域的count修改
+        //把累加之后的值赋值给span的innerHTML
+        oSpan.innerHTML = ++count;
+    };
+    oDiv['onclick'] = fn;
+*/
+    //安全的方式,如果把count变成一个私有变量
+
+/*
+    (function clickZan(){
+        var count = 0;
+        oDiv.onclick = function (){
+            oSpan.innerHTML = ++count;
+        }
+    })();
+
+
+    oDiv.onclick = (function (){
+        var count = 0;
+        return function (){
+            oSpan.innerHTML = ++count;
+        }
+    })();
+*/
+
+    //我们能不能换种方式把count保存下来,可以通过自定义属性的方式保存在oDiv的身上
+/*
+    oDiv.count = 0;
+    oDiv.onclick = function (){
+        //this？？oDiv那么我就可以通过this找到oDiv的任何属性
+        oSpan.innerHTML = ++this.count;
+
+    }
+*/
+
+    //
+   /* oDiv.onclick = function (){
+        this.getElementsByTagName('span')[0].innerHTML = ++this.getElementsByTagName('span')[0].innerHTML;
+    }
+
+*/
+    //var i = 0; //1 2
+    function fn(i){//var i = 0;
+        //var i = 0;
+        //var i = 0;
+        //var i = 0;
+        return function (){
+            //时间发生要执行这得代码
+            oSpan.innerHTML = ++i;
+        }
+
+    }
+    //var f = fn();
+    //fn(i);
+
+    oDiv.onclick = fn(0); //要给我留下一个函数
+</script>
\ No newline at end of file
diff --git "a/\347\254\254\344\270\200\345\221\250/\345\221\250\346\234\253/\351\235\242\345\220\221\345\257\271\350\261\241.html" "b/\347\254\254\344\270\200\345\221\250/\345\221\250\346\234\253/\351\235\242\345\220\221\345\257\271\350\261\241.html"
new file mode 100644
index 0000000..3b04d55
--- /dev/null
+++ "b/\347\254\254\344\270\200\345\221\250/\345\221\250\346\234\253/\351\235\242\345\220\221\345\257\271\350\261\241.html"
@@ -0,0 +1,209 @@
+<!DOCTYPE html>
+<html>
+<head lang="en">
+    <meta charset="UTF-8">
+    <title></title>
+</head>
+<body>
+</body>
+</html>
+<script>
+    var date = new Date;//实例创建方式 js中已经规定好了
+    var ary = new Array(); //ary就代表这个空数组
+    //[1,2]
+    //判断当前实例是否属于某个类  instanceof
+    var obj = new Object();
+    var fn = new Function(); //Function也是js中已经内置好的类
+    //如果是一个类，那么首字符大写, Function Array  ....内置类
+    //如何去面向一类去编程？再也不具体到某一个实例
+    /*
+    *   单例模式 ：(其实就是一个对象) 也可以叫做命名空间 nameSpace, 虽然简单但是比较常用
+    *       缺点：如果想多一个例子，需要每次都新声明一个对象
+    *   工厂模式：(就是一个函数) 因为是工厂，这个工厂函数我需要运行结束后返回一个对象。
+    *       我们在写工厂模式的过程其实就是函数的封装过程
+    *   构造函数： 实例 类 的概念
+    *       就是声明了一个类，但是只有运行的时候才知道运行方式。构造函数会默认返回一个实例，构造函数中的this都是当前实例
+    *
+    *   原型模式:
+    *       1 任何一个对象数据类型都会有一个天生自带的属性叫做__prot__
+    *       2 任何一个函数数据类型不仅仅有__proto__,还有一个prototype,这个prototype就叫原型，并且这个prototype的属性值仍然是一个对象数据类型的，并且包含两个天生属性，一个是constructor,另外一个是__proto__
+    *       Table = {
+    *           prototype: {
+    *               constructor : Table,
+    *               __proto__: ??
+    *           }
+    *       }
+    *       3 任何一个实例(对象数据类型)都天生自带一个属性叫做__proto__，这个属性值是这个实例所属于那个类的原型 table1.__proto__ === Table.prototype
+    *       4 定义在类的原型上的任何方法和属性都是公有的，任何一个实例都天生自带原型上的公有属性，这个原型可以通过实例的__ptoto__属性访问，也可以通过l类的prototype访问
+    *
+    *
+    *
+    *
+    * */
+    /*
+    *   函数的三种角色：
+    *       1 普通函数
+    *       2 任何一个函数都是Function这个类的一个实例
+    *       3 这个函数本身也可以看做是一个类(人为定义一个类需要用function关键字)
+    *
+    * */
+    //单例模式
+    var tiaxi = {
+        name : 'tianxi',
+        age : 30,
+        fn : function (){
+            console.log(this);
+        }
+    };
+    var zhufeng = {
+        name : 'zhufeng',
+        age : 40,
+        fn : function (){
+            console.log(this);
+        }
+    }
+    function fn(){
+        console.log(this);
+    }
+    function fn(){
+        console.log(2);
+    }
+    //每穿件一个都需要重新声明一个对象
+    //如果一个相同的文件由多个工程师共同编辑，就有可能出现重名的情况。
+
+    //工厂模式: 可以解决批量生产问题
+/*
+    function Factory(name,age,fn){
+        var obj = {};
+        //在这个对象中添加属性和方法
+        obj.name = name;
+        obj.age = age;
+        obj.fn = fn;
+        return obj; //这个工厂函数只要执行一次就会留下一个对象
+    }
+    var fn = function (){
+        console.log(this);
+    }
+    var person1 = Factory('tianxi',30,fn); //这个函数执行一次就给我留下一个对象
+    var person2 = Factory('zhufeng',30,fn); //这个fn是在全局下定义的那个fn的堆内存地址，Factory在执行的时候又把这个地址赋值给了对象的obj.fn属性,比较的时候只要关注是不是同一个堆内存地址就可以
+    //console.log(person1.fn ==  fn);  //这是两个对象永远也不相等,但是如果这个对象中的具体的属性值是有可能相等
+
+    //构造函数
+    function Fe(name,age){ //规定一个类和定义一个函数是相同的，浏览器这会不知道你想当作一个类还是当作一个函数,当函数运行的时候就知道，如果当作一个类就用new的方式去运行，如果当作普通函数那就小括号执行就ok
+        var x = 1000; //如果当作类去运行这个x压根没用，当作一个普通函数执行的时候的这个x就是一个私有变量
+        this.age = age;  //向this身上添加一个age属性
+        this.name = name;
+        this.fn = function (){  //这个方法没有执行，给每一个实例都会添加一个叫做fn的属性，属性值这个匿名函数
+            console.log(this); //函数没有执行的时候你不知道this是谁,只要this被function包起来了this就不再是同一个了
+        }
+        return 7; //7是基本数据类型，没有对实例造成影响
+        return []; //只要返回一个对象数据类型就会对默认返回实例替换了
+
+    }
+    var res = Fe('tianxi',30); //当作一个普通函数运行
+    var res1 = new Fe('zhufeng',40); //当作一个类,当作一个类的时候return一个实例对象是默认发生的。
+    var res2 = new Fe('hanxiaobo',20);
+    //console.log(res2);
+    //console.log(res1);
+    //res1这个实例和res2这个实例都有一个叫做fn的方法，这两个方法还是相同的操作。有没有一种方式这个fn只定义一次，然后每个实例都天生自带这个fn ==> fn原来是长在每个实例身上的私有属性，能不能把这个私有的变成公有的
+
+    //in运算符  可以判断一个属性是否属于这个对象
+
+
+    //原型模式
+
+    function Table(w,h){ //声明了一个Table函数
+        this.width = w;
+        this.height = h;
+        /!*this.fn = function (){ //这个方法是每个实例私有的
+
+        }*!/
+        this.x = 1000;
+    }
+    Table.prototype.fn = function (){
+        console.log(this.width);
+    }
+    Table.prototype.x = 100;
+    //Table.gengmin = 'xxxx';
+    console.dir(Table); //打印任何一个引用数据类型都有一个叫__proto__天生属性
+    var table1 = new Table(100,200); //默认会返回一个对象实例
+    var table2 = new Table(300,400); //默认会返回一个实例对象
+    console.dir(table1); //
+    console.dir(table2); //通过打印我发现我添加在Table这个类原型上的属性，
+    table2.__proto__/!*Table.prototype*!/.x = 300;
+    var table3 = new Table(500,600);
+    console.log(table3.x); // 如果私有的不存在就默认通过__ptoto__到原型上去查找,那么如果原型上也不存在呢？？？通过原型的__proto__到原型所属类的原型上去查找
+    console.log(table3.__proto__.x); //?
+
+    Object.prototype.y = 1000; //通过Object的原型添加上的
+    ({}).__proto__.y = 2000; //Object的原型可以通过Object的任何一个实例的__proto__访问
+    table3.__proto__.__proto__.y = 3000;
+    var table4 = new Table(1,2);
+    console.log(table4.y);
+
+    //
+    //f1.__proto__.myAlert(); //??会弹窗么？不会因为还没有赋值呢
+    Table.__proto__.myAlert = function (){  alert('我是在函数Function的原型上添加的')  };
+    var f = function (){  };
+    f.__proto__.myAlert();
+    function f1(){
+
+    }
+    //
+    Function.prototype.haha = function (){  console.log('haha')  }
+    var ary = new Array();
+*/
+    //ary.push/*函数*/.__proto__/*Function的原型*/.haha();
+    //可不可以把数组去重放到Array的原型上呢？以后每一个数组都可以直接调用去重方法
+    Array.prototype.unique = function (){
+        console.log(this); //函数中的this?  函数执行的时候才知道
+        //this就是要去重的那个数组实例
+        var obj = {};
+        for(var i=0; i<this.length; i++){
+            var cur = this[i];
+            if(obj[cur] === cur){
+                this.splice(i,1);
+                i--;
+            }else{
+                obj[cur] = cur;
+            }
+        }
+        obj = null;
+        return this;
+    }
+    var ary = [1,2,3,4,3,2,1];
+    var res = ary.unique(); //ary去重,返回值仍然是一个数组，可以继续调用数组的其他方法。这就是典型的链式写法
+    console.log(res);
+
+    //
+    function Table(){
+        this.x = 10000;
+        this.y = 20000;
+    }
+/*
+    Table.prototype.fn = function(){} //这是在原型上新添加了一个属性,但是原型的堆内存地址还是原来那个
+    Table.prototype.fo = function (){}
+    Table.prototype.fx = function (){}
+*/
+    //批量设置公有属性
+    Table.prototype = { //这是吧Table的原型用一个新的对象的内存地址替换了,原来的天生的那个堆内存就释放了。那个原型上的constructor这个内置属性也丢了,__proto__不用添加，因为这个新对象也有
+        constructor : Table,
+        fn : function (){},
+        fo : function (){},
+        fx : function (){}
+    }
+    var table10 = new Table(); //  这是一个实例对象，身上存在很多属性。可以用for in 遍历
+    for(var key in table10 ){ //for in循环把私有和原型上的公有(我们自己添加的)都会遍历出来了
+        //不要公有，判断是不是key是不是共有属性
+       /* if(key propertyIsEnumerable )*/
+
+        if(table10.hasOwnProperty(key)){  //判断属性是否是一个对象的私有属性
+            console.log(key); //私有属性只有x和y
+        }
+
+    }
+
+    //
+
+
+</script>
\ No newline at end of file
diff --git "a/\347\254\254\344\270\200\345\221\250/\345\221\250\346\234\253/\351\242\204\350\247\243\351\207\212.html" "b/\347\254\254\344\270\200\345\221\250/\345\221\250\346\234\253/\351\242\204\350\247\243\351\207\212.html"
new file mode 100644
index 0000000..b5d1a58
--- /dev/null
+++ "b/\347\254\254\344\270\200\345\221\250/\345\221\250\346\234\253/\351\242\204\350\247\243\351\207\212.html"
@@ -0,0 +1,106 @@
+<!DOCTYPE html>
+<html>
+<head lang="en">
+    <meta charset="UTF-8">
+    <title></title>
+    <style>
+        html,body{ width: 100%; height: 100%; }
+    </style>
+</head>
+<body  id="body" style="background: black;">
+
+</body>
+</html>
+<script>
+    var oBody = document.getElementById('body'); //这是一个什么样的数据类型，通过Dom的方式获取来的dom对象,既然是一个对象一定存在多个属性和值
+    //console.dir(oBody);
+    var bg = oBody.style. backgroundColor; //获取body的背景色，仅仅是一个字符串，仅仅代表一个值而已，这个值不是地址更涉及不到和其他共用地址的问题了
+    var oStyle = oBody.style; //保存到style这个值,oStyle其实保存的是oBody.style的值的堆内存地址。 oStyle和oBody.style共享一个堆内存地址,
+    //console.log(bg);//black 这是一个字符串,这是一个基本数据类型
+    //console.log(oStyle); //这是一个对象，这是一个堆内存
+    //bg = 'red'; //背景色会被修改么？
+    oStyle.backgroundColor = 'lightpink'; //这样会不会把颜色修改呢?,通过oStyle的引用地址找到那个堆内存，并且修改了backgroundColor的属性值。所以也导致了oBody.style.backgroundColor的值也被修改了。
+
+    /*
+    *   如果要修改元素的样式，只能桶过元素的style这个属性去修改。如果用变量去保存只能保存到最后的对象数据类型的指针。不能保存一个值类型
+    *
+    * */
+    /*
+    *   预解释(变量提前声明): 预解释是发生在代码执行之前的，带var只提前把变量声明了，但是没有赋值，默认赋值undefined。带function不仅仅把函数名字提前声明了，还把函数的引用赋值给函数名了 区别：是否赋值
+    *   1 预解释不理会条件(暂时可以这样去处理，不同浏览器甚至相同浏览器的不同版本出现过不同情况)
+    *   2 全局的自运行函数不会被预解释
+    *   3 预解释只发生在当前作用域(全局作用域)
+    *   4 return下面的代码是可以被预解释的，但是return后面的函数当作一个整体返回，并没有被预解释  ps: return后面的如果是一个自运行函数，要等自运行函数执行之后的结果留给return
+    *   5 预解释只看var等号前面的，不理会值即使是一个函数
+    *   6 如果函数名和变量重名：那么变量名字只声明一次足够，但是赋值动作要以最后一次为准。当执行到变量赋值动作之后就是变量赋的值了(结合最后的例子)
+    *
+    * */
+    //console.log(num); //如果没有报错说明num这个变量在打印之前就被声明了,并且默认赋值一个undefined
+    var num = 12;
+    //console.log(num); //打印12，经过34行的代码操作，已经把num重新赋值了一个12
+    console.log(obj); //obj虽然是一个对象数据类型，但是对用var声明的变量来说没有影响
+    var obj = {"name":"zhufeng",age:7};
+    //即使把一个函数赋值给一个变量也没影响，在上面打印仍然是undefined
+    console.log(f);
+    var f = function (){}; //
+    //只要是用var声明的变量无论赋值一个什么样类型的值，在代码执行到赋值动作之前都是undefined
+    console.log(fn); //如果在这里打印不是undefined，说明function和var不同，var是只是把这个变量声明了，但是没有赋值。如果function不但把函数名字声明了，并且还把函数那个堆内存地址赋值给函数名了
+
+    function fn(){
+        console.log('welcome to zhufeng');
+    }
+    var fn =10;
+    //
+    //console.log(xx);
+    var num = 12;
+    var ojb = {};
+    var foo = function xx(){} //预解释变量不理会等号右面是啥
+    //
+    console.log(haha); //如果这里没有报错，说明预解释不理会条件
+    if(false){
+        var haha = 6;
+    }
+    console.log(f1);
+    //console.log(f2);
+    function f1(){ //预解释只发生在当前作用域
+        console.log(f2);
+        //console.log(yy); //这里如果报错了，说明在return后面的函数没有被预解释
+        //return function yy(){}; //把这个yy函数看成了一个整体返回，并且不会被预解释
+        return (function (){ //其实就是 return 9;这个9其实是自运行函数的运行结果
+            alert('我是return后面的自运行函数');
+            return 9;
+        })(); //如果return后面是一个自运行函数，首先先要执行这个自运行函数，然后把这个自运行函数的返回结果留给return,这个自运行函数的返回结果我只看自运行函数里面的return，如果函数中没有return默认返回undefined
+        //return; //return下面的代码不执行，但是这个f2确被预解释了
+        function f2(){ //如果有function定义在function里面，如果被一个函数包含着，那么f2没有被预解释.涉及到一个作用域的问题
+        //如果想让f2被预解释，首先要执行f1形成一个新的作用域，然后f2是定义在当前作用域的。所以才会预解释f2
+            var h = 'h';
+        }
+    }
+    f1();
+    //我想验证f1()之后的结果,用一个变量去保存这个结果
+    var res = f1();
+    console.log(res); //打印f1运行结束后的返回值，而f1运行结束的返回值确实f1里自运行函数的运行结果
+    /*
+    *   作用域：供代码执行的环境,我们这个环境也就是作用域是一个栈内存。那么当浏览器刷新的时候首先就会一共一个全局的环境，也叫做全局作用域用window代表，当一个函数执行的时候，也需要给这个函数提供一个运行环境，函数的执行也会形成一个作用域，也是一个栈内存
+    *
+    * */
+   // console.log(xxx);
+    ;(function xxx(){
+        (function yyyy(){})();
+
+    }()); //是在全局作用域内的自运行函数不会被预解释
+
+    //预解释如果变量和函数重名以最后一个为准，函数不仅仅把函数名字预解释还把函数的引用地址赋值给变量，但是变量的赋值动作是在代码执行到这一行的时候才做
+    console.log('%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%');
+    fx();
+    function fx(){ console.log(1) }
+    fx();
+    var fx = 6;
+    fx();
+    function fx(){ console.log(2) }
+    fx();
+
+    //
+
+
+</script>
\ No newline at end of file
diff --git "a/\347\254\254\344\270\200\345\221\250/\345\221\250\346\234\253/\351\242\204\350\247\243\351\207\212\344\276\213\345\255\220\344\273\245\345\217\212\345\205\250\345\261\200\345\222\214\347\247\201\346\234\211\345\217\230\351\207\217.html" "b/\347\254\254\344\270\200\345\221\250/\345\221\250\346\234\253/\351\242\204\350\247\243\351\207\212\344\276\213\345\255\220\344\273\245\345\217\212\345\205\250\345\261\200\345\222\214\347\247\201\346\234\211\345\217\230\351\207\217.html"
new file mode 100644
index 0000000..e42173d
--- /dev/null
+++ "b/\347\254\254\344\270\200\345\221\250/\345\221\250\346\234\253/\351\242\204\350\247\243\351\207\212\344\276\213\345\255\220\344\273\245\345\217\212\345\205\250\345\261\200\345\222\214\347\247\201\346\234\211\345\217\230\351\207\217.html"
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html>
+<head lang="en">
+    <meta charset="UTF-8">
+    <title></title>
+</head>
+<body>
+
+</body>
+</html>
+<script>
+    //console.log(total); //undefined
+    var total = 0; //3
+    function sum(num1,num2){ //num1=1,num2=2
+        //console.log(total); //total不是当前作用域的变量，那么就去上一级作用域去找是否声明过total，如果还没有继续查找上一级作用域。一直查找到顶级作用域window，如果还没有报错  total未定义
+        var total = num1 + num2; //这是一个赋值动作，把3赋值给total，当前作用域没有total，一直查找到window，并且把window作用域内的total修改成3,这里注意有var和没有var的区别
+        //console.log(window.total); //自己没有一直找到window就打印3
+    }
+    sum(1,2); //
+    //console.log(total); //3 由于执行sum的时候把全局的total修改了
+    /*
+    *   闭包: 形成私有的作用域，在这个作用域内定义的变量也是私有变量,在函数外访问不到。这个私有变量是被保护起来了。函数执行的时候形成的私有作用域里面的私有变量被保护不受外界干扰，这种机制就叫做闭包。
+    *   函数执行的步骤： 1形参赋值  2 预解释当前作用域内的变量和函数  3 逐行执行代码
+    *   形参： 相当于在当函数内的私有变量 其实效果等同于在函数体内声明的变量,不同点: 在函数执行的时候形参不仅仅声明了并且还把实参赋值
+    *
+    * */
+    //var a = 10; // window.a
+    function fn(){
+        //console.log(b); //先去把b的值取过来
+        function inner(){
+            c = 100000; //无论这个行代码有多少个function包含，只要执行到这都是相当于给全局添加了一个属性
+        }
+        inner();
+        b = 100; //就是一个赋值动作,b不是当前作用域内的私有变量，找到window的这个作用域也没有。赋值动作和取值动作不相同,相当于给全局添加了一个b变量,如果是赋值动作相当于直接给window添加了一个b属性  window.b = 100;
+        //console.log(window.b);
+    }
+    fn();
+    //console.log(window.b);
+    //console.log(window.c); //
+    //区别？ 带var预解释，无论是否用var相当于直接给window.k = 1000;
+    var k = 1000;
+    j = 1000;
+
+    ///////////////////////////////////////
+    var ary = [1,2,3]; //ary这回存放的是数组的地址 [1,2,3,4]
+    function a(ary){ //ary是一个形参，相当于在函数里声明私有变量,
+        ary[ary.length] = 4; //ary是不是形参，在私有的这个ary所代表的内存地址的数组上添加最后一项,而这个内存地址和全局公用一个吧
+
+        ary = [5]; //ary仍然是一个私有变量，这是对象数据类型的赋值动作，一个[5]新的数组的堆内存引用地址赋值给ary。ary这个私有变量不再和全局的ary公用一个低估值了。全局变量ary和私有变量ary不再共享一个内存地址了
+        ary[0] = 6; //通过ary所代表的对内存地址找到数组[5]，然后把里的第一项修改成6
+        console.log(ary); //[6]
+    }
+    a(ary); //这个实参ary其实是代表一个数组的引用地址，函数执行第一步形参赋值的过程就是把实参地址给了形参一份。私有变量ary和全局ary共享一个数组的堆内存地址引用
+
+    console.log(ary); //由于执行函数的过程中被私有变量ary修改过一次，变成了[1,2,3,4]
+    ary = null;
+
+
+
+
+
+
+</script>
\ No newline at end of file
diff --git "a/\347\254\254\344\270\200\345\221\250/\346\211\271\351\207\217\344\277\256\346\224\271\345\205\254\346\234\211\345\261\236\346\200\247.png" "b/\347\254\254\344\270\200\345\221\250/\346\211\271\351\207\217\344\277\256\346\224\271\345\205\254\346\234\211\345\261\236\346\200\247.png"
new file mode 100644
index 0000000..09b1da6
Binary files /dev/null and "b/\347\254\254\344\270\200\345\221\250/\346\211\271\351\207\217\344\277\256\346\224\271\345\205\254\346\234\211\345\261\236\346\200\247.png" differ
diff --git "a/\347\254\254\344\270\200\345\221\250/\347\254\254\344\270\200\345\244\251/\351\242\204\350\247\243\351\207\212.html" "b/\347\254\254\344\270\200\345\221\250/\347\254\254\344\270\200\345\244\251/\351\242\204\350\247\243\351\207\212.html"
new file mode 100644
index 0000000..79faa3d
--- /dev/null
+++ "b/\347\254\254\344\270\200\345\221\250/\347\254\254\344\270\200\345\244\251/\351\242\204\350\247\243\351\207\212.html"
@@ -0,0 +1,157 @@
+<!DOCTYPE html>
+<html>
+<head lang="en">
+    <meta charset="UTF-8">
+    <title></title>
+</head>
+<body>
+
+</body>
+</html>
+<script>
+    /*
+    *   js在执行的时候，首先看代码中是否有带var的，如果有那么在代码执行之前要做预解释(变量提声)，但是并没有赋值，赋值的动作是在代码执行这一行之后
+    *    function关键字和var不一样， function不仅仅提前声明还赋值
+    *    区别：var 声明没有赋值默认undefined  function声明并且赋值
+    *
+    * */
+    //console.log(num); //undefined
+    //console.log(sum);
+    /*console.log(fn);
+    var num = 12; //12
+    console.log(num); //12
+    var obj = {name:'zhufeng',age:7}; //引用数据类型，内存地址(堆)
+    function sum(num1,num2){ //也是一个堆内存地址
+        console.log(num1+num2);
+    }*/
+    //in是判断属性是否属于某个对象，返回值只有true和false
+    var fn = function (){}; //
+    //var haha = 1; //如果声明一个变量直接放在了全局内可以理解为是window的一个属性
+    //console.log(window.haha);
+
+    //console.log(num); //在条件里的这个变量是否被提前声明了
+    if(!'num' in window){ //这个条件是否成立，其实看条件里的 var num这个被预解释了
+        var num = 12; //由于预解释不理会条件，所以这个num就会被预解释，但是只要预解释了它就是window的一个属性。当代码执行到这个条件的时候不成立了。所以这个赋值12的动作没有被执行。num的值就是默认的undefined
+    }
+    //console.log(num);//取决于条件是否成立
+
+
+    //console.log(x);
+    function getX(a){
+        console.log(x);
+        var x = 100;
+        console.log(x);
+        function xxxx(){
+        } //这个函数只有在getX执行的时候才会预解释。
+        return a;
+    }
+
+    getX();
+    getX(100);
+    /*
+    *   预解释只发生在当前作用域，首先一定发生在window的全局作用域。函数执行的时候，在函数执行形成的私有作用域也会预解释当前的。函数执行步骤： 1 形参赋值(形参是相当于在当前私有作用域内的私有变量。并且在函数体代码执行之前就有了值。)  2 预解释当前作用域内的带var和function的  3 代码逐行执行
+    *
+    * */
+
+
+
+    /*
+        预解释需要注意的：
+    *  1 变量提前声明忽略条件
+    *  2 预解释之发生在当前作用域内
+    *  3 全局作用域内的自运行函数不被预解释
+    *  4 预解释var只看等号左面的，即使赋值一个函数也不会预先解释这个函数var fnn = function (){}
+    *  5 return下面的代码也会被预解释虽然不被执行,但是return的值即使是一个函数也不会被预解释，然是如果是一个自运行函数那么等自运行函数执行结束后的结果留下来
+    *  6  如果函数名和变量重名，不需要重新声明，但是却会重新赋值。代码在执行到变量赋值的时候会重新赋值，结合最后一个fn和madongmei的例子
+    *
+    * */
+    //函数在执行的时候，首先形成一个私有作用域(供代码执行的环境,这是栈内存),定义在这个函数内的变量是私有变量。并且这个私有变量在外界是不能访问的。我们把这种函数执行的时候形成的私有作用域内保护私有变量不受外界干扰的的机制叫做闭包.
+    //函数每次执行形成的私有作用域之间没有任何关系
+    console.log(total); //un
+    var total = 0; // total = 0
+    function sum(num1,num2,total){ //这个total其实也相当于在当前函数执行过程中形成的私有作用域内的一个私有变量 var total = undefined
+        console.log(total); //0当代码执行到这的时候，当前作用域内其实就是这个函数里没有一个带var 的total。就去上一级作用域，如果上一个作用域也没有那么就一直查找到window顶级作用域，如果还没有报错
+         var total = num1 + num2;//这是赋值过程，同样当前作用域内没有一个带var的total变量。同样去上一层作用域去查找。把window作用域的total=0重新赋值成300了
+        console.log(total); //300 这个是在执行的过程中打印的
+
+    }
+    console.log(sum(100,200)); //函数的执行： 形成私有作用域  形参赋值 num1,num2是当前作用域内的两个私有变量    当前作用域预解释  total和外面的total不是一回事。这个私有的。外面的是全局的。
+    console.log(total);//
+    /*
+    *   分别改动了三次：把sum函数里的私有total前面的var去掉==> 无论任何操作其实都是查找上一级作用域的total
+    *                  把sum函数添加了一个形参total==> 相当于在函数体内var了一个total的相同的效果
+    *                  又把total前面的var添加上了
+    * */
+
+    //undefined 0 300 ??
+    //undefined 0 0 0
+    //undefined 0 300 0
+    //undefined 0 300 300
+    //undefined undefined 300 0
+
+    //var xx = 10;
+    console.log("&&&&&&&&&&&&&&&&&&&&&&&&&&&&");
+    (function (){
+        function foo(){
+            xx = 100; //添加了xx的全局变量==> window.xx
+            //代码执行到这一行的时候其实就是相当于直接给window.xx属性赋值,window的属性赋值操作是可以把window省略的。定时器的window.setTimeout和直接setTimeout是一个。window同样可以省略
+        }
+        foo();
+    })();
+/*
+*  var  fx = 0;
+    fx = 0;
+    全局作用域内带var和不带var都是给全局window添加了一个属性。只是带var的是会被预解释的。
+* */
+
+
+
+    console.log(xx);
+    //console.log(window.xx);
+
+    window.yyy = 10000;
+
+    //
+    function fn1(){
+        //arguments是内置接受参数的集合，函数执行的时候传了多少实参在这个arguments的集合里都能获取到
+        console.log(num); // 如果打印出来undefined说明return下面的代码被预解释了，但是永远不会执行
+        console.log();
+        return (function (){ //return后面的代码不执行
+            //alert();//这个alert执行了，那就说明return一个自运行函数，那么需要等到这个函数执行完的结果返回,这个自运行函数没有reutrn那么就是默认留下来一个undefined
+            return ('lidongyun');
+        })();
+
+        var num = 10;
+    }
+
+    var res = fn1(); //res是fn1运行结束后的结果，就看fn1中的return后面的东西，发现是一个自运行函数，那么就等这个自运行函数运行完留下来的结果，自运行函数运行留下来的结果要看这个自运行函数里的return
+    console.log(res);
+    /////////////////////////////////////////////////////////
+
+
+
+
+
+
+
+
+
+
+    fn(); //2
+
+    function fn(){ console.log(1); }  // var fn = function (){}
+    fn(); // 2
+
+    var fn = 'madongmei';
+
+    console.log(fn); // madongmei
+
+    function fn(){
+        console.log(2);
+    }
+
+    console.log(fn()); //Error
+
+    //
+
+</script>
\ No newline at end of file
diff --git "a/\347\254\254\344\270\200\345\221\250/\347\254\254\344\270\200\345\244\251/\351\242\204\350\247\243\351\207\212.png" "b/\347\254\254\344\270\200\345\221\250/\347\254\254\344\270\200\345\244\251/\351\242\204\350\247\243\351\207\212.png"
new file mode 100644
index 0000000..a60bdca
Binary files /dev/null and "b/\347\254\254\344\270\200\345\221\250/\347\254\254\344\270\200\345\244\251/\351\242\204\350\247\243\351\207\212.png" differ
diff --git "a/\347\254\254\344\270\200\345\221\250/\347\254\254\344\270\211\345\244\251/\347\202\271\350\265\236.html" "b/\347\254\254\344\270\200\345\221\250/\347\254\254\344\270\211\345\244\251/\347\202\271\350\265\236.html"
new file mode 100644
index 0000000..2541f1a
--- /dev/null
+++ "b/\347\254\254\344\270\200\345\221\250/\347\254\254\344\270\211\345\244\251/\347\202\271\350\265\236.html"
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html>
+<head lang="en">
+    <meta charset="UTF-8">
+    <title></title>
+    <style>
+        *{ margin: 0; padding: 0; }
+        #wrap{ width: 400px; height: 60px; line-height: 60px; font-family: Microsoft Yahei; border: 1px solid #ccc; border-radius: 3px; margin: 30px auto; text-align: center; font-size: 30px; cursor: pointer; -webkit-user-select: none;
+/*
+        overflow: hidden; 溢出隐藏
+        text-overflow: ellipsis; 文本溢出省略号
+        white-space: nowrap; 强制不换行
+*/
+
+        }
+        #wrap span{ color: red; font-weight: bold; }
+    </style>
+</head>
+<body>
+    <div id="wrap">
+        认为老师很帅的请点赞
+        <span>1</span>
+    </div>
+</body>
+</html>
+<script>
+    var oDiv = document.getElementById('wrap');
+    var span = oDiv.getElementsByTagName('span')[0];
+/*
+    console.dir(oDiv); //绑定事件的过程其实是把原来元素默认的事件属性的null修改成了一个函数
+    var count = 0; //全局变量
+    oDiv.onclick = function (){
+        //span里面的1不断累加
+        count++; //点击一次变成了1,当前作用域内没有一个叫做count的变量。
+        span.innerHTML = count; //当前作用域内没有一个count变量。去上一级的window作用域去查找
+    }
+*/
+
+    //上面这种办法count是全局。全局变量都可以改不安全。如何把这个count变成一个私有变量呢?
+
+/*
+    ;(function (){ //这是一个自运行函数，运行时候就会形成一个私有作用域
+        var count = 0; //这个直接变成了一个私有变量
+        oDiv['onclick'] = function (){ //这里符合内存不释放条件.那么count这个私有变量在自运行函数产生的那个栈内存中一直被保存下来了
+            count++; //这样每次累加的时候去上一级作用域查找都是在上一次的结果上累加
+            span.innerHTML = count;
+        }
+    })();
+*/
+
+    //其实我们就是想让count留下来目的就达到了，通过作用域不释放的方式有两种，上一种是利用了事件绑定的方式，还有一种return
+/*
+    oDiv.onclick = (function (){
+        var count = 0;
+        return function (){
+            count++;
+            span.innerHTML = count;
+        }
+    })();
+*/
+/*
+//其实我们保存count还可以通过自定义属性的方式，我们把这个count这个自定义属性存给oDiv这个被点击的元素比较好
+    oDiv.count = 0; //在oDiv身上添加了一个自定义属性
+    oDiv.onclick = function (){
+        //this?? oDiv
+
+        span.innerHTML = ++this.count ; //我们先累加，然后再做赋值运算; 这里注意下 i++和++i的区别。放在独立一行的时候没有区别，但是只要涉及到了运算就需要区别
+    }
+*/
+    oDiv.onclick = function (){
+        span.innerHTML++; //span.innerHtml = span.innerHTML + 1;
+        //这里其实就是把上一次留下来的值先取到，然后累加1之后再重新赋值回去
+        //这里注意下： innerHTML取值回来都是字符串，说明++运算有把字符串强制转化为数字的功能
+    }
+
+
+
+</script>
diff --git "a/\347\254\254\344\270\200\345\221\250/\347\254\254\344\270\211\345\244\251/\347\273\203\344\271\240.html" "b/\347\254\254\344\270\200\345\221\250/\347\254\254\344\270\211\345\244\251/\347\273\203\344\271\240.html"
new file mode 100644
index 0000000..d0ff436
--- /dev/null
+++ "b/\347\254\254\344\270\200\345\221\250/\347\254\254\344\270\211\345\244\251/\347\273\203\344\271\240.html"
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html>
+<head lang="en">
+    <meta charset="UTF-8">
+    <title></title>
+</head>
+<body>
+
+</body>
+</html>
+<script>
+    function Fn(){
+       /* this.x = 100;
+        this.getX = function (){
+            console.log(this.x);
+        }*/
+    }
+    Fn.prototype.x = 200;
+    Fn.prototype.y = 300;
+    Fn.prototype.getX = function (){
+        console.log(this.x);
+    }
+    Fn.prototype = { //一个新的对内存地址把原来的内置的原型的那个对象替换了
+        constructor: Fn,
+        x : 200,
+        y : 300,
+        getX : function (){
+            console.log(this.x);
+        }
+    }
+    var f1 = new Fn();
+    var f2 = new Fn();
+    console.log(f1.getX == f2.getX,f1.getX == f2.__proto__.getX,f1.__proto__.getX == Fn.prototype.getX);
+    f1.getX();
+    f1.__proto__.getX();
+    //f f t 100 200
+    //f f t ? ?
+    //f f t ? ?
+    //f t t 100 200
+    console.log(f1.hasOwnProperty('y'));
+    for (var key in f1){
+        if(f1.hasOwnProperty(key)){
+            console.log(key + ':' + f1[key]);
+        }
+       /* if(!f1.propertyIsEnumerable(key)){ //可枚举属性
+            console.log(key + ':' + f1[key]);
+        }
+*/
+    }
+    //for in可以遍历对象的私有和公有属性(自己在原型上添加的)
+
+</script>
\ No newline at end of file
diff --git "a/\347\254\254\344\270\200\345\221\250/\347\254\254\344\270\211\345\244\251/\351\235\242\345\220\221\345\257\271\350\261\241.html" "b/\347\254\254\344\270\200\345\221\250/\347\254\254\344\270\211\345\244\251/\351\235\242\345\220\221\345\257\271\350\261\241.html"
new file mode 100644
index 0000000..7b70044
--- /dev/null
+++ "b/\347\254\254\344\270\200\345\221\250/\347\254\254\344\270\211\345\244\251/\351\235\242\345\220\221\345\257\271\350\261\241.html"
@@ -0,0 +1,150 @@
+<!DOCTYPE html>
+<html>
+<head lang="en">
+    <meta charset="UTF-8">
+    <title></title>
+</head>
+<body>
+
+</body>
+</html>
+<script>
+    /*
+    *   面向对象
+    *       1 单例模式 命名空间(nameSpace)  其实就是一个对象 常用
+可以解决在编辑同一个js文件的时候如果发生了函数名字重复等问题就可以这样解决了，把方法都作为一个对象的属性存在,但是确需要多次创建对象，不能解决批量生产问题
+    *       2 工厂模式  如果执行一次函数就创建了一个对象就解决了批量生产的问题
+    *       虽然解决了批量生产问题，但是不能解决实例识别的问题.
+    *       3 构造函数模式
+    *           如果用new的方式就是把函数当作一个类去执行的，如果直接用小括号的方式去执行就相当于把它当作一个普通函数去执行的。用new的方式会默认返回一个实例对象
+    *           在创建的过程中我们还可以传参数，那么实例和实例就可以区分开来了。
+    *
+    * */
+    //单例模式
+    //任何人都有可能写一个函数名字并且还相同了
+    var person1 = {  //下面的属性和方法都是描述person1这个对象的.都是这个对象的私有的方法
+        name : 'tianxi',
+        age : 30,
+        writeJs: function (){
+            //这是一个功能
+        },
+        eat : function (){
+
+        }
+    }
+
+    var person2 = {
+        name : 'zhufeng',
+        age : 40,
+        writeJs : function (){
+
+        }
+    }
+
+    var tianxi = {
+
+    }
+    var hanxiaobo = {
+
+    }
+
+    //工厂模式
+    function Table(){
+        var obj = {};
+        obj.width = 100;
+        obj.height = 100;
+        obj.study = function (){
+
+        }
+        return obj;
+    }
+    var table1 = Table(); //每次执行的结果都是留下来一个新的对象
+    //console.log(table1);
+    var table2 = Table();
+    //console.log(table2);
+
+    //构造函数模式
+    //js中的内置类 Array
+    function FE(hobby,money){ //定义了FE这个类(如果把这个函数看成一个类的时候，尽量把函数名真的首字符大写)
+        //构造函数中的this就是当前当前实例,学this的第四种用法
+        var x = 100; //这个x跟实例有没有关系??
+        this.hobby = hobby; //这个this每一次在创建的过程中都分别给每一个实例都添加上了hobby这个属性
+        this.money = money;
+        this.fn = function (){
+            console.log('我会写代码');
+        }
+        return 8;
+        return {haha:'hehe'}; //当作一个类的时候默认就有返回实例的操作。但是我自己加一个return是否会影响呢？如果return一个基本数据类型不会影响实例的返回，但是如果return一个对象数据类型，那么默认返回的实例就被这个对象数据替代了
+
+    }
+    var fe1 = new FE('code meinv',10000); //实例创建方式，这种实例创建的方式其实也是一个函数的执行
+    var fe2 = new FE('code shuaige',12000); //
+    //console.log(fe1,fe2);
+
+    /*
+    *   函数的三种角色：
+    *       1 一个普通函数
+    *       2 可以是一个类 function FE(){}
+    *       3 函数也可以是Function这个类的一个实例
+    *
+    * */
+
+    //创建一个选项卡类
+    function Tab(box){  //以后再封装插件的时候一般用这样的方法
+        //我们把选项卡的操作放到这个类中
+        //对这个形参做各种各样的从操作
+        //比如在box下找到lis，并且绑定事件
+        //返回一个做好的选项卡
+        //我在这写代码的时候再也不能面向单一的具体的某一个选项卡了，我要面向多有的选项卡。其实面向一类选项卡
+        this.xxx = ''; //给每一个实例都添加了
+    }
+    var tab1 = new Tab(document.getElementById('div1'));;  //创建结束一个选项卡
+    tab1.adfassddff = ''; //在具体的某一个实例添加的私有的
+    var tab2 = new Tab(document.getElementById('div2'));
+    var tab3 = new Tab(document.getElementById('div3'));
+
+    // 原型模式
+
+    function CEO(money,power,wife){
+        //在构造函数里定义的都是实例的私有属性
+        this.money = money;
+        this.power = power;
+        this.wife = wife;
+        this.foo = function (){
+            console.log('我是在构造函数中的');
+        }
+    }
+    //
+    CEO.prototype.company = "COMPANY";
+    CEO.prototype.fnn = function (){
+        console.log('我是定义在原型上的方法');
+    }
+    Object.prototype.myAlert = function (){
+        alert('我是在Object基类的原型上添加的');
+    }
+    var ceo1 = new CEO(1,"",'mixieer');
+    var ceo2 = new CEO(2,'','rose');
+    var ceo3 = new CEO(2,'','rose');
+    console.dir(ceo1);
+    console.dir(ceo2);
+    console.dir(ceo3);
+    console.log(ceo1.foo == ceo2.foo); //false
+    console.log(ceo1.fnn == ceo2.fnn);
+    ceo1.__proto__  .constructor.      __proto__     === (function xxx(){}).__proto__;
+    /*
+    *   原型模式：任何一个对象数据类型都可以理解为是Object这个基类的一个实例
+    *       1 当函数(构造函数或者类)声明结束以后,会有一个天生自带内置属性是prototype，并且这个prototype的值是一个对象数据类型的。这个对象天生自带一个叫做constructor的属性，属性值是当前这个类本身; 并且在原型prototype上还有一个天生自带的属性叫做__proto__,这个__proto__的值指向的就是Object这个基类的原型，Object.prototype
+    *       2 定义在这个类的原型上的所有的方法和属性都是公有的，Fn.prototype在这个上面定义的方法和属性都是公有的。对这个类的所有实例是公有的
+    *       3 每一个实例都是一个对象数据类型的，并且天生自带一个属性叫做__proto__，这个属性的值就是所属类ceo1属于CEO的这个类，的原型
+    *
+    *    //for in可以遍历对象的私有和公有属性(自己在原型上添加的)
+    *
+    *
+    * */
+    function a(){}
+    var obj = {
+        constructor:a
+    }
+    a._prototype = obj;
+    a._prototype.constructor == a;
+</script>
\ No newline at end of file
diff --git "a/\347\254\254\344\270\200\345\221\250/\347\254\254\344\272\214\345\244\251/this.html" "b/\347\254\254\344\270\200\345\221\250/\347\254\254\344\272\214\345\244\251/this.html"
new file mode 100644
index 0000000..dfce229
--- /dev/null
+++ "b/\347\254\254\344\270\200\345\221\250/\347\254\254\344\272\214\345\244\251/this.html"
@@ -0,0 +1,85 @@
+<!DOCTYPE html>
+<html>
+<head lang="en">
+    <meta charset="UTF-8">
+    <title>this</title>
+</head>
+<body>
+
+</body>
+</html>
+<script>
+    /*
+    *   js中的this常见用法： 我们重点研究this在函数中的用法
+    *       1 在事件绑定的匿名函数中的this是事件被触发的时候的元素主体 我们用自定义属性来解决选显卡的索引问题
+    *       2 函数中的this是谁，要看函数执行时候调用这个函数的主体.换句话说，就是函数在执行的时候前面"."前面是谁this就是谁。如果没有"."就是window
+    *       3 自执行函数中的this永远是window
+    *
+    *       4 构造函数中的this是当前实例
+    *       5 call和apply可以强制改变this
+    * */
+    //console.log(this); //window
+/*
+    function fn(){
+       // console.log(this);
+    }
+*/
+  /*  var obj = {
+        fn: fn
+    };*/
+
+    //fn(); //window
+    //obj.fn(); //obj
+
+    /////////////////////////////////////////
+    function foo(){
+        //console.log(this);
+    }
+    var oo = {
+        fn: function (){
+            //console.log(this);
+           // console.log(this);
+
+        }
+    }
+    //oo.fn(); //this ==> oo
+
+    /////////////////////////////////
+
+/*
+    var ojb2 = {
+        haha : !function (){
+            //console.log(this);
+        }()
+    }
+*/
+
+
+    /////////////////////////////////////////////////////
+    var num = 2; //这是全局作用域也可以理解是window的一个属性 window.num *= 2 ==>v4 在给对象赋值的过程中，执行自运行函数的时候里面的this改变的值 ==> 4+10=14。这是第一次运行f，f中的那个this是window。把4修改成了14
+    var obj = { //对象赋值过程  1 开辟一个新的对内存  2 把对象的属性值和属性名存入到这个堆内存中  3 把堆内存地址赋值给这个变量
+        num : 3, // 10+3 ==> 13
+        fn : (function (num){ //fn属性是一个自运行函数，先去执行这个自运行函数，然后把自运行函数执行后的结果赋值给fn属性,函数执行三步骤： 1 形参赋值  2 预解释  3 代码执行
+            //var num = 2; ==>22 ==> 45 ==》30(f执行的时候) ==> 15
+            this.num *= 2; //这个this是谁？自运行函数里的this永远是window ==》window.num *= 2;
+            num += 20; //num是谁? 是当前作用域内的私有变量。
+            var num = 45;//形参和私有变量名字相同这个var就没有作用了
+
+            return function (){ //在函数执行的过程中遇到了return并且还是一个引用数据类型，我们要注意的就是这个返回的匿名函数是否被函数外面的变量或者属性占用。如果占用这个函数的堆内存不会被释放，并且由于运行这个自运行函数产生的栈内存也不会被释放
+                this.num += 10; //this是谁？window.num += 10;  obj.num
+                num -= 15; //当前作用域是否有一个num没有，就去上一级作用域去找。由于上一级没有被释放。说明num最后一次被修改成45，然后-15==>30
+                console.log(num); //当前作用域没有num，到上一级作用域去查找。就是刚刚被修改过的30
+            }
+        })(num) //num是谁？2
+    }
+    //再给fn的赋值过程中，就把全局的num修改成了4，自运行函数形参num作为一个私有变量修改成了45
+    var f = obj.fn; //此时的obj.fn就是代表自运行函数返回的那个匿名函数的堆内存地址,并且把这个堆内存地址赋值给f，此时这个堆内存地址有f和ojb.fn同时占用
+    f(); //f就是那个返回的匿名函数，没有形参，没有var。在这里执行f函数中的this就是window。因为前面没有'.' ==> 30
+    obj.fn(); //通过obj.fn属性还是能找到返回的那个匿名函数的堆内存地址，此时的this就是fn执行的时候前面的obj.  15
+    console.log(window.num,obj.num);  //14 13
+    //30 15 14 13
+    //
+
+
+
+</script>
\ No newline at end of file
diff --git "a/\347\254\254\344\270\200\345\221\250/\347\254\254\344\272\214\345\244\251/\344\275\234\347\224\250\345\237\237\351\223\276\344\273\245\345\217\212\345\206\205\345\255\230\351\207\212\346\224\276.html" "b/\347\254\254\344\270\200\345\221\250/\347\254\254\344\272\214\345\244\251/\344\275\234\347\224\250\345\237\237\351\223\276\344\273\245\345\217\212\345\206\205\345\255\230\351\207\212\346\224\276.html"
new file mode 100644
index 0000000..fc72907
--- /dev/null
+++ "b/\347\254\254\344\270\200\345\221\250/\347\254\254\344\272\214\345\244\251/\344\275\234\347\224\250\345\237\237\351\223\276\344\273\245\345\217\212\345\206\205\345\255\230\351\207\212\346\224\276.html"
@@ -0,0 +1,128 @@
+<!DOCTYPE html>
+<html>
+<head lang="en">
+    <meta charset="UTF-8">
+    <title>作用域链和内存释放问题</title>
+</head>
+<body>
+    <div id="div1"></div>
+</body>
+</html>
+<script>
+    /*
+    * 堆内存的释放
+    *
+    * */
+    var obj1 = {haha:4}; //这个obj它是一个堆内存地址，ojb存储的是这个对象地址的引用
+    var obj2 = obj1; //把ojb的地址赋值给ojb2一份,ojb2和ojb1同时共享一个内存地址
+    //如果想让这个对象的堆内存释放，那么就让这个堆内存没有任何变量引用就行
+    obj1 = obj2 = null; //这样就obj1和obj2都不在引用这个对内存地址，那么浏览器就会合适的时间自己主动去释放掉这个堆内存地址
+
+    /*
+    *   栈内存产生和释放： 代码运行的时候就会形成一个作用域，而这个作用域就是一个栈内存。刚刚打开的浏览器就会产生一个全局的window作用域(这是顶级作用域，只有关闭网页的时候才会释放)，换句话说，释放掉的内存里存的任何变量都会丢失，如果不释放这个栈内存里存储的任何变量都会原封不动的保留,运行函数的时候会执行函数体内的代码，也给函数提供运行环境，所以也会产生一个作用域
+    *   不释放： 函数在运行结束后，如果函数内部的某一个部分(一般是一个对象数据类型)，被函数外部占用那么这个函数运行时产生的私有作用域就不会被释放
+    *       1 函数运行的时候，函数体内return后面的引用数据类型被函数外面的变量接收，那么这个函数运行时候产生的那个栈内存(私有作用域和私有变量)不会释放
+    *       2 函数运行的时候，函数体内如果是一个匿名函数赋值给元素的事件属性，其实也就是在函数内部做的事件绑定，那么由于绑定的这个匿名函数被元素的事件属性占用，所以这个函数运行时候产生的栈内存也不会被释放
+    *       3 不立即释放: 函数执行的时候return后面的函数又立刻执行属于不立即释放。
+    *
+    * */
+    //for(var i=0; i<lleng; i++)  3
+    var oDiv = document.getElementById('div1');
+     //3
+        (function (k){ //自运行函数运行时候产生的栈内存作用域会被释放么？
+            var i = 0
+            //var x = 100; //这个变量也不会被释放吧
+           /* olis[0].onclick = function (){ //事件绑定
+                change(i);
+            }*/
+        })(0);
+
+
+      /*  olis[i].index = i;
+        olis[i].onclick = function (){
+            change(this.index);
+        }*/
+
+
+
+
+    function fn(){
+       return function (){ //这是一个引用数据类类型的
+           console.log(1)
+       }
+    }
+    //fn(); //这会也即使你返回了，但是没有人占用。在函数外部被占用
+    var res = fn(); //如果这个返回值(对象数据类型)被一个外部变量接收，那么就符合内存不释放的条件,把返回的这个函数所代表的堆内存地址赋值给res。res一直都占用着这个地址。
+    //res = null;
+
+
+    function foo(){
+        return function (){
+            //console.log(123);
+        }
+    }
+    foo()();
+
+
+
+
+
+
+
+
+    var num = 12;
+    function fn(){
+        //var num = 120; //由于fn运行时候的作用域没有被释放，所以这个num也没有被释放
+        return function (){ //return的是一个函数，是引用数据类型。并且赋值给f变量。被占用了是不是fn的运行时候的栈内存没有被释放
+            //console.log(num);
+        }
+    }
+    var f = fn(); //fn这个函数的执行结果==>里面的return
+    f(); //return后面的函数运行，当前作用域没有num变量  120
+
+
+    /*
+    *  作用域链：函数在执行的时候，如果当前作用域没有这个变量，那么就去上一级作用域，如果上一级作用域也没有就是一直向上查找，一直到顶级作用域window。如果还没有报错，我们把这种查找机制叫做作用域链
+    *  ps: 上一级作用域是谁只跟函数在哪里定义的有关系 比如： 刚刚的f()就是在全局执行的。但是上一级作用域确实fn()运行的栈内存
+    * */
+
+    function fnn(){
+        var i=2;
+        return function (n){
+            //var n=10;
+            console.log(n+(i++)); //10 + i++
+        }
+    }
+    var f = fnn(); //把fnn运行结束后的结果赋值f，符合函数运行产生的作用域不释放，由于没释放所以i=2也保留下来了
+    f(10); //就是返回的那个函数运行，n传了10参数,打印10+ i++ 由于先运算后累加i，i在当前作用域没有，通过作用域链去上一级作用域查找。由于上一级作用域的i没有被释放。12，但是打印之后i的累加运算还要进行。所以把上一级作用域里的i变成了3
+    f(20); //23  由于上一次运算所有的东西都保留下来，包括累加之后的i也变成了3，所以这一次需要在i=3的基础上去累加
+    //f(20); f(20); f(20) 只要小f一次那个i就会被累加一次
+    fnn()(10); //属于不立即释放。只要执行结束之后所有的东西都被释放了。那么i在下一次执行的时候又恢复原始的值了
+    fnn()(20); //由于上一次被释放了，i没有被保存下来。所以这一次i还是每次函数运行的时候自己的私有变量i=2
+
+    //这样的问题其实关注的重点是这个返回的函数是否被变量接受了，如果保存了那么就没有释放。以后都是累加
+    // 如果没保存就释放了。以后运算都是恢复原始状态。因为每个作用域之间都是私有的不会互相影响
+
+    // 12 23 12 22
+    // 12 23 12 22
+    // 12 23 12 22
+
+
+
+    /*
+    *  i++ 和 ++i 的区别
+    *    i++是运算后累加，累加是向i自己身上累加.
+    *    ++i是先累加后运算
+    *
+    * */
+   // var i=0; //1 2  3 4
+   /* i++;
+    ++i;
+    console.log(i);*/
+    /*console.log( 2 + i++); //先运算先打印2+0，然后再把i从0累加到1
+    console.log(i);
+    console.log(2+ ++i); //3 先让i自身累加1，然后再和2相加*/
+
+    //console.log(2 +  i/*2*/++  +  ++i /*4*/ +  i++ /*6*/  +  ++i /*10*/);
+    //console.log(i); //??  4
+</script>
\ No newline at end of file
diff --git "a/\347\254\254\344\270\200\345\221\250/\347\254\254\344\272\214\345\244\251/\345\206\205\345\255\230\351\207\212\346\224\276.png" "b/\347\254\254\344\270\200\345\221\250/\347\254\254\344\272\214\345\244\251/\345\206\205\345\255\230\351\207\212\346\224\276.png"
new file mode 100644
index 0000000..95d153f
Binary files /dev/null and "b/\347\254\254\344\270\200\345\221\250/\347\254\254\344\272\214\345\244\251/\345\206\205\345\255\230\351\207\212\346\224\276.png" differ
diff --git "a/\347\254\254\344\270\200\345\221\250/\347\254\254\344\272\214\345\244\251/\345\235\221\347\210\271\347\232\204\351\242\230360\345\220\204\347\247\215this\345\220\204\347\247\215\345\235\221.html" "b/\347\254\254\344\270\200\345\221\250/\347\254\254\344\272\214\345\244\251/\345\235\221\347\210\271\347\232\204\351\242\230360\345\220\204\347\247\215this\345\220\204\347\247\215\345\235\221.html"
new file mode 100644
index 0000000..7b46c2f
--- /dev/null
+++ "b/\347\254\254\344\270\200\345\221\250/\347\254\254\344\272\214\345\244\251/\345\235\221\347\210\271\347\232\204\351\242\230360\345\220\204\347\247\215this\345\220\204\347\247\215\345\235\221.html"
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<html>
+<head lang="en">
+    <meta charset="UTF-8">
+    <title></title>
+</head>
+<body>
+
+</body>
+</html>
+<script>
+    var num = 5;
+    var obj = {
+        num : 4,
+        fn : (function (){
+            /*alert(); *///如果这个窗弹出来一次就说明只在赋值的过程中执行一次,如果弹窗多次说明每次获取obj.fn的时候这个自运行函数都会执行一次
+            this.num -= 2;
+            num -= 3;
+             var  num = 10;
+            return function (){
+                this.num -= 10;
+                num *= 2;
+                console.log(num);
+
+            }
+        })(num)
+    }
+    var f = obj.fn;
+    f();
+    obj.fn();
+    //函数中的this是谁看函数在哪里执行的，上一级作用域是谁是看函数在哪里定义的
+    console.log(window.num,obj.num);
+    //  李祥宇  20 40 -7 -6
+    //  尚      20 40 -7 -6
+    // 李树鹏
+    //
+</script>
+
+
+<!--
+<script>
+    var y = 1000;
+    var obj = {y:3};
+    obj.fn = (function (n){
+        console.log(n);
+        return function (){}
+    })(obj.y);
+</script>-->
+
+<script>
+    //num = 1; NaN  NaN+=2之后还是 NaN
+    var obj = {num: 6}; //8
+    obj.fn = (function () {
+        this.num += 3; //this是window没有问题 window.num = windown.num +3 ==> NaN
+        //num = 1; //在当前作用域内有num没有。这个作用域没有一个私有变量,相当于通过作用域链去上一级作用域去查找num. 然后把这个全局num修改成1
+        return function () {
+            //console.log(this);
+            this.num += 2;
+            //console.log(window.num);
+            num += 1; //
+
+            console.log(num);
+        }
+    })(this.num); //这是实参，就是一个值。
+    console.log(this.num);
+
+
+
+
+    var f = obj.fn;
+    //console.log(f);
+    f();
+    obj.fn(); //这次执行的this就是obj了
+    console.log(window.num, obj.num);
+
+
+
+    /* var y = 100;
+     (function (){})(this.y)
+     */
+
+
+
+</script>
diff --git "a/\347\254\254\344\270\200\345\221\250/\351\235\242\345\220\221\345\257\271\350\261\241.png" "b/\347\254\254\344\270\200\345\221\250/\351\235\242\345\220\221\345\257\271\350\261\241.png"
new file mode 100644
index 0000000..6d3cf95
Binary files /dev/null and "b/\347\254\254\344\270\200\345\221\250/\351\235\242\345\220\221\345\257\271\350\261\241.png" differ
diff --git "a/\347\254\254\344\270\200\345\221\250/\351\242\204\350\247\243\351\207\212.png" "b/\347\254\254\344\270\200\345\221\250/\351\242\204\350\247\243\351\207\212.png"
new file mode 100644
index 0000000..1465867
Binary files /dev/null and "b/\347\254\254\344\270\200\345\221\250/\351\242\204\350\247\243\351\207\212.png" differ
diff --git "a/\347\254\254\344\270\211\345\221\250/.idea/.name" "b/\347\254\254\344\270\211\345\221\250/.idea/.name"
new file mode 100644
index 0000000..b9cef3b
--- /dev/null
+++ "b/\347\254\254\344\270\211\345\221\250/.idea/.name"
@@ -0,0 +1 @@
+第三周
\ No newline at end of file
diff --git "a/\347\254\254\344\270\211\345\221\250/.idea/misc.xml" "b/\347\254\254\344\270\211\345\221\250/.idea/misc.xml"
new file mode 100644
index 0000000..19f74da
--- /dev/null
+++ "b/\347\254\254\344\270\211\345\221\250/.idea/misc.xml"
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectLevelVcsManager" settingsEditedManually="false">
+    <OptionsSetting value="true" id="Add" />
+    <OptionsSetting value="true" id="Remove" />
+    <OptionsSetting value="true" id="Checkout" />
+    <OptionsSetting value="true" id="Update" />
+    <OptionsSetting value="true" id="Status" />
+    <OptionsSetting value="true" id="Edit" />
+    <ConfirmationsSetting value="0" id="Add" />
+    <ConfirmationsSetting value="0" id="Remove" />
+  </component>
+  <component name="ProjectRootManager" version="2" />
+</project>
\ No newline at end of file
diff --git "a/\347\254\254\344\270\211\345\221\250/.idea/modules.xml" "b/\347\254\254\344\270\211\345\221\250/.idea/modules.xml"
new file mode 100644
index 0000000..fffdb39
--- /dev/null
+++ "b/\347\254\254\344\270\211\345\221\250/.idea/modules.xml"
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/第三周.iml" filepath="$PROJECT_DIR$/.idea/第三周.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file
diff --git "a/\347\254\254\344\270\211\345\221\250/.idea/vcs.xml" "b/\347\254\254\344\270\211\345\221\250/.idea/vcs.xml"
new file mode 100644
index 0000000..6564d52
--- /dev/null
+++ "b/\347\254\254\344\270\211\345\221\250/.idea/vcs.xml"
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="" />
+  </component>
+</project>
\ No newline at end of file
diff --git "a/\347\254\254\344\270\211\345\221\250/.idea/workspace.xml" "b/\347\254\254\344\270\211\345\221\250/.idea/workspace.xml"
new file mode 100644
index 0000000..3145036
--- /dev/null
+++ "b/\347\254\254\344\270\211\345\221\250/.idea/workspace.xml"
@@ -0,0 +1,289 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ChangeListManager">
+    <list default="true" id="c07687ee-1535-44d9-ac47-0fe00d87873d" name="Default" comment="" />
+    <ignored path="第三周.iws" />
+    <ignored path=".idea/workspace.xml" />
+    <option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
+    <option name="TRACKING_ENABLED" value="true" />
+    <option name="SHOW_DIALOG" value="false" />
+    <option name="HIGHLIGHT_CONFLICTS" value="true" />
+    <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
+    <option name="LAST_RESOLUTION" value="IGNORE" />
+  </component>
+  <component name="ChangesViewManager" flattened_view="true" show_ignored="false" />
+  <component name="CreatePatchCommitExecutor">
+    <option name="PATCH_PATH" value="" />
+  </component>
+  <component name="ExecutionTargetManager" SELECTED_TARGET="default_target" />
+  <component name="FavoritesManager">
+    <favorites_list name="第三周" />
+  </component>
+  <component name="FileEditorManager">
+    <leaf>
+      <file leaf-file-name="盒子模型.html" pinned="false" current-in-tab="true">
+        <entry file="file://$PROJECT_DIR$/盒子模型.html">
+          <provider selected="true" editor-type-id="text-editor">
+            <state vertical-scroll-proportion="0.45895523">
+              <caret line="31" column="0" selection-start-line="31" selection-start-column="0" selection-end-line="31" selection-end-column="0" />
+              <folding>
+                <element signature="n#style#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+              </folding>
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file leaf-file-name="utils.js" pinned="false" current-in-tab="false">
+        <entry file="file://E:/第三期/正式课/正式课第二周第二天/utils.js">
+          <provider selected="true" editor-type-id="text-editor">
+            <state vertical-scroll-proportion="0.0">
+              <caret line="3" column="13" selection-start-line="3" selection-start-column="4" selection-end-line="3" selection-end-column="13" />
+              <folding />
+            </state>
+          </provider>
+        </entry>
+      </file>
+    </leaf>
+  </component>
+  <component name="FileTemplateManagerImpl">
+    <option name="RECENT_TEMPLATES">
+      <list>
+        <option value="Html5" />
+      </list>
+    </option>
+  </component>
+  <component name="IdeDocumentHistory">
+    <option name="CHANGED_PATHS">
+      <list>
+        <option value="$PROJECT_DIR$/盒子模型.html" />
+      </list>
+    </option>
+  </component>
+  <component name="JsBuildToolGruntFileManager" detection-done="true" />
+  <component name="JsGulpfileManager">
+    <detection-done>true</detection-done>
+  </component>
+  <component name="NamedScopeManager">
+    <order />
+  </component>
+  <component name="ProjectFrameBounds">
+    <option name="x" value="-7" />
+    <option name="width" value="1378" />
+    <option name="height" value="735" />
+  </component>
+  <component name="ProjectLevelVcsManager" settingsEditedManually="false">
+    <OptionsSetting value="true" id="Add" />
+    <OptionsSetting value="true" id="Remove" />
+    <OptionsSetting value="true" id="Checkout" />
+    <OptionsSetting value="true" id="Update" />
+    <OptionsSetting value="true" id="Status" />
+    <OptionsSetting value="true" id="Edit" />
+    <ConfirmationsSetting value="0" id="Add" />
+    <ConfirmationsSetting value="0" id="Remove" />
+  </component>
+  <component name="ProjectView">
+    <navigator currentView="ProjectPane" proportions="" version="1">
+      <flattenPackages />
+      <showMembers />
+      <showModules />
+      <showLibraryContents />
+      <hideEmptyPackages />
+      <abbreviatePackageNames />
+      <autoscrollToSource />
+      <autoscrollFromSource />
+      <sortByType />
+    </navigator>
+    <panes>
+      <pane id="Scratches" />
+      <pane id="ProjectPane">
+        <subPane>
+          <PATH>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="第三周" />
+              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />
+            </PATH_ELEMENT>
+          </PATH>
+          <PATH>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="第三周" />
+              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />
+            </PATH_ELEMENT>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="第三周" />
+              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
+            </PATH_ELEMENT>
+          </PATH>
+        </subPane>
+      </pane>
+      <pane id="Scope" />
+    </panes>
+  </component>
+  <component name="PropertiesComponent">
+    <property name="WebServerToolWindowFactoryState" value="false" />
+    <property name="last_opened_file_path" value="$PROJECT_DIR$" />
+    <property name="HbShouldOpenHtmlAsHb" value="" />
+    <property name="DefaultHtmlFileTemplate" value="Html5" />
+    <property name="FullScreen" value="false" />
+  </component>
+  <component name="RunManager">
+    <configuration default="true" type="DartCommandLineRunConfigurationType" factoryName="Dart Command Line Application">
+      <method />
+    </configuration>
+    <configuration default="true" type="DartUnitRunConfigurationType" factoryName="DartUnit">
+      <method />
+    </configuration>
+    <configuration default="true" type="JavaScriptTestRunnerKarma" factoryName="Karma" config-file="">
+      <envs />
+      <method />
+    </configuration>
+    <configuration default="true" type="JavascriptDebugType" factoryName="JavaScript Debug">
+      <method />
+    </configuration>
+    <configuration default="true" type="JsTestDriver-test-runner" factoryName="JsTestDriver">
+      <setting name="configLocationType" value="CONFIG_FILE" />
+      <setting name="settingsFile" value="" />
+      <setting name="serverType" value="INTERNAL" />
+      <setting name="preferredDebugBrowser" value="Chrome" />
+      <method />
+    </configuration>
+    <configuration default="true" type="NodeJSConfigurationType" factoryName="Node.js" working-dir="">
+      <method />
+    </configuration>
+    <configuration default="true" type="cucumber.js" factoryName="Cucumber.js">
+      <option name="cucumberJsArguments" value="" />
+      <option name="executablePath" />
+      <option name="filePath" />
+      <method />
+    </configuration>
+    <configuration default="true" type="js.build_tools.gulp" factoryName="Gulp.js">
+      <method />
+    </configuration>
+  </component>
+  <component name="ShelveChangesManager" show_recycled="false" />
+  <component name="SvnConfiguration">
+    <configuration />
+  </component>
+  <component name="TaskManager">
+    <task active="true" id="Default" summary="Default task">
+      <changelist id="c07687ee-1535-44d9-ac47-0fe00d87873d" name="Default" comment="" />
+      <created>1465264970438</created>
+      <option name="number" value="Default" />
+      <updated>1465264970438</updated>
+    </task>
+    <servers />
+  </component>
+  <component name="ToolWindowManager">
+    <frame x="-7" y="0" width="1378" height="735" extended-state="0" />
+    <editor active="false" />
+    <layout>
+      <window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" weight="0.14179105" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
+      <window_info id="TODO" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" />
+      <window_info id="Event Log" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="-1" side_tool="true" content_ui="tabs" />
+      <window_info id="Application Servers" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="-1" side_tool="false" content_ui="tabs" />
+      <window_info id="Version Control" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="-1" side_tool="false" content_ui="tabs" />
+      <window_info id="Run" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
+      <window_info id="Structure" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
+      <window_info id="Terminal" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="-1" side_tool="false" content_ui="tabs" />
+      <window_info id="Favorites" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="-1" side_tool="true" content_ui="tabs" />
+      <window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.4" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
+      <window_info id="Cvs" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.25" sideWeight="0.5" order="4" side_tool="false" content_ui="tabs" />
+      <window_info id="Hierarchy" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.25" sideWeight="0.5" order="2" side_tool="false" content_ui="combo" />
+      <window_info id="Message" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
+      <window_info id="Commander" active="false" anchor="right" auto_hide="false" internal_type="SLIDING" type="SLIDING" visible="false" weight="0.4" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
+      <window_info id="Find" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
+      <window_info id="Inspection" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.4" sideWeight="0.5" order="5" side_tool="false" content_ui="tabs" />
+      <window_info id="Ant Build" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
+    </layout>
+  </component>
+  <component name="Vcs.Log.UiProperties">
+    <option name="RECENTLY_FILTERED_USER_GROUPS">
+      <collection />
+    </option>
+    <option name="RECENTLY_FILTERED_BRANCH_GROUPS">
+      <collection />
+    </option>
+  </component>
+  <component name="VcsContentAnnotationSettings">
+    <option name="myLimit" value="2678400000" />
+  </component>
+  <component name="XDebuggerManager">
+    <breakpoint-manager />
+    <watches-manager />
+  </component>
+  <component name="editorHistoryManager">
+    <entry file="file://E:/第三期/正式课/正式课第三周第二天/utils.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="-2.587108">
+          <caret line="0" column="0" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://E:/第三期/正式课/正式课第三周第一天/获取伪类.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="-2.1100745">
+          <caret line="0" column="0" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://E:/第三期/正式课/正式课第三周第一天/js盒子模型.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="-6.574627">
+          <caret line="0" column="0" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://E:/第三期/正式课/zhufengTween.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="-2.8623693">
+          <caret line="0" column="0" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://E:/第三期/正式课/tween.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="-10.26655">
+          <caret line="0" column="0" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://E:/第三期/正式课/utils.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="-2.6881533">
+          <caret line="56" column="10" selection-start-line="56" selection-start-column="4" selection-end-line="56" selection-end-column="10" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://E:/utils.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="-1.3240418">
+          <caret line="286" column="16" selection-start-line="286" selection-start-column="13" selection-end-line="286" selection-end-column="16" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://E:/第三期/正式课/正式课第二周第二天/utils.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0">
+          <caret line="3" column="13" selection-start-line="3" selection-start-column="4" selection-end-line="3" selection-end-column="13" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/盒子模型.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.45895523">
+          <caret line="31" column="0" selection-start-line="31" selection-start-column="0" selection-end-line="31" selection-end-column="0" />
+          <folding>
+            <element signature="n#style#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+  </component>
+</project>
\ No newline at end of file
diff --git "a/\347\254\254\344\270\211\345\221\250/.idea/\347\254\254\344\270\211\345\221\250.iml" "b/\347\254\254\344\270\211\345\221\250/.idea/\347\254\254\344\270\211\345\221\250.iml"
new file mode 100644
index 0000000..c956989
--- /dev/null
+++ "b/\347\254\254\344\270\211\345\221\250/.idea/\347\254\254\344\270\211\345\221\250.iml"
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file
diff --git "a/\347\254\254\344\270\211\345\221\250/\347\233\222\345\255\220\346\250\241\345\236\213.html" "b/\347\254\254\344\270\211\345\221\250/\347\233\222\345\255\220\346\250\241\345\236\213.html"
new file mode 100644
index 0000000..a3130ac
--- /dev/null
+++ "b/\347\254\254\344\270\211\345\221\250/\347\233\222\345\255\220\346\250\241\345\236\213.html"
@@ -0,0 +1,158 @@
+<!DOCTYPE html>
+<html>
+<head lang="en">
+    <meta charset="UTF-8">
+    <title></title>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+        }
+        #wrap {
+            position: relative;
+            margin: 50px;
+            padding: 30px;
+            border: 5px solid #ccc;
+        }
+
+        #outer {
+            width: 200px;
+            height: 100px;
+            border-top: 3px solid #000;
+            border-left: 4px dashed blue;
+            background: pink;
+            margin: 20px 0 0 30px;
+            padding: 5px 0 0 4px;
+            overflow: auto;
+            opacity: .5;
+        }
+        #outer:hover{
+            background: blue;
+        }
+
+    </style>
+</head>
+<body>
+<div id="box" style="position: relative; border: 10px solid red; padding: 20px; "  >
+    <div id="wrap" >
+        <div id="outer" class="c1 c2">
+            clientWidth:204 , clientHeight:105 , clientLeft:4 , clientTop:3clientWidth:204 , clientHeight:105 , clientLeft:4 , clientTop:3clientWidth:204 , clientHeight:105 , clientLeft:4 , clientTop:3clientWidth:204 , clientHeight:105 , clientLeft:4 , clientTop:3clientWidth:204 , clientHeight:105 , clientLeft:4 , clientTop:3clientWidth:204 , clientHeight:105 , clientLeft:4 , clientTop:3clientWidth:204 , clientHeight:105 , clientLeft:4 , clientTop:3clientWidth:204 , clientHeight:105 , clientLeft:4 ,
+        </div>
+    </div>
+</div>
+
+<!--
+    <video src=""></video>
+    <select name="" id="">
+        <option value=""></option>
+        <option value=""></option>
+        <option value=""></option>
+    </select>
+-->
+</body>
+</html>
+<script>
+    /*
+     *   js盒子模型:
+     *       //返回值都是一个数字没有单位
+     *       clientHeight:  元素的高度(内容的高度不包括边框但是包含填充)  100
+     *       clientWidth:  元素的宽度(不包括边框包括填充) 200
+     *       clientTop:  元素的上边框的宽度 3
+     *       clientLeft: 元素的左边框的宽度 4
+     *
+     *       offsetHeight  (元素的高+上下填充+上下边框)
+     *       offsetWidth  元素的宽度+左右填充+左右边框
+     *       offsetLeft 元素距离offsetParent的左偏移量 ==>当前元素的外边框距离offsetParetn的内边框的距离
+     *       offsetTop  当前元素的上边框距离offsetParent的上边框内的距离
+     *       offsetParent(参照物)和parentNode的区别：
+     *           offsetParent如果父级元素有定位属性absolute,relative,fixed的时候那么offsetParent和parentNode的同一个。如果父级元素没有定位属性，那么当前元素的offsetParent会一直向上去查找。直到找到一个定位元素位置，如果一直找到body还没有，那么offsetParent就把body返回
+     *
+     *        scrollHeight:  如果元素内有内容，内容不超出的时候和clientHeight是相同的，如果有溢出那么scrollHeight的值就是所有的内容高度+上填充
+     *        scrollWidth:  如果内容没有溢出那么和clientWidth是相同的,如果有溢出那么scrollWidth的值是内容的宽度+做填充
+     *        scrollTop: 是滚出去的高度
+     *        scrollLeft: 是滚出去的宽度
+     *
+     *        ps: 在盒子模型的12个属性中只有scrollTop和scrollLeft赋值动作有效。并且赋值超出范围会直接赋值一个临界值
+     *        ps: document.body.offsetParent = null; body不存在offsetParent
+     *
+     *        document.documentElement.clientWidth || document.body.clientWidth
+     *        document.documentElement.clientHeight || document.body.clientHeight
+     *
+     * */
+    var outer = document.getElementById('outer');
+    console.dir(outer); //outer通过dom方式获取来的，dom对象
+    console.log('clientWidth:'+outer.clientWidth,", clientHeight:" +outer.clientHeight,", clientLeft:"+outer.clientLeft,", clientTop:"+outer.clientTop);
+    console.log("offsetWidth:"+outer.offsetWidth,", offsetHeight:"+outer.offsetHeight,", offsetLeft:"+outer.offsetLeft,", offsetTop:"+outer.offsetTop);
+    console.log("scrollWidth:"+outer.scrollWidth,", scrollHeight:"+outer.scrollHeight,", scrollLeft:"+outer.scrollLeft,", scrollTop:"+outer.scrollTop);
+
+
+    function getWin(attr,val){ //'clientWidth','clientHeight'
+        if(typeof val != 'undefined'){ //说明val传值了，我就认为你是要设置attr这个属性的值为val.
+            document.documentElement[attr] = val; //这是设置这个值，至于这个函数是否留下结果对我来说不重要
+            document.body[attr] = val;
+        }
+        return document.documentElement[attr]||document.body[attr];
+    }
+    console.log(getWin('clientWidth')); //这就是获取可视窗口的宽度
+    console.log(getWin('scrollTop',1000)); //这是获取可视窗口滚出去的高度 ==> 这个可以赋值
+
+    //offsetTop,offsetLeft都是获取当前元素外边框距离offsetParent的内边框的偏移量
+    //需求：不理会offsetParent是谁，我要求求出距离body的偏移量？
+    function offset(ele){ //ele参数就是我要求的元素的偏移量
+        var parent = ele.offsetParent; //如果ele是body，那么这个变量的值是null
+        var l = ele.offsetLeft; //获取当前元素的左偏移量，剩余的是需要把父亲元素的边框和父亲元素的左偏移累加就好
+        var t = ele.offsetTop; //同理
+        //如何是不是ie 8  window.navigator.userAgent  /MSIE (8)/ str.indexOf  reg
+        while(parent){ //body.offsetParent = null;
+            //只要offsetParent存在我就要循环的向left和top这两个基数上累加
+            l += parent.clientLeft + parent.offsetLeft; //每次需要把父亲的左边框和父亲左偏移累加
+            t += parent.clientTop + parent.offsetTop; //父亲的上边框和父亲的上偏移累加
+            //现在就需要迭代我的offsetParent了
+            parent = parent.offsetParent; //这才是保证这个while循环继续循环下去的条件。如果到达了body那么parent这个变量就被赋值为null，那么下次的循环条件不符合循环停止
+        }
+        return {left:l,top:t};
+    }
+    console.log(offset(outer).top); //前面是函数的运行，结果是一个对象。然后获取对象的属性left
+
+    //有很多样式都是计算过后样式还有伪类样式
+        /*
+        *   获取元素经过浏览器计算过后的样式:
+        *       1 window.getComputedStyle(ele,null)在标准浏览器中获取计算过后的样式不支持ie7/8,这个null是用来获取伪类样式的  :before  :after,返回值是一个对象，对象中存放是所有对当前元素有作用的样式。
+        *
+        *       2 ele.currentStyle  这是在ie中支持的
+        *
+        * */
+    //console.log(window.getComputedStyle(outer,'before')['width']); //这样就是获取outer的before这个伪类样式
+    //console.log(outer.currentStyle);
+
+    //写一个函数：用来获取当前元素的具体样式
+    function getCss(ele,attr){ //获取ele这个元素的attr样式,如果想获取伪类样式还可以给一个参数
+        //改造：我们需要处理带单位的返回值,如果包含单位就把单位去掉  px em rem deg
+        //'183px' '-183px' '183.5px  '0.8em'  ==> parseFloat  如何验证字符串是否符合规则  ==> reg.test()
+        var val = null;
+        if('getComputedStyle' in window){ //标准浏览器支持的
+            val = window.getComputedStyle(ele,null)/*到这返回一个所有样式的对象*/[attr]/*attr代表的是具体的某一个样式*/;
+        }else{
+            val =  ele.currentStyle[attr]; //这是ie7和8支持的
+        }
+        //如果val符合带单位的规则我就处理下
+        var reg = /^-?\d+(\.\d+)?(px|em|rem|pt|deg)$/; //这个正则验证的是是否有单位
+        //-可以出现可以没有
+
+        if(reg.test(val)){
+            val = parseFloat(val);
+        }
+        return val;
+    }
+    console.log(getCss(outer,'marginLeft')); //这种样式有复合值 margin padding border background
+
+    function setCss(){ //设置css  ==> 一堆关于dom操作的方法全都放在一起 ==> dom库
+
+    }
+
+
+
+
+
+
+</script>
\ No newline at end of file
diff --git "a/\347\254\254\344\270\211\345\221\250/\347\233\222\345\255\220\346\250\241\345\236\213.png" "b/\347\254\254\344\270\211\345\221\250/\347\233\222\345\255\220\346\250\241\345\236\213.png"
new file mode 100644
index 0000000..a846925
Binary files /dev/null and "b/\347\254\254\344\270\211\345\221\250/\347\233\222\345\255\220\346\250\241\345\236\213.png" differ
diff --git "a/\347\254\254\344\272\214\345\221\250/.idea/.name" "b/\347\254\254\344\272\214\345\221\250/.idea/.name"
new file mode 100644
index 0000000..2d7b747
--- /dev/null
+++ "b/\347\254\254\344\272\214\345\221\250/.idea/.name"
@@ -0,0 +1 @@
+第二周
\ No newline at end of file
diff --git "a/\347\254\254\344\272\214\345\221\250/.idea/encodings.xml" "b/\347\254\254\344\272\214\345\221\250/.idea/encodings.xml"
new file mode 100644
index 0000000..41f1207
--- /dev/null
+++ "b/\347\254\254\344\272\214\345\221\250/.idea/encodings.xml"
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="Encoding">
+    <file url="file://$PROJECT_DIR$/周末/data.txt" charset="UTF-8" />
+    <file url="file://$PROJECT_DIR$/第二天/json.txt" charset="UTF-8" />
+  </component>
+</project>
\ No newline at end of file
diff --git "a/\347\254\254\344\272\214\345\221\250/.idea/misc.xml" "b/\347\254\254\344\272\214\345\221\250/.idea/misc.xml"
new file mode 100644
index 0000000..19f74da
--- /dev/null
+++ "b/\347\254\254\344\272\214\345\221\250/.idea/misc.xml"
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectLevelVcsManager" settingsEditedManually="false">
+    <OptionsSetting value="true" id="Add" />
+    <OptionsSetting value="true" id="Remove" />
+    <OptionsSetting value="true" id="Checkout" />
+    <OptionsSetting value="true" id="Update" />
+    <OptionsSetting value="true" id="Status" />
+    <OptionsSetting value="true" id="Edit" />
+    <ConfirmationsSetting value="0" id="Add" />
+    <ConfirmationsSetting value="0" id="Remove" />
+  </component>
+  <component name="ProjectRootManager" version="2" />
+</project>
\ No newline at end of file
diff --git "a/\347\254\254\344\272\214\345\221\250/.idea/modules.xml" "b/\347\254\254\344\272\214\345\221\250/.idea/modules.xml"
new file mode 100644
index 0000000..503f417
--- /dev/null
+++ "b/\347\254\254\344\272\214\345\221\250/.idea/modules.xml"
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/第二周.iml" filepath="$PROJECT_DIR$/.idea/第二周.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file
diff --git "a/\347\254\254\344\272\214\345\221\250/.idea/vcs.xml" "b/\347\254\254\344\272\214\345\221\250/.idea/vcs.xml"
new file mode 100644
index 0000000..6564d52
--- /dev/null
+++ "b/\347\254\254\344\272\214\345\221\250/.idea/vcs.xml"
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="" />
+  </component>
+</project>
\ No newline at end of file
diff --git "a/\347\254\254\344\272\214\345\221\250/.idea/workspace.xml" "b/\347\254\254\344\272\214\345\221\250/.idea/workspace.xml"
new file mode 100644
index 0000000..6bcb989
--- /dev/null
+++ "b/\347\254\254\344\272\214\345\221\250/.idea/workspace.xml"
@@ -0,0 +1,417 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ChangeListManager">
+    <list default="true" id="c21e2dd5-02c0-4d0d-934d-3d1bf3e79244" name="Default" comment="" />
+    <ignored path="第二周.iws" />
+    <ignored path=".idea/workspace.xml" />
+    <option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
+    <option name="TRACKING_ENABLED" value="true" />
+    <option name="SHOW_DIALOG" value="false" />
+    <option name="HIGHLIGHT_CONFLICTS" value="true" />
+    <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
+    <option name="LAST_RESOLUTION" value="IGNORE" />
+  </component>
+  <component name="ChangesViewManager" flattened_view="true" show_ignored="false" />
+  <component name="CreatePatchCommitExecutor">
+    <option name="PATCH_PATH" value="" />
+  </component>
+  <component name="ExecutionTargetManager" SELECTED_TARGET="default_target" />
+  <component name="FavoritesManager">
+    <favorites_list name="第二周" />
+  </component>
+  <component name="FileEditorManager">
+    <leaf>
+      <file leaf-file-name="正则表达式.html" pinned="false" current-in-tab="true">
+        <entry file="file://$PROJECT_DIR$/周末/正则表达式.html">
+          <provider selected="true" editor-type-id="text-editor">
+            <state vertical-scroll-proportion="3.0330274">
+              <caret line="280" column="4" selection-start-line="280" selection-start-column="4" selection-end-line="280" selection-end-column="4" />
+              <folding />
+            </state>
+          </provider>
+        </entry>
+      </file>
+    </leaf>
+  </component>
+  <component name="FileTemplateManagerImpl">
+    <option name="RECENT_TEMPLATES">
+      <list>
+        <option value="JavaScript File" />
+        <option value="Html5" />
+      </list>
+    </option>
+  </component>
+  <component name="IdeDocumentHistory">
+    <option name="CHANGED_PATHS">
+      <list>
+        <option value="$PROJECT_DIR$/call&amp;apply练习.html" />
+        <option value="$PROJECT_DIR$/把类数组转化为数组.html" />
+        <option value="$PROJECT_DIR$/call&amp;apply&amp;bind.html" />
+        <option value="$PROJECT_DIR$/第二天/JSON.html" />
+        <option value="$PROJECT_DIR$/第二天/dom.html" />
+        <option value="$PROJECT_DIR$/第二天/utils.js" />
+        <option value="$PROJECT_DIR$/第二天/json.txt" />
+        <option value="$PROJECT_DIR$/第二天/表格排序.html" />
+        <option value="$PROJECT_DIR$/第三天/正则1.html" />
+        <option value="$PROJECT_DIR$/第三天/正则.html" />
+        <option value="$PROJECT_DIR$/继承.html" />
+        <option value="$PROJECT_DIR$/周末/call&amp;apply.html" />
+        <option value="$PROJECT_DIR$/周末/JSON.html" />
+        <option value="$PROJECT_DIR$/周末/data.txt" />
+        <option value="$PROJECT_DIR$/周末/listToArray.html" />
+        <option value="$PROJECT_DIR$/周末/表格排序.html" />
+        <option value="$PROJECT_DIR$/周末/正则表达式.html" />
+      </list>
+    </option>
+  </component>
+  <component name="JsBuildToolGruntFileManager" detection-done="true" />
+  <component name="JsGulpfileManager">
+    <detection-done>true</detection-done>
+  </component>
+  <component name="NamedScopeManager">
+    <order />
+  </component>
+  <component name="ProjectFrameBounds">
+    <option name="x" value="-8" />
+    <option name="y" value="-8" />
+    <option name="width" value="1378" />
+    <option name="height" value="744" />
+  </component>
+  <component name="ProjectLevelVcsManager" settingsEditedManually="false">
+    <OptionsSetting value="true" id="Add" />
+    <OptionsSetting value="true" id="Remove" />
+    <OptionsSetting value="true" id="Checkout" />
+    <OptionsSetting value="true" id="Update" />
+    <OptionsSetting value="true" id="Status" />
+    <OptionsSetting value="true" id="Edit" />
+    <ConfirmationsSetting value="0" id="Add" />
+    <ConfirmationsSetting value="0" id="Remove" />
+  </component>
+  <component name="ProjectView">
+    <navigator currentView="ProjectPane" proportions="" version="1">
+      <flattenPackages />
+      <showMembers />
+      <showModules />
+      <showLibraryContents />
+      <hideEmptyPackages />
+      <abbreviatePackageNames />
+      <autoscrollToSource />
+      <autoscrollFromSource />
+      <sortByType />
+    </navigator>
+    <panes>
+      <pane id="ProjectPane">
+        <subPane>
+          <PATH>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="第二周" />
+              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />
+            </PATH_ELEMENT>
+          </PATH>
+        </subPane>
+      </pane>
+      <pane id="Scratches" />
+      <pane id="Scope" />
+    </panes>
+  </component>
+  <component name="PropertiesComponent">
+    <property name="last_opened_file_path" value="$PROJECT_DIR$/../第三周" />
+    <property name="WebServerToolWindowFactoryState" value="false" />
+    <property name="HbShouldOpenHtmlAsHb" value="" />
+    <property name="DefaultHtmlFileTemplate" value="Html5" />
+    <property name="FullScreen" value="false" />
+  </component>
+  <component name="RunManager">
+    <configuration default="true" type="DartCommandLineRunConfigurationType" factoryName="Dart Command Line Application">
+      <method />
+    </configuration>
+    <configuration default="true" type="DartUnitRunConfigurationType" factoryName="DartUnit">
+      <method />
+    </configuration>
+    <configuration default="true" type="JavaScriptTestRunnerKarma" factoryName="Karma" config-file="">
+      <envs />
+      <method />
+    </configuration>
+    <configuration default="true" type="JavascriptDebugType" factoryName="JavaScript Debug">
+      <method />
+    </configuration>
+    <configuration default="true" type="JsTestDriver-test-runner" factoryName="JsTestDriver">
+      <setting name="configLocationType" value="CONFIG_FILE" />
+      <setting name="settingsFile" value="" />
+      <setting name="serverType" value="INTERNAL" />
+      <setting name="preferredDebugBrowser" value="Chrome" />
+      <method />
+    </configuration>
+    <configuration default="true" type="NodeJSConfigurationType" factoryName="Node.js" working-dir="">
+      <method />
+    </configuration>
+    <configuration default="true" type="cucumber.js" factoryName="Cucumber.js">
+      <option name="cucumberJsArguments" value="" />
+      <option name="executablePath" />
+      <option name="filePath" />
+      <method />
+    </configuration>
+    <configuration default="true" type="js.build_tools.gulp" factoryName="Gulp.js">
+      <node-options />
+      <gulpfile />
+      <tasks />
+      <arguments />
+      <pass-parent-envs>true</pass-parent-envs>
+      <envs />
+      <method />
+    </configuration>
+  </component>
+  <component name="ShelveChangesManager" show_recycled="false" />
+  <component name="SvnConfiguration">
+    <configuration />
+  </component>
+  <component name="TaskManager">
+    <task active="true" id="Default" summary="Default task">
+      <changelist id="c21e2dd5-02c0-4d0d-934d-3d1bf3e79244" name="Default" comment="" />
+      <created>1464667114902</created>
+      <option name="number" value="Default" />
+      <updated>1464667114902</updated>
+    </task>
+    <servers />
+  </component>
+  <component name="ToolWindowManager">
+    <frame x="-8" y="-8" width="1378" height="744" extended-state="0" />
+    <editor active="false" />
+    <layout>
+      <window_info id="Project" active="true" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" weight="0.16044776" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
+      <window_info id="TODO" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" />
+      <window_info id="Event Log" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.32843137" sideWeight="0.5" order="7" side_tool="true" content_ui="tabs" />
+      <window_info id="Application Servers" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="10" side_tool="false" content_ui="tabs" />
+      <window_info id="Version Control" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="8" side_tool="false" content_ui="tabs" />
+      <window_info id="Structure" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
+      <window_info id="Terminal" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="9" side_tool="false" content_ui="tabs" />
+      <window_info id="Favorites" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="2" side_tool="true" content_ui="tabs" />
+      <window_info id="Cvs" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.25" sideWeight="0.5" order="4" side_tool="false" content_ui="tabs" />
+      <window_info id="Message" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
+      <window_info id="Commander" active="false" anchor="right" auto_hide="false" internal_type="SLIDING" type="SLIDING" visible="false" weight="0.4" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
+      <window_info id="Inspection" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.4" sideWeight="0.5" order="5" side_tool="false" content_ui="tabs" />
+      <window_info id="Run" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
+      <window_info id="Hierarchy" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.25" sideWeight="0.5" order="2" side_tool="false" content_ui="combo" />
+      <window_info id="Find" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
+      <window_info id="Ant Build" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
+      <window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.4" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
+    </layout>
+  </component>
+  <component name="Vcs.Log.UiProperties">
+    <option name="RECENTLY_FILTERED_USER_GROUPS">
+      <collection />
+    </option>
+    <option name="RECENTLY_FILTERED_BRANCH_GROUPS">
+      <collection />
+    </option>
+  </component>
+  <component name="VcsContentAnnotationSettings">
+    <option name="myLimit" value="2678400000" />
+  </component>
+  <component name="XDebuggerManager">
+    <breakpoint-manager />
+    <watches-manager />
+  </component>
+  <component name="editorHistoryManager">
+    <entry file="file://$PROJECT_DIR$/周末/正则表达式.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0">
+          <caret line="0" column="0" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/周末/正则表达式.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0">
+          <caret line="0" column="0" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/周末/正则表达式.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0">
+          <caret line="0" column="0" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/周末/call&amp;apply.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0">
+          <caret line="0" column="0" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/继承.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0">
+          <caret line="0" column="0" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/第三天/正则.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0">
+          <caret line="0" column="0" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/第二天/表格排序.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0">
+          <caret line="0" column="15" selection-start-line="0" selection-start-column="15" selection-end-line="0" selection-end-column="15" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/第三天/正则.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0">
+          <caret line="0" column="0" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/第二天/utils.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0">
+          <caret line="7" column="19" selection-start-line="7" selection-start-column="19" selection-end-line="7" selection-end-column="19" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/第二天/表格排序.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0">
+          <caret line="0" column="0" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/第二天/utils.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0">
+          <caret line="15" column="4" selection-start-line="15" selection-start-column="4" selection-end-line="15" selection-end-column="4" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/第二天/JSON.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0">
+          <caret line="29" column="9" selection-start-line="29" selection-start-column="9" selection-end-line="29" selection-end-column="9" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/第二天/dom.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0">
+          <caret line="124" column="9" selection-start-line="124" selection-start-column="9" selection-end-line="124" selection-end-column="9" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/第二天/JSON.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="-7.4736843">
+          <caret line="23" column="28" selection-start-line="23" selection-start-column="28" selection-end-line="23" selection-end-column="28" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/第二天/dom.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="-4.4210525">
+          <caret line="111" column="19" selection-start-line="111" selection-start-column="19" selection-end-line="112" selection-end-column="5" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/第二天/utils.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0">
+          <caret line="7" column="19" selection-start-line="7" selection-start-column="19" selection-end-line="7" selection-end-column="19" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/第二天/json.txt">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0">
+          <caret line="1" column="51" selection-start-line="1" selection-start-column="51" selection-end-line="1" selection-end-column="51" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/第三天/正则1.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="-3.0526316">
+          <caret line="4" column="15" selection-start-line="4" selection-start-column="15" selection-end-line="4" selection-end-column="15" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://E:/第三期/正式课/补课继承.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.4678899">
+          <caret line="122" column="5" selection-start-line="122" selection-start-column="5" selection-end-line="122" selection-end-column="5" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/第三天/正则.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="1.6842105">
+          <caret line="177" column="0" selection-start-line="177" selection-start-column="0" selection-end-line="177" selection-end-column="0" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/继承.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="-3.8157895">
+          <caret line="22" column="22" selection-start-line="22" selection-start-column="22" selection-end-line="22" selection-end-column="22" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/第二天/表格排序.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="-13.815789">
+          <caret line="197" column="0" selection-start-line="197" selection-start-column="0" selection-end-line="197" selection-end-column="0" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/周末/data.txt">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.24871355">
+          <caret line="5" column="2" selection-start-line="5" selection-start-column="2" selection-end-line="5" selection-end-column="2" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/周末/call&amp;apply.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="1.9577981">
+          <caret line="190" column="24" selection-start-line="190" selection-start-column="20" selection-end-line="190" selection-end-column="24" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/周末/JSON.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="1.5963303">
+          <caret line="30" column="9" selection-start-line="30" selection-start-column="9" selection-end-line="30" selection-end-column="9" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/周末/listToArray.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.5853211">
+          <caret line="20" column="0" selection-start-line="20" selection-start-column="0" selection-end-line="20" selection-end-column="0" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/周末/表格排序.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="65.789474">
+          <caret line="186" column="0" selection-start-line="186" selection-start-column="0" selection-end-line="186" selection-end-column="0" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/周末/正则表达式.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="3.0330274">
+          <caret line="280" column="4" selection-start-line="280" selection-start-column="4" selection-end-line="280" selection-end-column="4" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+  </component>
+</project>
\ No newline at end of file
diff --git "a/\347\254\254\344\272\214\345\221\250/.idea/\347\254\254\344\272\214\345\221\250.iml" "b/\347\254\254\344\272\214\345\221\250/.idea/\347\254\254\344\272\214\345\221\250.iml"
new file mode 100644
index 0000000..c956989
--- /dev/null
+++ "b/\347\254\254\344\272\214\345\221\250/.idea/\347\254\254\344\272\214\345\221\250.iml"
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file
diff --git "a/\347\254\254\344\272\214\345\221\250/dom\346\230\240\345\260\204.png" "b/\347\254\254\344\272\214\345\221\250/dom\346\230\240\345\260\204.png"
new file mode 100644
index 0000000..355bb06
Binary files /dev/null and "b/\347\254\254\344\272\214\345\221\250/dom\346\230\240\345\260\204.png" differ
diff --git "a/\347\254\254\344\272\214\345\221\250/\345\216\237\345\236\213\347\273\247\346\211\277.png" "b/\347\254\254\344\272\214\345\221\250/\345\216\237\345\236\213\347\273\247\346\211\277.png"
new file mode 100644
index 0000000..8d211ec
Binary files /dev/null and "b/\347\254\254\344\272\214\345\221\250/\345\216\237\345\236\213\347\273\247\346\211\277.png" differ
diff --git "a/\347\254\254\344\272\214\345\221\250/\345\221\250\346\234\253/JSON.html" "b/\347\254\254\344\272\214\345\221\250/\345\221\250\346\234\253/JSON.html"
new file mode 100644
index 0000000..92ca9dc
--- /dev/null
+++ "b/\347\254\254\344\272\214\345\221\250/\345\221\250\346\234\253/JSON.html"
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head lang="en">
+    <meta charset="UTF-8">
+    <title>JSON</title>
+</head>
+<body>
+
+</body>
+</html>
+<script>
+    /*
+    *   JSON  Javascript Object Notation 是一种前后端交互的数据格式 和对象的区别属性名字用双引号包含起来了,属性值如果是字符串也用双引号
+    *       常用方法:
+    *           1 JSON.parse()  把json格式的字符串转化为json格式的对象
+    *           2 JSON.stringify() 把json格式的对象转换成json格式的字符串
+    *
+    * */
+    var obj = {name:'tianxi',age:30};
+    var jsonObj = {"name":"tianxi","age":30}; //这个就是json
+    var jsonStr = JSON.stringify(jsonObj);
+    console.log(jsonStr);
+    var newJsonObj = JSON.parse(jsonStr); //把json格式的字符串转化为json格式的对象
+
+    //JSON  Math  ==> window.JSON window.Math
+    function jsonParse(jsonStr){ //兼容所有浏览器的解析json格式的字符串
+        return 'JSON' in window ? JSON.parse(jsonStr) : eval("("+jsonStr+")");
+    }
+
+
+</script>
\ No newline at end of file
diff --git "a/\347\254\254\344\272\214\345\221\250/\345\221\250\346\234\253/call&apply.html" "b/\347\254\254\344\272\214\345\221\250/\345\221\250\346\234\253/call&apply.html"
new file mode 100644
index 0000000..38088a8
--- /dev/null
+++ "b/\347\254\254\344\272\214\345\221\250/\345\221\250\346\234\253/call&apply.html"
@@ -0,0 +1,240 @@
+<!DOCTYPE html>
+<html>
+<head lang="en">
+    <meta charset="UTF-8">
+    <title></title>
+</head>
+<body>
+    <ul id="list">
+        <li name="li">1</li>
+        <li name="li">2</li>
+        <li name="li">6</li>
+        <li name="li">4</li>
+        <li name="li">3</li>
+        <li name="li">5</li>
+    </ul>
+
+</body>
+</html>
+<script>
+    //"use strict"; //这个字符串代表的意思： 以下的js代码用严格模式解析
+    /*
+    *   严格模式和非严格模式的区别：
+    *       1 call apply 的第一个参数是null或者undefined 严格模式下分别是unll和undefined,非严格模式下是window
+    *       2 自执行函数中的this在非严格模式下是window，严格模式下是undefined
+    *       3 如果函数在执行的时候找不到函数的主体那么默认在非严格模式下是window，在严格模式下undefined
+    *
+    * */
+/*
+    console.dir(Function.prototype);
+    function fn(){}
+    fn.xx = '5'; //我在fn这个函数身上添加了一个xx属性
+    fn.call //fn.call的属性值是一个函数
+    fn.call(); //
+*/
+    /*
+    *   call的用法: call这个方法只能被函数实例调用   [].push  [].slice都是一个函数 他们也可以调用call方法
+    *    作用:  强制改变函数中的this
+    *        fn.call(obj)
+    *    call的执行步骤:
+    *       1 通过函数实例找到call方法
+    *       2 把调用call的实例函数中的this修改成call的第一个参数  ==> 把fn中的this修改成obj
+    *       3 最后把调用call的函数实例执行   ==>  fn() 虽然执行了，但是fn中的this已经被修改成call的第一个参数了
+    *       4 call的第一个参数是用改变调用call方法函数中的this，从第二个参数开始才是真正传给函数实例的参数
+    *
+    * */
+/*
+    var obj = {'name':'tianxi', fn: fn};
+
+    function fn(){
+        console.log(this); //这个this是谁要看fn执行的时候
+        //console.log(obj);
+    }
+*/
+
+    //fn(); //window
+    //obj.fn(); // obj
+    //fn.call(["asdf"]); //fn找到call这个属性，发现属性的值是一个函数，call执行传了一个参数obj
+
+    //call方法我们自己能不能模拟呢
+    Function.prototype.myCall = function (obj) { //在Function的原型上定义了叫做myCall的方法,只有Function的实例才能调用
+        console.log(this);
+        //其实就是把这里面的this换成obj
+        /*
+        *   把这里面的this修改成第一个参数  this换成obj  js做不到
+        * */
+        this(); //fx调用的是就是fx();this()就是谁调用myCall都会有一个最后的执行动作
+    }
+    function fx(){
+        alert('我是fx');
+    };
+    fx.myCall(); //myCall中的this就是fx
+    var fy = function (){
+        alert('我是fy');
+    };
+    fy.myCall();  //myCall中的this就是fy
+    var num = function (){
+        alert('我刚被修改成了一个函数  ')
+    };
+    num.myCall();  //??  无论谁调用我在call这个方法中都会有一个this执行
+
+    ///////////////////////////////
+    function f1(){
+        alert(1);
+    }
+    function f2(){
+        alert(2); //alert()会把参数强制转化为字符串
+    }
+    f1.call(f2); //把f1中的this修改成f2，然后f1执行
+
+    var obj = {
+        call:{
+            call: function (){
+                this(); //这个中的this被修改成f2了，然后this()就是f2()执行
+            }
+        }
+    }
+    obj.call.call.call(f2); //2
+
+    f1.call/*到这里其实找到了Function.prototype.call的值还是一个函数,也可以理解为call的值仍然是Function的一个实例*/.call/*call函数当作一个实例继续知道Funciton原型上的call方法,然后把这个call方法中的this修改成f2,执行*/.call(f2); //吧f1.call.call中的this修改成f2,然后是f1.call.call执 ==> 多个call连续使用的是，是把call方法中的this修改成第一个参数，然后this() ==》多个call连续使用的是就是参数执行，只有一个call调用的时候，是把调用函数中的this修改成call的第一个参数，然后这个函数执行
+    f1.call.call.call(f2); //其实最后就是f2执行，其实就是利用f1这个实例来查找call方法而已
+    (function (){}).call.call.call.call(f2); //??
+    [].push.call.call.call.call(f2); //都是通过call属性去找到call方法
+    Object.toString.call.call.call(f2); //Object.toString也是一个函数所以也能找到call方法
+    f1.call(f2);
+
+    function sum(num1,num2){
+        console.log(num1+num2); //NaN
+        console.log(this); //虽然用不到但是也改了
+    }
+    sum.call(100,200); //100是用来改变this的。200才是传给num1的,num2没有就是undefined
+    sum.call(null,100,200); //我用不着改变this,null把sum中的this改变成window了
+    sum.call(undefined,100,200); //同样在非严格模式下也改变成了window
+
+    /*
+    *   apply的用法：也是定义在Function的原型上的。任何一个函数实例都可以调用，和call的用法基本相同，不同：就是传参数的方式不相同
+    *       参数：从第二个参数是传给函数实例的是一个数组，分别把数组中的每一项当作参数分别传给调用apply的函数实例
+    *
+    *
+    *
+    * */
+    sum.apply(null,[300,400]);//不是这个数组整体传给sum，是把300和400分别传给sum
+    function f3(){
+        console.log(9000);
+    }
+    f1.call.call.apply.call.apply(f3); //??
+
+    //利用apply的这种传参方式
+    var ary = [6,5,9,3,1]; //我想找出这个数组中的最大值
+    //1 排序
+    ary = ary.sort(function (a,b){return a -b});
+    console.log(ary[ary.length-1]);
+    //2 假设 在编程的过程中经常用会用假设  假设第一项就是最大的，然后分别和第一个比较。如果比最大值还大，那么我需要更新(需要把我的最大值重新赋值)我的最大值。
+    var max = ary[0];
+    for(var i=1; i<ary.length; i++){
+        if(ary[i] > max){
+            max = ary[i];
+        }
+    }
+    console.log(max);
+
+    //3 Math.max(1,2,3,4,5,3,2,2) 其实就是给Math.max传了多个参数,如果要是能把数组中的每一项分别传给Math.max就ok了
+    var res = Math.max.apply(null,ary); //这跟this没有关系，就是利用apply把ary中的每一项当作参数传给Math.max
+    console.log(res);
+
+    //4 利用eval 把数组中的每一项那个用","隔开放到参数位置 join(",")
+    Math.max(ary.join(",")); //ary.join的返回值是一个字符串
+    Math.max('1,2,3,5,6,8,9'); //这相当于把字符串当作一个整体传给了max，需要引号
+    console.log(Math.max(eval([2,3,1].join()))); //不行 ","运算符只看最后一个
+    //(f1,f2)(); //其实这只有f2执行
+    var str = 'Math.max(' + ary.join() + ')';  //这是字符串的拼接
+    console.log(eval(str));
+
+    /*
+    *   bind方法 ： 也是定义在Function.prototype上的。作用和call和apply是相同的，都是改变函数实例中的this的
+    *       区别： bind方法并没有立刻执行，只是把一个改变了this的函数返回了,如果执行需要人为自己执行这个返回的函数,其实bind只是预先处理了this的问题 ==> 预处理思想
+    *
+    * */
+    function f5(){
+        console.log(5);
+    }
+    function f6(){
+        console.log(6);
+    }
+    //f5.call(f6); //其实这会f5已经执行结束了
+    var newF5 = f5.bind(f6);  //如果执行了就打印5
+    newF5();
+
+    Array.prototype.mySlice = function (n,m){  //模拟slice  slice(n,m)  slice() slice(0)
+        //n和m是负数
+        //m<n
+        var newAry = [];
+        if(arguments.length ==0 || (arguments.length == 1 && arguments[0] == 0) ){ //一个参数都没有
+            for(var i=0; i<this.length; i++){
+                newAry[newAry.length] = this[i]; //?
+            }
+            return newAry;
+        }
+        for(var i=n; i<=m-1; i++){
+            newAry.push(this[i]);
+        }
+        return newAry;
+    }
+    var ary = [1,2,3,4,5];
+    var res = ary.mySlice(2,4);
+    var b = [6,7,8,9];
+    console.log(b.mySlice());
+    console.log(res);
+
+    //sort
+/*
+    Array.prototype.sort = function (){
+        //这里的this也是和slice一样也是每次调用sort的数组实例
+    }
+*/
+
+    //类数组 ： 有索引，有length两个属性我们都可以把它叫做类数组.虽然具备数组和索引和length属性但是也不能用数组的任何方法  ==> 类数组转化成数组
+    var list = document.getElementById('list');
+    var lis = list.getElementsByTagName('li');
+    //var lis = document.getElementsByName('li');
+    //通过不同的方式获取来的集合可能是不同类的
+    //
+    //console.dir(lis);
+    //[].sort();
+    function listToArray(likeArray){  //把类数组转化成数组
+        //数组方法中返回值仍然是一个数组有哪些？？slice splice concat reverse sort map
+        //如果ary能借用一下slice(0)方法就会直接返回一个数组: 如何借用
+        //call和apply在ie6-7中不好使,直接报错 ==> 容错
+        try{
+            return Array.prototype.slice.call(likeArray,0); //一行代码就可以把类数组转化为数组
+
+        }catch(e){ //e这个参数就是捕获到的错误
+             var newAry = [];
+             for(var i=0; i<likeArray.length; i++){
+             newAry.push(likeArray[i]);
+             }
+             return newAry;
+        }/*finally{
+            throw new Error('别尝试了无解');
+        }*/
+        /*
+        *   try catch js中的容错处理 先尝试try中的代码，如果报错在使用catch中的方法
+        *
+        * */
+
+
+    }
+    var res = listToArray(lis); //原来lis是一个HTMLCollection
+    console.dir(res); //如果res是一个数组就成功了
+
+    //如果想把函数让任何实例都可以调用那么就需要把函数放到类的原型上
+
+    //lis我想让lis排序，但是lis是一个类数组，先把类数组转化成数组然后再排序
+
+
+
+
+
+
+
+</script>
\ No newline at end of file
diff --git "a/\347\254\254\344\272\214\345\221\250/\345\221\250\346\234\253/data.txt" "b/\347\254\254\344\272\214\345\221\250/\345\221\250\346\234\253/data.txt"
new file mode 100644
index 0000000..9a9d4de
--- /dev/null
+++ "b/\347\254\254\344\272\214\345\221\250/\345\221\250\346\234\253/data.txt"
@@ -0,0 +1,6 @@
+[
+     {"name":"田喜","gender":1,"age":30,"height":175,"weight":90},
+     {"name":"韩小波","gender":1,"age":29,"height":179,"weight":80},
+     {"name":"张晓磊","gender":1,"age":28,"height":185,"weight":75},
+     {"name":"耿敏","gender":0,"age":19,"height":165,"weight":50}
+ ]
\ No newline at end of file
diff --git "a/\347\254\254\344\272\214\345\221\250/\345\221\250\346\234\253/listToArray.html" "b/\347\254\254\344\272\214\345\221\250/\345\221\250\346\234\253/listToArray.html"
new file mode 100644
index 0000000..09ff0b6
--- /dev/null
+++ "b/\347\254\254\344\272\214\345\221\250/\345\221\250\346\234\253/listToArray.html"
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+<head lang="en">
+    <meta charset="UTF-8">
+    <title></title>
+</head>
+<body>
+    <ul id="list">
+        <li><span>1</span></li>
+        <li><span>2</span></li>
+        <li><span>5</span></li>
+        <li><span>4</span></li>
+        <li><span>3</span></li>
+    </ul>
+
+</body>
+</html>
+<script>
+    function listToArray(likeArray){
+        try{
+            return [].slice.call(likeArray,0);
+        }catch(e){
+            var newAry = [];
+            for(var i=0; i<likeArray.length; i++){
+                newAry.push(likeArray[i]);
+            }
+            return newAry;
+        }
+    }
+    var lis = document.getElementById('list').getElementsByTagName('li');
+    var res = listToArray(lis);
+    res.sort(function (a,b){
+        console.log(a,b);
+        return a.innerHTML- b.innerHTML;
+        //return a.children[0].innerHTML - b.children[0].innerHTML;
+    })
+</script>
\ No newline at end of file
diff --git "a/\347\254\254\344\272\214\345\221\250/\345\221\250\346\234\253/\346\255\243\345\210\231\350\241\250\350\276\276\345\274\217.html" "b/\347\254\254\344\272\214\345\221\250/\345\221\250\346\234\253/\346\255\243\345\210\231\350\241\250\350\276\276\345\274\217.html"
new file mode 100644
index 0000000..182e8da
--- /dev/null
+++ "b/\347\254\254\344\272\214\345\221\250/\345\221\250\346\234\253/\346\255\243\345\210\231\350\241\250\350\276\276\345\274\217.html"
@@ -0,0 +1,297 @@
+<!DOCTYPE html>
+<html>
+<head lang="en">
+    <meta charset="UTF-8">
+    <title>正则</title>
+</head>
+<body>
+</body>
+</html>
+<script>
+    /*
+    *   正则: 正则是用来验证字符串是否符合我的规则和捕获符合规则的字符串  regular expression
+    *       test: 用来验证字符串是否符合正则 ==> 返回值只有true/false
+    *       exec: 用正则捕获符合规则的字符串 ==>  是一个数组：包含捕获到的内容，index索引值， input：原有字符串
+    *
+    * */
+    var reg = /a/; //字面量的方式创建一个正则
+    var reg = new RegExp(); //实例创建的方式,实例和字面量的创建方式是有区别的
+
+    var reg1 = /pei/; //两个斜杠中间包含的就是规则
+    //console.log(reg1.test('zhufengpeixun'));
+    /*
+    *   正则中有特殊意义的元字符：
+    *       \d 代表的是0-9之间的一个数字
+    *       \D 除了\d的任意一个字符
+    *       \w 代表的是[0-9][a-z][A-Z]_ 字母数字下划线中的任意一个
+    *       \s 代表的是空格空白等
+    *       \b 代表的是边界  边界不占位
+    *       \n 代表的换行符...
+    *       . 代表的是除了\n之外的任意字符
+    *       \ 转义字符  \.这表.本身
+    *       ^ 以什么开始 不占位
+    *       $ 以什么结束 不占位
+    *
+    * */
+/*
+    var list = document.getElementsByTagName('*');
+*/
+    var reg2 = /\d/;  //只要字符串中出现了数字就是true
+    //reg2.test('zhu')
+
+    var reg3 = /\d\w/; //只要字符串中包含一个\d\w两个连续符合规则的就可以
+    //console.log(reg3.test('assdfasdfasdf7w'));
+    //
+    var reg4 = /\d\b\s\b\w/;
+    //console.log(reg4.test('zhufeng2016 peixun'));
+
+    var reg5 = /\./; //虽然是任意字符但是唯独不能没有  \是把.转义成原来的意义
+    //console.log(reg5.test('.'));
+
+    var reg6 =  /^\d\d\d\d\d\d\d\d\d\d\d$/; //相当于在开始和结束中间只有一个\d，超出了长度都是false
+    var str6 = '66';
+    //console.log(reg6.test(str6));
+    /*
+    *   量词元字符:
+    *       *   修饰前面的元字符出现0次到多次  可以出现可以不出现
+    *       +   1次到多次  至少出现一次
+    *       ?   0次到1次   最多出现一次
+    *       {n}  出现n次
+    *       {n,} 至少出现n次
+    *       {n,m} 出现n到m次
+    * */
+    var reg7 = /^\d{5}$/; //09999 第一位不能是0，第一位用来表示一万的是需要从1-9挑一个
+
+    /*
+    *   正则中代表或者：
+    *       x|y  代表或者的意思，x或者y中的一个 /^\s|\d$/和/^(\s|\d)$/的区别
+    *       [xyz] 代表x或者y或者z中的一个
+    *       [\w\s] 代表\w或者\s中的一个
+    *       [+-] 这里的+不代表一个到多个了，就代表自己本身
+    *       [.]  这里只代表.本身自己的意义
+    *       [^xyz] ^在中括号中的时候是取非  除了x或者y或者z
+    *       [a-z]  当-两边有字符的时候，代表的是a到z
+    *       [a-zA-Z0-9_]  \w
+    * */
+    var reg8 = /x|y/; //在字符串中只要出现过x或者y中的一个就可以,一般不会把一个或者符轻易的暴露在我们的正则中。在运用的时候可以结合小括号一起使用，小括号可以改变优先级
+    var str8 = "x"; //true
+
+    var reg9 = /(18|19)/; //如果是这个只要字符串中包含18或者19就行
+    var reg9 = /^(18|19)$/; //要求只能是18和19,加上了^$就相当于给正则规定了位数
+
+    //例子
+    //手机号
+    var phoneReg = /^1\d{10}$/;
+    //身份证号码
+    var idCard = /(\d{2})(\d{2})(\d{2})(\d{4})(\d{2})(\d{2})(\d{2})(\d{1})(\d|x)/; //21省12市24县1986年02月10日82 1性别0/X
+    //匹配一个任何一个空字符串 ""0次    " " 1次      "        "多次
+    var reg = /^\s*$/; //这个正则验证通过就说明是一个空
+    // !/^\s*$/.test(str) 这是非空验证  一般用于必填项
+
+    //有效数字验证 +,2,-3,-3.3,+3990.333         +9.3  -98.6  98.66  897.777
+    var numReg = /^[+-]?(\d|[1-9]\d+])(\.\d+)?$/;
+    /*
+    *   如何识别一个正则：
+    *       1 先看正则中的小括号,小括号包含起来我理解为一个整体
+    *       2 看量词  看或者符号
+     *      3 按照正则可以写出来一个符合正则的例子字符串然后分析字符串的用途
+    *
+    * */
+
+    //简单版的邮箱验证
+    // 121170784@qq.com  tianxi@ijinshan.com  _tianxi@conew.com tianxi@cmcm.com tianxi@163.com   tianxi@gmail.com.cn
+    var regEmail = /^\w{1,10}@[0-9a-zA-Z]{2,}(\.[a-z]{2,4}){1,2}$/;
+
+    //var reg = /\w+/;
+    var reg = /\d+/g; ///\d+?/
+    var str = "zhufeng2015peixun";
+    str = 'zhufeng2015peixun2016';
+    //exec 正则表达式中用来捕获符合规则的字符串的
+    var res = reg.exec(str); //用reg这个正则来捕获str中符合规则的字符
+    //console.log(res.constructor); //res.__proto__.constructor 打印自己的类
+    console.log(res); //res.__proto__.constructor 打印自己的类
+    console.log(reg.lastIndex); //11这是我当前这个正则的一个属性,每次存储的值都是下次开始查找的开始索引
+    //reg.lastIndex = 1000; //这个lastIndex在有全文g的时候是可以支持人为修改的。那么下一次就从修改过的值开始向后查找
+
+    var res = reg.exec(str); //这是第二次执行,没有变化,我想拿到2016如何拿到呢？我们发现我这一次拿到的是2016，我们这一次绝对不是从头开始查找的。有一个属性或者其他标识来告诉这个正则下次从哪里开始查找
+    console.log(res);
+    console.log(reg.lastIndex); //21
+
+    /*var res = reg.exec(str); //这是第三次执行
+    console.log(res);
+    console.log(reg.lastIndex);
+
+    var res = reg.exec(str);
+    console.log(res);
+    console.log(reg.lastIndex);
+     */
+
+    //我一次性把索引exec捕获到都拿过来
+    var reg = /\d+/g; ///\d+?/，如果把这个g每次都是从开头0索引开始捕获，那么这个条件永远成立。while循环不会停止了
+    var str = "zhufeng2015peixun2016";
+    var res = reg.exec(str); //res捕获的结果: ['2015',index,input]  数组中的第一项才是结果
+    var ary = []; //2015,2016
+    while(res){ //如果捕获回来的结果null说明真个字符串已经把符合条件的都捕获回来了，那么循环就可以停止了
+        ary.push(res[0]);
+        res = reg.exec(str); //['2016',index,input]
+    }
+    console.log(ary);
+
+
+
+
+
+    /*
+    *   正则表达式中常用的修饰符：img
+    *       i: ignoreCase 忽略大小写
+    *       m: multiLine  多行匹配
+    *       g: global用于全文匹配  exec捕获的时候lastIndex属性
+    *
+    * */
+
+
+    /*
+    *   exec: 作用是用来捕获符合条件的字符串的
+    *         返回值是一个数组
+    *         数组中的每一项: 数组里包含捕获到的字符(符合正则),index:捕获到字符的索引 input: 原有字符串
+    *
+    * */
+
+    /*
+    *   正则的懒惰性和贪婪性(其实都可以人为去修改)
+    *       懒惰性：尽可能少的去匹配次数
+    *       贪婪性：每次尽可能多的去匹配
+    *               我们可以在量词元字符后面放一个问号，那么匹配的时候就是尽可能少的去匹配
+    *
+    * */
+
+    /*
+    *   正则字面量和实例创建方式的区别：
+    *       如果用实例的创建方式，第一个参数字符串如果用特殊元字符需要转义
+    *       实例创建方式如果需要添加修饰符放在第二个字符串参数上
+    *       如果正则中需要变量那么只能使用实例的创建方式
+    * */
+    var reg = /\d/g; //字面量的方式
+    var reg = new RegExp('\\d',"g"); //  /\d/才是相同的效果
+    var res = reg.exec('89');
+    var name = 'zhufeng'; //这是一个变量
+    var reg = /'h'+name/; //我本意是想拼接字符串,但是这样不可以,不会把name去解析成一个变量。
+    var reg = new RegExp(name); //这个name就是name变量了
+    var ary = ['a','b','c'];
+    for(var i=0; i<ary.length; i++){
+        var reg = new RegExp("@"+ary[i]);
+        //这个reg是不是每次循环的时候都是不同的正则。下周学dom库的byClass的时候就会用到
+    }
+    //console.log(res);
+
+    //编写一个简单的正则  18-65    18-19 20-59 60-65
+    var reg = /^(1[8-9]|[2-5][0-9]|6[0-5]])$/;
+
+
+    /*
+    *   正则中?的常见用法：
+    *       1  代表0次或者1次
+    *       2  改变(贪婪性)尽可能少的去匹配，一般放在了量词的后面
+    *       3  ?:放在分组前面就是匹配但是不捕获
+    *       4 正向预查询和负向预查询  ==>带条件的正则表达式
+    *
+    *
+    * */
+    var idCardReg = /(?:\d{2})(?:\d{2})(?:\d{2})(?:\d{4})(?:\d{2})(?:\d{2})(?:\d{2})(?:\d{1})(?:\d|x)/; //21省12市24县1986年02月10日82 1性别0/X
+    /*
+     *   小括号()作用：
+     *       1 可以改变优先级
+     *       2 还可以起到分组的作用  ==> 分组和分组的引用 ==>相当于在一个最大的正则中又独立了若干分组个小正则 在exec方法中，如果正则中出现了分组exec执行的返回结果也会把小正则捕获到内容添加到数组中 ==> [大正则捕获到内容，...分组捕获到的内容...，index，input]，但是有的时候分组就是为了改变优先级，并不想捕获内容 ==> 在分组的开头用?:，就只匹配但是不会捕获这个小分组的内容
+     * */
+
+    var result = idCardReg.exec('211224198602108210');
+    //console.log(result); //这一定一个数组
+
+
+    /*
+    * 分组的引用: 在正则中如果出现分组，可以用\n代表第n个分组所匹配到的内容,分组的内容在exec中能体现
+    * */
+    var reg = /(\w)(\d)\1\2/g; //\1如果正则中出现分组，那么\1就代表分组匹配来的结果
+    var res = reg.exec('w2w2');
+    //console.log(res);
+    /*
+    *   match: 了解match和exec的区别, 如果正则中没有分组match比exec好。 如果需要分组并且以后对分组内容需要捕获只能使用exec
+    *       match是字符串方法，参数是一个正则，match如果是全文匹配会直接把所有匹配到的结果返回到一个新的数组中
+    *       优点：一次性都返回了，不像exec需要执行多次
+    *       缺点：如果正则中有分组，那么分组的内容也没有捕获到
+    *       全文匹配g: 如果不是全文匹配那么返回的结果是相同的
+    *
+    * */
+
+    var str = 'zhufeng2015peixun2016huilongguan2017';
+    var reg = /(\d+)/g; //大的正则和小的正则匹配到的内容是相同的
+
+    var result = reg.exec(str);
+    console.log(result);
+    console.log(reg.lastIndex);
+
+
+    var res = str.match(reg);
+    console.log(res);
+    console.log(reg.lastIndex);
+
+    /*
+    *   replace(old,new)
+    *       1 replace(old,new) old可以是一个正则，new是把正则匹配到的结果用new替换
+    *       2 replace(reg,function (){}); 第二个参数是一个匿名函数的时候,是用函数的返回值去替换正则所匹配到内容
+    *       3 在匿名函数参数中打印arguments就是和exec的返回值基本相同
+    *       arguments[大正则匹配到的结果，...分组匹配到结果...,index,input]
+    *       4 匿名函数执行的次数和匹配的次数是相同的
+    *       RegExp.$1....$9 是正则捕获到第几个分组的内容,这是在RegExp这个正则的类身上的属性
+    *
+    * */
+    var str = 'zhufeng2015peixun2016huilongguan2017';
+    var reg = /(\d+)/g;
+    //str = str.replace(reg,'珠峰培训'); //把reg匹配到的结果用'珠峰培训'替换
+    str = str.replace(reg,function (a,b,c){
+        //如果函数中没有return默认nudefined
+        console.log(arguments); //arguments都是内置的。
+        console.log(RegExp.$1); //每次捕获到的第一个分组的内容...了解下就行
+        return arguments[arguments.length-2];
+    });
+
+
+    console.log(str);
+
+/*
+    str = str.replace('2015','珠峰培训'); //把返回的替换好的新字符串重新赋值给str
+    console.log(str);
+    str = str.replace('2016','珠峰培训');
+    console.log(str);
+*/
+
+
+    var str = '201503'; //如何把这个数字字符串换成大写的 贰零壹伍零叁
+    var numStr = '零壹贰叁肆伍陆柒捌玖';
+    str = str.replace(/\d/g,function (){
+        //arguments每次匹配到的结果数组
+       return numStr.charAt(arguments[0]) ;
+    });
+   console.log(str);
+
+    Number.prototype.plus = function (n){
+        return this+n;
+    }
+    var num = new Number(6);
+    
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+</script>
\ No newline at end of file
diff --git "a/\347\254\254\344\272\214\345\221\250/\345\221\250\346\234\253/\350\241\250\346\240\274\346\216\222\345\272\217.html" "b/\347\254\254\344\272\214\345\221\250/\345\221\250\346\234\253/\350\241\250\346\240\274\346\216\222\345\272\217.html"
new file mode 100644
index 0000000..7773a6b
--- /dev/null
+++ "b/\347\254\254\344\272\214\345\221\250/\345\221\250\346\234\253/\350\241\250\346\240\274\346\216\222\345\272\217.html"
@@ -0,0 +1,264 @@
+<!DOCTYPE html>
+<html>
+<head lang="en">
+    <meta charset="UTF-8">
+    <title></title>
+    <style>
+        *{ margin: 0; padding: 0; font-family: 微软雅黑;}
+        .wrap{ width: 500px; margin: 30px auto; border: 2px solid #ccc; padding: 20px; }
+        .wrap table thead { background: lightcoral;  }
+        .wrap table thead tr,.wrap table tbody tr{ height: 30px; line-height: 30px; -webkit-user-select: none; }
+        .wrap table thead tr th,.wrap table tbody tr td{
+            width: 100px; text-align: center;
+        }
+        .bg{ background: lightblue; }
+        .cursor { cursor: pointer; }
+    </style>
+</head>
+<body>
+    <div class="wrap">
+        <table cellpadding="0" cellspacing="0">
+            <thead>
+                <tr>
+                    <th class="cursor">姓名</th>
+                    <th class="cursor">性别</th>
+                    <th class="cursor">年龄</th>
+                    <th class="cursor">身高(cm)</th>
+                    <th class="cursor">体重(kg)</th>
+                </tr>
+            </thead>
+            <tbody>
+                <!--<tr class="bg">
+                    <td>田喜</td>
+                    <td>1</td>
+                    <td>30</td>
+                    <td>175</td>
+                    <td>90</td>
+                </tr>
+                <tr>
+                    <td>田喜</td>
+                    <td>1</td>
+                    <td>29</td>
+                    <td>175</td>
+                    <td>90</td>
+                </tr>-->
+            </tbody>
+        </table>
+    </div>
+</body>
+</html>
+<script>
+    /*
+    *   表格排序： 1 首先要获取表格中我们可能会要操作到的元素
+    *
+    * */
+    /*
+    *   1如何获取数据  Ajax的方式获取数据 async(异步的) javascript  and XML(是一种数据格式)
+    *
+    * */
+    //获取到了所有我们可能要操作的表格元素
+    var wrap = document.getElementsByClassName('wrap')[0];
+    var table = wrap.getElementsByTagName('table')[0];
+    var thead = table.tHead; //表格中只有一个表头,这是table里特殊的获取方式
+    var theadTr = thead.rows[0]; //获取表头里面的行
+    var thaedThs = theadTr.cells; //这是获取表头第一行中的所有的列(单元格)
+    var tbody = table.tBodies[0]; //第一个tbody
+    var tbodyTrs = tbody.rows; //tbody里所有的行
+
+/*
+    console.dir(tbodyTrs); //我们要把这里所有的行排序
+    var ary = listToArray(tbodyTrs); //把类数组转化成数组之后这种一一对应的映射关系让然没有丢,那么排序之后只是位置的改变这种对应关系仍然还存在
+    var ary = ary.sort(function (a,b){
+        //a和b分别代表的是行
+        return a.cells[2].innerHTML - b.cells[2].innerHTML;
+    });
+    console.log(ary); //这会ary是一个已经排序好的数组，并且和页面中的元素的dom映射关系没丢
+    for(var i=0; i<tbodyTrs.length; i++){ //所有的tbody里的行
+        tbodyTrs[i].onmouseover = function (){
+            this.style.backgroundColor = 'yellow';
+        }
+        tbodyTrs[i].onmouseout = function (){
+            this.style.background = '';
+        }
+    }
+    //把排好序的数组在放回到页面的tbody中就完成了表格排序
+    for(var i=0; i<ary.length; i++){
+        tbody.appendChild(ary[i]);  //ary[i]代表的是排好序的每一行,appendChild是添加到父容器的末尾,这种元素位置的改变
+    }
+*/
+    //我想在tbody的底部在追加两行
+/*
+    for(var i=0; i<1; i++){  //这是用循环创建标签的方式添加,会引起多次回流造成性能浪费
+        var tr = document.createElement('tr');
+        tr.innerHTML = "123";
+        tr.style.background = 'red'
+        tbody.appendChild(tr);
+    }
+*/
+/*    var str = "";
+    for(var i=0; i<1; i++){ //用innerHTML的方式会破环原有的元素的事件等属性,虽然只引起了一次回流但是却造成了原有事件丢失
+       str += '<tr>456</tr>'
+    }
+    tbody.innerHTML += str; // tbody.innerHTML = tbody.innerHTML+str;  *///这是赋值的覆盖过程,然后又重新渲染的。所以造成了原来的事件丢失
+
+    /*
+    *   文档碎片:  相当于一个临时的容器，可以用来存储刚刚动态创建好的标签，然后一次性的把容器添加到页面中。这样就仅仅引起了一次回流，并且原有事件也没有丢失
+    *   document.createDocumentFragment()
+    *
+    * */
+/*
+    var frg = document.createDocumentFragment(); //创建一个文档碎片,也是一个临时容器
+    for(var i=0; i<5; i++){
+        var tr = document.createElement('tr');
+        tr.innerHTML = i;
+        frg.appendChild(tr); //把tr放到我们这个临时的文档碎片中
+    }
+    tbody.appendChild(frg); //把包含多个动态创建的tr放到这个文档碎片中
+    frg = null;//容器没用了
+*/
+
+    /*
+    *  DOM的回流和重绘和映射
+    *       映射：通过dom方法获取的dom集合和网页中元素的一一对应关系其实就是DOM映射
+    *       DOM回流: 网页中元素的位置的改变和元素的添加和删除都会都会引起dom的回流
+    *       重绘: 网页中元素样式内容的改变就是重绘
+    *       用appendChild的方式不会对原来的元素产生影响
+    *
+    * */
+
+    var wrap = document.getElementsByClassName('wrap')[0];
+    var table = wrap.getElementsByTagName('table')[0];
+    var thead = table.tHead; //表格中只有一个表头,这是table里特殊的获取方式
+    var theadTr = thead.rows[0]; //获取表头里面的行
+    var thaedThs = theadTr.cells; //这是获取表头第一行中的所有的列(单元格)
+    var tbody = table.tBodies[0]; //第一个tbody
+    var tbodyTrs = tbody.rows; //tbody里所有的行
+
+    /*
+    *    获取数据: ajax
+    *       1 创建一个异步对象
+    *
+    * */
+    function getData(){
+        var xhr = new XMLHttpRequest(); //这是一个获取数据的一个载体
+        xhr.open('get',"data.txt",false); //get/post是用什么样的方式去获取,url是接口(获取数据的地址,一般由后端工程师提供),false是同步还是异步的方式. false是同步的意思
+        xhr.onreadystatechange = function (){ //我们要时刻关注xhr的状态
+            if(xhr.readyState == 4 && xhr.status == 200){ //只有这两个状态成功组合在一起的时候才代表成功返回数据
+                //404  没取回来
+                //500 服务端错误
+                // 304 本地缓存
+                window.res = jsonParse(xhr.responseText); //把返回的数据存储下来
+            }
+        }
+        xhr.send(null); //发送请求
+    }
+    getData();
+    console.log(res); //已经成功获取到数据
+
+    /*
+    *   把获取到的数据动态添加到表格的tbody中
+    *
+    * */
+    function dataBind(){ //把获取回来的数据放到表格中
+        var frg = document.createDocumentFragment(); //开头创建frg
+        for(var i=0; i<res.length; i++){ //循环数据有多少条，每一条都是一个tr
+            var tr = document.createElement('tr'); //开头创建tr
+            //每条数据里(行)放多少列呢?
+            var curTrData = res[i]; //这是返回数据的每一项，是一个对象.这个对象有多少组属性我就创建多少个td
+            for(var key in curTrData){
+                var td = document.createElement('td');
+                //向td中放innerHTML
+                //需要处理下对象gender这个属性值问题
+                if(key == 'gender'){ //给性别赋值 ==> 然后再判断男女
+                    td.innerHTML = curTrData[key] == 1 ? '男' : '女';
+                }else{
+                    td.innerHTML = curTrData[key]; //这是向td中写内容,这个内容的值就是当前数据对象的属性值
+
+                }
+                tr.appendChild(td);
+            }
+            frg.appendChild(tr); //每次循环的末尾添加tr
+
+        }
+        tbody.appendChild(frg); //末尾添加frg
+        frg = null;
+    }
+    dataBind();
+
+    //隔行变色
+    function changeBg(){
+        for(var i=0; i<tbodyTrs.length; i++){
+            tbodyTrs[i].className = i % 2 ? 'bg' : void 0;
+        }
+    }
+    changeBg();
+
+    //点击的时候执行排序 表头可以有cursor这个类的才可以点
+
+    function bindEvent(){
+        for(var i=0; i<thaedThs.length; i++){
+            var curTh = thaedThs[i];
+            curTh.suibian = i;
+            curTh.flag = -1;
+            if(curTh.className == "cursor"){ //年龄
+                curTh.onclick = function (){
+                    //排序
+/*
+                    console.log(this); //这个this就是你点击谁就是谁
+*/
+                    tableSort.call(this,this.suibian); //
+                    changeBg();
+                }
+            }
+        }
+    }
+    bindEvent();
+    function tableSort(index){ //排序的时候我只想按照你当前点击的元素的索引那一列排序
+        console.log(this); // 这个this在函数被调用的时候被call修改了，修改成点击的表头列
+        for(var i=0; i<thaedThs.length; i++){
+            if(thaedThs[i] != this){ //我不是点击的表头列
+                thaedThs[i].flag = -1; //恢复成默认的初始-1
+            }
+        }
+        //我们获取到的tbody里的所有的行排序，然后把排好序的在放回到数组中
+       var  tbodyTrsAry = listToArray(tbodyTrs); //先转化成数组然后才能调用数组的sort方法
+        var _this = this; //把当前作用域里的this保存下来
+        _this.flag *= -1;
+        tbodyTrsAry = tbodyTrsAry.sort(function (a,b){
+            var _a = a.cells[index].innerHTML;
+            var _b = b.cells[index].innerHTML;
+            if(isNaN(_a) || isNaN(_b)){ //  只要有一个不是有效数字就不能用直接的减法
+                return (_a.localeCompare(_b))*_this.flag;
+            }else{
+                return (_a - _b)*_this.flag; //这个索引值2每次都是按照年龄去排序的。这个index也可以使用_this.suibian
+            }
+        });
+        //把排序好的数组在添加到表格中
+        var frg = document.createDocumentFragment();
+        for(var i=0; i<tbodyTrsAry.length; i++){
+            frg.appendChild(tbodyTrsAry[i]);
+        }
+        tbody.appendChild(frg);
+        frg = null;
+    }
+    /*
+    *   如果按照姓名排序：我们要注意下不能按照数字的排序方式  localeCompare 这是字符串方法
+    *
+    * */
+
+    function listToArray(likeArray){
+        try{
+            return [].slice.call(likeArray,0);
+        }catch(e){
+            var newAry = [];
+            for(var i=0; i<likeArray.length; i++){
+                newAry.push(likeArray[i]);
+            }
+            return newAry;
+        }
+    }
+    function jsonParse(jsonStr){ //兼容所有浏览器的解析json格式的字符串
+        return 'JSON' in window ? JSON.parse(jsonStr) : eval("("+jsonStr+")");
+    }
+
+</script>
\ No newline at end of file
diff --git "a/\347\254\254\344\272\214\345\221\250/\347\254\254\344\270\200\345\244\251/call&apply&bind.html" "b/\347\254\254\344\272\214\345\221\250/\347\254\254\344\270\200\345\244\251/call&apply&bind.html"
new file mode 100644
index 0000000..e57eca6
--- /dev/null
+++ "b/\347\254\254\344\272\214\345\221\250/\347\254\254\344\270\200\345\244\251/call&apply&bind.html"
@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<html>
+<head lang="en">
+    <meta charset="UTF-8">
+    <title></title>
+</head>
+<body>
+    <p id="p"></p>
+
+</body>
+</html>
+<script>
+    var p = document.getElementById('p');
+    console.dir(p);
+    //HTMLParagraphElement ==> HTMLElement ==> Element ==> Node ==> EventTarget ==> Object 通过这个原型链可以知道方法是定义的位置
+    function Fn(){
+        console.log(this);
+    }
+    //Fn是Function类的一个实例，Fn可以调用在Function原型上的方法
+    console.dir(Fn.__proto__);
+    //Fn.__proto__.call(); //call这是this的第五种用法，可以强制改变函数中的this
+    /*
+    *   call用法: 任何一个函数(实名函数可以，匿名函数也可以，如果属性的值也是一个函数也可以   [].push也是一个函数，push也可以调用call)
+    *       1 call执行，先找到Function.prototype原型上的call方法
+    *       2 把调用call方法的函数中的this改成call的第一个参数
+    *       3 最后把调用call方法的那个函数执行
+    *   ps: 如果只有一个call就是调用call方法的函数执行，如果有多个call那么就是参,多个的时候就是利用利用函数的call属性找到了一个方法
+数执行
+    * */
+    function fn(){
+        console.log(this); // 把这个this改成obj
+    }
+    var obj = {name : 'zhufeng'};
+    //fn(); //在这执行fn中的this是window
+    fn.call(obj); //首先找到call方法，然后把fn中的this改成obj，最后fn执行
+
+    var f1 = {}
+    f1.call = call;
+    function call(){
+        //console.log(1);
+        this(); //其实这个this是f2
+    }
+    function f2(){
+        console.log(2);
+    }
+    f1.call.call(f2); //??找到call方法，把f1中this修改成f2(f1中没有this)，然后f1执行
+
+    f1.call/*由于f1是Function的一个实例，然后找到Function原型上的call属性，属性值仍然是一个函数(也是Function的一个实例)*/.call./*把前面这一堆中的this修改成f2，然后再执行*/call(f2);  //无论前面多少个call.call.call.call都是相当于把call这个函数中的this修改成f2.然后把call执行
+    f1.call.call.call(f2);  //把call方法中的this修改成f2,call方法到底干了点啥？把前面这一堆中this修改成f2,
+
+
+
+    /*
+    *   任何一个函数都可以调用call方法
+    * */
+
+    Function.prototype.myCall = function (obj){ //模拟call方法,这是定义在Function原型上的方法。任何一个函数都可以调用
+        console.log(this);
+        //我要把这里卖弄的this换成obj
+        this();
+
+    }
+    f1.call.call.call(f2);
+
+    function f3(){} //f3可以调用call方法
+    f3.myCall(obj); //myCall中的this是谁？\
+    f4.myCall();
+
+
+    Function.prototype.myCall    = function (obj){
+        //console.log(this); //f4
+        //我们如何更换call方法中的this换成obj呢?我们需要把这个函数体中的this修改成obj。。。可以把函数体中this替换成obj...js做不到了
+        this(); //无论怎么样，call方法最后一步一定是让this执行
+    }
+    function f4(){} //这是一个Function的实例
+    var obj = {};
+    f4.call(obj);
+    //f5.call(obj);
+    //无论f4还是f5都是执行call的时候，call方法中的this分别代表了f4和f5
+
+
+    /*
+    *   知道call的用法就ok，把函数中this修改成第一个参数，然后调用call方法的函数执行
+    *
+    * */
+    Array.prototype.slice = function (n,m){  // 2,4  第三项和第四项
+        //n,m从索引n开始到索引m
+        console.log(this); //谁调用slice谁就是this?谁能调用slice呢？任何一个数组实例都可以调用slice
+        //假如我把this换成了olis
+
+        var newAry = []; //我从this中复制来的放到这个新数组并且返回就行了
+        /*if(arguments.length == 0){ //说明一个参数没传
+            for(var i=0; i<this.length; i++){
+                //newAry.push(this[i]);
+                newAry[newAry.length] = this[i];
+            }
+            return newAry
+        }
+        if(arguments.length == 1){
+            for(var i=n; i<this.length; i++){
+                newAry.push(this[i]);
+            }
+            return newAry
+        }*/
+        for(var i= n; i<= m-1; i++){
+            newAry.push(this[i]);
+        }
+        return newAry;
+
+    }
+
+</script>
diff --git "a/\347\254\254\344\272\214\345\221\250/\347\254\254\344\270\200\345\244\251/call&apply\347\273\203\344\271\240.html" "b/\347\254\254\344\272\214\345\221\250/\347\254\254\344\270\200\345\244\251/call&apply\347\273\203\344\271\240.html"
new file mode 100644
index 0000000..c73ff24
--- /dev/null
+++ "b/\347\254\254\344\272\214\345\221\250/\347\254\254\344\270\200\345\244\251/call&apply\347\273\203\344\271\240.html"
@@ -0,0 +1,119 @@
+<!DOCTYPE html>
+<html>
+<head lang="en">
+    <meta charset="UTF-8">
+    <title></title>
+</head>
+<body>
+
+</body>
+</html>
+<script>
+    //"use strict"; //严格模式和非严格模式的区别,从这往下都用严格模式去解析
+    /*
+    *   严格模式下：1 如果call后面没有参数默认是undefined
+    *              2 严格模式下自执行函数中的this是undeified
+    *              3 如果找不到函数调用的主体(‘.’没有)默认页this是undefined
+    *
+    *
+    * */
+    function fx1(){ console.log(1) }
+    function fx2(){ console.log(2) }
+    //fx1.call(fx2);
+    //fx1.call.call(fx2);
+    //由于call是定义在Function原型上的方法。可以通过实例找到还可以直接通过原型找到
+    Function.prototype(); //Function.prototype可以直接小括号执行并且没有报错，说明Function.prototype是一个函数
+    //Array.prototype()//报错，说明除了Function.prototype其他的都不是函数
+    //无论是函数还是对象，都是一个引用数据类型。都可以对其添加属性
+    fx1.xxxx = 10000;
+    Function.prototype/*这也是一个函数*/.xxxxx = 100000;
+
+    Function.prototype.call(fx1); //Function的原型是一个函数，并且这个函数什么也不做
+    Function.prototype.call.call.call.call(fx1); //是fx1执行
+//    console.dir(Array.prototype);
+
+    //
+    function fn(){
+        console.log(this);
+    }
+   // fn(); //window
+    //fn.call(undefined); //没传参数,默认是window
+    //fn() === fn.call() //如果fn这个函数中没有this那么fn.call()也把fn执行结束了
+/*
+    (function (){
+        console.log(this);
+    })()
+*/
+    function sum(num1,num2){
+        console.log(this);
+        console.log(num1+num2);
+    }
+    //sum.call(null,100,200); //call默认把第一个100当成了this的参数，200才是num1
+    //sum.apply(null,[100,200]);
+    /*
+    *  apply的用法：和call方法相同都是改变this指向的。不同是apply给调用apply的函数传参的方式不同，apply需要一个数组.把参数数组中每一项当作参数一个一个传给调用apply的方法
+    *
+    *
+    * */
+    //求数组中的最大值
+    var ary = [1,2,3,4,5,4,3,2,1];
+    //排序
+    ary = ary.sort(function (a,b){return a-b});
+    //var res = ary.pop();
+    //
+    var res1 = Math.max.apply(null,ary); //这跟this没有关系，apply不仅仅可以改变this，还可以把数组中每一项当作参数分别传给Math.max。这会是利用apply的传参数的特点
+    var res2 = Math.max(1,2,3,4,5,4,3,2); //相当于传了4个参数
+    //var res2 = Math.max(ary); //相当于传了4个参数,直接传一个数组不行
+
+    //假设
+    var max = ary[0]; //假如第一个就是最大值
+    for(var i= 1; i<ary.length; i++){
+        if(max< ary[i]){
+            max = ary[i];
+        }
+    }
+    console.log(max);
+
+    //eval,把字符串转化为js代码执行,可以理解为它能有去除字符串的引号动作
+
+    Math.max(eval(ary.join()))
+    console.log(eval('Math.max('+ary.join()+')'));
+    //Math.max(1,2,3,4,5)
+
+    function foo1(){ console.log(1) }
+    function foo2(){ console.log(2) }
+/*
+    (foo1,foo2)();
+*/
+
+    //bind的用法:  bind和call和apply的用法基本相同，bind的作用就是预处理函数中的this，先把this修改。但是并没有像call和apply那样直接执行。其实就是把call的用法拆分成了两步。一步是把this修改并且返回新的函数。预先把this的问题处理好，js编程过程中叫做预处理思想
+    function fy(n,m){
+        console.log(this);
+        console.log(n+m);
+    }
+    var obj = {name: 'tianxi'};
+    fy.call(obj,1,2); //
+    debugger
+    var newFy = fy.bind(obj); //这回没有执行就仅仅改变了this。fy中的this改成了obj,这个bind的返回值是一个改变了this的新的函数
+
+    newFy(3,4); //这里面执行就不用修改this了
+
+
+
+    Array.prototype.unique = function (){
+        console.log(this); //这个this是谁?
+    }
+    var ary = new Array();
+    ary.unique();
+    var b = new Array();
+    b.unique();
+    Object.prototype.toString = function (){
+
+
+    }
+    var obj = new Object();
+    obj.toString();
+    var reg = new RegExp();
+    obj.toString.call(reg,2,3); //call方法？把toString中的this都替换了，其实所有的操作都是对reg的操作。reg借用了obj.toString方法   .regtoString()
+
+</script>
\ No newline at end of file
diff --git "a/\347\254\254\344\272\214\345\221\250/\347\254\254\344\270\200\345\244\251/\346\212\212\347\261\273\346\225\260\347\273\204\350\275\254\345\214\226\344\270\272\346\225\260\347\273\204.html" "b/\347\254\254\344\272\214\345\221\250/\347\254\254\344\270\200\345\244\251/\346\212\212\347\261\273\346\225\260\347\273\204\350\275\254\345\214\226\344\270\272\346\225\260\347\273\204.html"
new file mode 100644
index 0000000..b9fc7ae
--- /dev/null
+++ "b/\347\254\254\344\272\214\345\221\250/\347\254\254\344\270\200\345\244\251/\346\212\212\347\261\273\346\225\260\347\273\204\350\275\254\345\214\226\344\270\272\346\225\260\347\273\204.html"
@@ -0,0 +1,87 @@
+<!DOCTYPE html>
+<html>
+<head lang="en">
+    <meta charset="UTF-8">
+    <title></title>
+</head>
+<body>
+    <ul>
+        <li>1</li>
+        <li>2</li>
+        <li>3</li>
+        <li>4</li>
+        <li>5</li>
+        <li>6</li>
+        <li></li>
+        <li>8</li>
+    </ul>
+</body>
+</html>
+<script>
+    var oLis = document.getElementsByTagName('li'); //返回来是的通过dom方式获取来的集合
+    console.dir(oLis);
+    //console.log(oLis.item(0)); // oLis[0]
+    //oLis.push(1);  //oLis不是数组，不能用任何定义在数组原型上的方法。我还想用数组上的方法 ==》 把这个oLis这个类数组转化成数组
+    //olis是类数组，如果能借用数组的slice方法那么就直接省去了for循环的麻烦,如何借用数组方法?
+
+    Array.prototype.unique = function (){
+        console.log(this); //this是谁？ 只有在函数执行的时候才知道,这会是函数的定义
+        //this ==》 ary ,[] this就是每次调用unique这个方法Array的实例,如果把这里的this改成oLis，那么这个函数中的所有操作都是oLis的操作了
+        var obj = {};
+        for(var i=0; i<this.length; i++){ //我们在写的时候把this想成具体的一个数组就行
+            var cur = this[i];
+            if(obj[cur] === cur){
+                this.splice(i,1);
+                i--;
+
+            }else{
+                obj[cur] = cur;
+            }
+
+        }
+        obj = null;
+        return this; //我们要把去重后的结果返回
+
+    }
+
+    Array.prototype.myslice = function (n,m){
+        //这里面的this也是实例,如果这里的this要能修改成oLis就结束了，我就是这个定义在原型上的slice方法中的this修改成oLis就可以了。
+        //Array.prototype.slice.call(oLis) ==>
+    }
+    var ary = new Array(); //ary是Array的实例
+    ary.unique();//自己的私有属性没有，默认通过__proto__去原型上查找
+    [].unique();
+
+    //把oLis这个类数组转化成数组
+    function listToArray(likeArray){ //参数是需要被转化的类数组
+        return Array.prototype.slice.call(likeArray,0); //传进来的参数修改定义在数组原型上的slice方法中this，那么slice函数中的所有操作都是针对likeArray你传进来这个参数
+        //低版本ie不行 ==> for循环去做这件事
+    }
+   /* function quchong(likeArray){
+        return Array.prototype.unique.call(likeArray); //传进来的类数组，返回的是已经去重结束后的数组
+    }*/
+    //console.log(listToArray(oLis).reverse()); //如果报错了说明返回值不是一个数组，如果倒叙了我们已经成功把一个类数组转化为数组
+
+
+    //容错的listToArray
+    /*
+    *   try catch这是js中常见用兼容处理方法  先去尝试try里面的代码，如果报错了就进入catch中的代码
+    *
+    *
+    * */
+
+    function listToArray(likeArray){
+        try{
+            return [].slice.call(likeArray);  //这是通过一个实例找到原型上的slice方法
+        }catch(e){ //只要代码运行到catch这里。当前浏览器在try中报错了
+            var a = [];
+            for(var i=0; i<likeArray.length; i++){
+                a.push(likeArray[i]);
+            }
+            return a;
+        }
+    }
+    console.log(listToArray(oLis));
+    //把li中的顺序打乱然后按照每个li中的innerHTML排序
+
+</script>
\ No newline at end of file
diff --git "a/\347\254\254\344\272\214\345\221\250/\347\254\254\344\270\211\345\244\251/\346\255\243\345\210\231.html" "b/\347\254\254\344\272\214\345\221\250/\347\254\254\344\270\211\345\244\251/\346\255\243\345\210\231.html"
new file mode 100644
index 0000000..b6734b5
--- /dev/null
+++ "b/\347\254\254\344\272\214\345\221\250/\347\254\254\344\270\211\345\244\251/\346\255\243\345\210\231.html"
@@ -0,0 +1,204 @@
+<!DOCTYPE html>
+<html>
+<head lang="en">
+    <meta charset="UTF-8">
+    <title>fuck</title>
+</head>
+<body>
+
+</body>
+</html>
+<script>
+    /*
+     *    正则表达式:  引用数据类型  正则的作用： 1 用来匹配字符串  2 用来来捕获字符串
+     *                其实也就是验证字符串是否符合我编写的规则
+     *    如何创建一个正则：字面量方式 和 实例创建方式
+     *
+     *
+     * */
+    //创建一个正则
+    var reg = /a/; //用两个/包起来一个或者多个元字符就是正则 字面量的创建方式
+    var reg = new RegExp(); //这是用实例的方式创建一个正则,但是有参数和没有参数是有区别的
+
+    var reg1 = /b/; //规则是斜杠里面的部分,只要字符串中包含一个b就符合规则
+    var str1 = '9909090909b';
+    /*
+     *  正则的常用方法：1 test 用来验证字符串是否符合规则  ==>  返回值只有true和false
+     *                 2 exec  用正则来捕获符合规则的字符串 ==> 返回值一定是捕获回来的
+     * */
+    //console.dir(reg1);
+    //console.log(reg1.test(str1)); //用正则去验证字符串是否符合规则  ==> true
+    /*
+    *   正则特点：
+    *       1 ^和$分别是描述以什么开始和以什么结束，但是：它们都不占位置
+    *
+    *
+    *
+    * */
+
+    var reg2 = /^b$/; //^是以什么什么开始  $以什么什么结束,其实这个正则只有'b'符合规则
+    var str2 = '888b999';
+    str2 = 'b'; //这里注意下'bbb'是不符合规则的。
+    console.log(reg2.test(str2)); //这还符合规则么？ false
+
+    /*
+    *   正则中常用来特殊意义的元字符：
+    *       \d  0-9的任意数组
+    *       \D  除了\d
+    *       \w  字母数字下划线  [a-z][A-Z]_
+    *       \n  匹配换行符
+    *       \b  匹配边界 ==> 字符串开始和结束的地方肯定是一个边界 空格|多个空格|Tab制表符都可以理解为边界
+    *       \s 匹配空格 空白  等任意空的字符
+    *       . 在正则表达式中不是小数点了,除了\n之外的任意字符
+    *       \ 在正则中 \代表的是转义。把\后面的具有特殊意义的字符转义成本身
+    *
+    *
+    * */
+    var reg3 = /d/; //是不是只要字符串中包含一个d就可以  /^d$/这样就只有字符串d才可以
+    reg3 = /\d/; //  \d再也不是\d了。代表任意一个从0-9的数字,没有^$那么只要字符串中包含一个\d其实也就是任意一个0-9的数字就成立
+    reg3 = /^\d\d$/; //这里需要两个数字满足条件
+    var str3 = 'aaabbb90ccc';
+    console.log(reg3.test(str3));
+
+    var reg4 = /\w\d\w/; //
+    var str4 = '123';
+    str4 = "%%%%%%%_0_";
+    console.log(reg4.test(str4));
+
+    //
+    var reg5 = /\b\w\b \d\b/;
+    var str5 = '_ 7';
+    console.log(reg5.test(str5));
+
+    var reg6 = /\b\w\d\s\d/; //由于这个\s只能匹配一个空格，那么我们需要量词符
+    var str6 = 'w6 5';
+    console.log(reg6.test(str6));
+
+    /*
+    *   正则表达式中常用的量词：一般出现在元字符后面用来修饰这个元字符出现的次数
+    *       * 代表0个到多个 ==> 可以不出现或者1到多次
+    *       + 1个到多个   ==> 至少出现一次
+    *       ? 0次或者1次  ==> 最多出现一次
+    *       {n} 出现n次
+    *       {n,} 出现n到多次 ==> 至少出现n次
+    *       {n,m}  出现n到m次
+    *
+    * */
+    var reg7 = /\d*/; //\d可以出现0次到多次
+    reg7 = /^\d+$/; //\d至少出现一次
+    reg7 = /^\d?$/; //\d可以出现0次或者一次
+    var str7 = "1324123412341234123412341234";
+    str7 = 'zhufen9g'; //
+    console.log(reg7.test(str7));
+
+
+    var reg8 = /\./; //正则里的这个\就是把.还原成自己本身的意思
+    var str8 = ".";
+    console.log(reg8.test(str8));
+
+
+    //写一个简单的验证手机号的正则？   以1开头后面紧跟10个数组
+    var reg = /^1\d{10}$/;
+
+    //非空验证??(只要不是空我就认为通过)  先去匹配任意空
+    var reg = /^\s*$/;  //这个正则表达式可以验证空格或者空字符串或者多个空空格，开始^和结束$必须要添加上
+    !reg.test('需要验证字符串是否是空');
+
+    //学过一个叫做替换字符串的方法？ replace(old,new);
+    var str = ' c1 '; //像引用多个class类,怎么做到把c1前面的空格和c3后面的空格替换掉
+    //把这个字符串的前后空格替换掉
+    str = str.replace(/ /g,''); //其实就是把空格字符串用空字符串替换,加上了这个g之后就是全文匹配
+    console.log(str);
+    /*
+    *   replace(old,new) 用法：
+    *       1 old这个参数可以是一个正则，把这个正则所匹配来的字符串用new替换
+    *       2 new这个参数可以是一个匿名函数，这个匿名函数的返回值替换old所匹配到的字符
+    * */
+    var str = 'zhufeng2015peixun2016'; //\d+ 0-9数出现1次到多次
+    str = str.replace(/\d+/g,function (){ //第二个参数是一个匿名函数，这个匿名函数的返回值是我return后面的字符串，用这个匿名函数的返回值匹配正则所匹配到的字符串
+       return '田喜';
+    });
+    console.log(str);
+    /*
+    *   正则中的修饰符：常用的就只有3个    img
+    *       g: 全文匹配  global
+    *       i: 忽略大小写  ignoreCase
+    *       m: 多行匹配    multiLine
+    *
+    * */
+
+    /*
+    *   正则的懒惰性和贪婪性:
+    *       懒惰性：尽可能少的去匹配次数   'zhufeng2015peixun2016'; /\d+/g 如果没有这个g那么就只能把2015匹配到
+    *       贪婪性：每次尽可能多的去匹配   \d+ 1次或多次  但是却把多次匹配回来了
+    *
+    * */
+
+    //写一个去掉首尾空格的正则  思路：把首位空格匹配到
+
+    var testStr = "     c1     c2 c3     ";
+    var reg = /^ +| +$/g; //x|y  以至少一个空格开头 或者 以至少一个空格结尾,这个正则就是常用的去掉字符串的首尾无效空格的
+    testStr = testStr.replace(reg,function (){
+        return '&'
+    }); //如果第二个参数是一个匿名函数，是用匿名函数的返回值来替换reg匹配到的结果
+
+    /*
+    *   正则表达式中或者操作: 在正则表达式中的后者是 |,如果出现或者运算一般我们用小括号包含一下。这样能改变优先级问题
+    *       x|y   x或者y
+    *       [xyz]  也是x或者y后者z
+    *       [a-z]   在中括号中的"-"前后都有字符代表的是从a到z中的任意字符
+    *       [0-9]  \d
+    *       [^xyz]  ^符号如果出现在[]中，是非的意思  除了xyz
+    *       ps: 把'.'放到[]中就代表'.'自己本身了,但是\d \w这样的需要转义才会代表本身
+    * */
+    var orReg = /x|y/; //只要字符串中出现x或者y就可以
+    console.log(orReg.test('zhufengpeixun'));
+    var reg = /18|19/;
+
+
+    //验证是否是有效数字的正则
+    //   -  +3  3   3.5   30.555  3.0
+    //(+或者-)可以在(开头部分^)(出现一次或者不出现?),  (\.\d+)?这个处理的是小数部分要么一起出现要么一起消失
+    //(\d|[1-9]\d+)这个部分是整数部分： 整数部分可以是单位数， 也可以是多位数如果是多位数那么多位数的第一位不能是0那就是[1-9],多位数从第二位开始我只要求是个数字就可以
+    var reg = /^[+-]?(\d|[1-9]\d+)(\.\d+)?$/; //04 [1-9]\d+ 这种
+    // ^[+-]?  这是前面正号或者负号可以出现可以不出现
+    //(\d|[1-9]\d+) 这是整数部分，整数部分：分为单位数和多位数  “|”前面的\d是匹配单位数的  “|”后面的[1-9]\d+是匹配多位数的，如果是多位数不以0开头[1-9],从第二位到第n位可以是至少一个\d了
+    //(\.\d+) 小数部分  小数点需要转义,小数点后面的数字可以出现\d多次
+
+    //邮箱  tianxiallen@163.com  tianxi@cmcm.com  tianxi@netqin.com  121170784@qq.com   _tianxi@zhufeng.com.cn企业邮箱  .org  .hk  .jp   qiancheng@sina.com.cn
+
+    var reg = /^[\w.-]+@([a-z]|[0-9]){2,}(\.[a-z]{2,4}){1,2}$/;
+
+
+    /*
+    * 字面量的方式和实例创建方式的区别
+    *       1 如果需要用\d等特殊意义的元字符在实例创建的时候需要转义
+    *       2 实例创建的时候第一个参数是正则字符串，第二个参数是修饰符也是一个字符串
+    *       3
+    * */
+    var regZi = /\d/g;
+    var regShi = new RegExp('\\d','g'); //实例创建的时候参数是一个字符串,用实例创建的时候特殊意义的元字符都代表了本身,需要用\去转义
+    console.log(regZi.test('9'));
+    console.log(regShi.test('0'));
+    var name = 'zhufeng';
+    var reg = /name/; //这是代表的name这个字符串还是name变量呢？ 字面量里面不能用变量
+    var reg = new RegExp(name+'j');  //用实例创建的时候可以使用变量并且可以拼接字符串
+    var ary = ['a','b','c'];
+    for(var i=0; i<ary.length; i++){
+        var reg = new RegExp(ary[i]+'\\d');  //这个正则在每次循环的时候都代表不同的正则
+    }
+    console.log(reg.test('zhufengj'));
+
+    //match(字符串) exec replace  ?的用法   小括号分组和分组的引用 \1 \2  lastIndex  RegExp.$1 $1-$9
+
+    //正则：正向预查 和 负向预查  不建议大家看
+
+
+
+
+
+
+
+
+
+</script>
\ No newline at end of file
diff --git "a/\347\254\254\344\272\214\345\221\250/\347\254\254\344\270\211\345\244\251/\346\255\243\345\210\2311.html" "b/\347\254\254\344\272\214\345\221\250/\347\254\254\344\270\211\345\244\251/\346\255\243\345\210\2311.html"
new file mode 100644
index 0000000..39f70db
--- /dev/null
+++ "b/\347\254\254\344\272\214\345\221\250/\347\254\254\344\270\211\345\244\251/\346\255\243\345\210\2311.html"
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<head lang="en">
+    <meta charset="UTF-8">
+    <title>你大爷的</title>
+</head>
+<body>
+
+</body>
+</html>
+<script>
+    alert()
+</script>
\ No newline at end of file
diff --git "a/\347\254\254\344\272\214\345\221\250/\347\254\254\344\272\214\345\244\251/JSON.html" "b/\347\254\254\344\272\214\345\221\250/\347\254\254\344\272\214\345\244\251/JSON.html"
new file mode 100644
index 0000000..513508c
--- /dev/null
+++ "b/\347\254\254\344\272\214\345\221\250/\347\254\254\344\272\214\345\244\251/JSON.html"
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head lang="en">
+    <meta charset="UTF-8">
+    <title>JSON</title>
+</head>
+<body>
+
+</body>
+</html>
+<script>
+    /*\
+    *   JSON是一种数据格式: 一般用来前端和后台的数据交换
+    * */
+    var obj = {name:'tianxi',age:30}; //
+    var jsonObj = { "name":"zhufeng","age":30}; //这就是一个json格式的数据
+    //JSON数据和JSON格式的字符串相互转换
+    var jsonStr = JSON.stringify(jsonObj); //把json格式的对象转化成json格式的字符串
+
+    console.log( jsonStr);
+
+    var newjsonObj = JSON.parse(jsonStr); //把json格式的字符串转化成json格式的对象,其实也是一个去引号的过程 eval也可以去引号
+
+    console.log(newjsonObj);
+
+    //写一个方法解析json格式的字符串
+    function jsonParse(jsonStr){
+        return 'JSON' in window ? JSON.parse(jsonStr) : eval("("+jsonStr+")");
+    }
+</script>
\ No newline at end of file
diff --git "a/\347\254\254\344\272\214\345\221\250/\347\254\254\344\272\214\345\244\251/dom.html" "b/\347\254\254\344\272\214\345\221\250/\347\254\254\344\272\214\345\244\251/dom.html"
new file mode 100644
index 0000000..632bbfd
--- /dev/null
+++ "b/\347\254\254\344\272\214\345\221\250/\347\254\254\344\272\214\345\244\251/dom.html"
@@ -0,0 +1,125 @@
+<!DOCTYPE html>
+<html>
+<head lang="en">
+    <meta charset="UTF-8">
+    <title>dom的映射和回流</title>
+    <style>
+        *{ margin: 0; padding: 0; list-style: none; font-family: 微软雅黑; }
+        .list{ width: 200px; border: 1px solid #ccc; padding: 10px; margin: 30px auto; }
+        .list li{ height: 30px; line-height: 30px; text-align: center; border-bottom: 1px dashed #ccc;  }
+
+    </style>
+</head>
+<body>
+    <ul class="list">
+        <li>3</li>
+        <li>2</li>
+        <li>1</li>
+    </ul>
+</body>
+</html>
+<script>
+    var ul = document.getElementsByClassName('list')[0];
+    var lis = ul.getElementsByTagName('li'); //lis其实是一个类数组,lis是通过dom的防水获取来的dom对象。 lis和页面中的li标签还存在关系么？，lis中的每一项和也页面中的每一个li是有对应关系的。我们把这种对应关系就叫做DOM映射.有了这个映射关系就可以通过lis中具体某一项的修改就能修改页面对应li的任何属性了
+    console.log(lis); //lis是一个元素集合  HTMLCollection
+    var res = listToArray(lis); //我把这个类数组转化成数组，那么还存在映射关系么？虽然把类数组转化成了数据但是数组中每一项和页面中的元素的DOM映射关系没有丢
+    for(var i=0; i<res.length; i++){
+        res[i].onmouseover = function (){ //当i=0的是lis[0]其实就是页面中的第一个li标签,然后在lis[0]添加了onmouseover事件属性。由于dom的映射关系在页面中滑过这个li的时候就能触发事件
+            this.style.backgroundColor = 'green';
+        }
+        res[i].onmouseout = function (){
+            this.style.backgroundColor = '';
+        }
+    }
+
+    //向页面中的li下面追加几个？？？ 追加3个: 循环3次，每次都新创建一个li标签。然后append进去
+    /*
+    *   通过append的方式添加到页面中的元素：不会影响原来存在的元素的事件属性后者其他属性
+    *
+    * */
+
+    //动态创建标签的方式
+/*
+    for(var i=0; i<3; i++){
+        var li = document.createElement('li'); //创建了一个新的li标签
+        li.innerHTML = i+4; //因为页面中要4开始
+        ul.appendChild(li);
+    }
+*/
+
+    //用innerHTML: 这种方式会影响原来页面中存在的元素(原来的li的事件都丢失了)
+/*
+    var str = '';
+    for(var i=0; i<3; i++){
+        str+='<li>'+ (i + 4) +'</li>';
+    }
+    ul.innerHTML = ul.innerHTML + str; //这是一个赋值动作,等号右面是取值动作，ul.innerHTML其实取值来的是包含前三个li的字符串(仅仅是字符串而已),然后这些拼接好的字符串又被重新渲染成了li元素。
+    ul.innerHTML += str; //在原来的基础上累加
+*/
+
+    //appendChild(引起多次回流,原来的事件没丢)和innerHTML(一次,原来的事件都丢了)的方式哪个好呢？？
+    /*
+    *   dom的回流：任何页面中的元素的增加或者删除或者元素位置的改变都会引起dom的回流
+    *   dom的重绘：元素的样式的改变或者其他某属性改变会引起dom的重绘
+    *
+    * */
+    //是否有一种方式：原来的事件不丢失并且只引起一次回流？？？需要一个容器把每次直接添加到页面中的li先添加到容器中，然后一次性把容器中的所有的li添加到页面中
+    //创建一个容器: 文档碎片
+    var frg = document.createDocumentFragment(); //这就是一个临时可以装dom元素的容器
+    for(var i=4; i<=6; i++){
+        var li = document.createElement('li');
+        li.innerHTML = i;
+        frg.appendChild(li); //把每次创建好的li放到frg这个临时的文档碎片容器中,其实这会还没有添加到页面中更不会引起回流
+    }
+    ul.appendChild(frg); //把容器添加到页面中
+    frg = null; //frg这个容器添加之后就没用了
+
+    //但是以上都是向页面中追加元素，在工作中追加的时候并不多
+    console.log(lis); //不是重新获取，但是会随着页面的li的增加而增加
+    var res = listToArray(lis); //把lis这个类数组转化成数组
+    res = res.sort(function (a,b){ //res是已经是一个排好序的数组了
+        //console.log(a,b);
+        return a.innerHTML- b.innerHTML; //此时的a和b分别是li,我们是按照li.innerHTML排序
+    });
+    //我要把排序好的数组中的每一个li重新放回到页面中
+    var frg = document.createDocumentFragment();
+    for(var i=0; i<res.length; i++){
+        frg.appendChild(res[i]); //并不是追加由于dom的影射关系是依次按照大小挪到最后位置
+    }
+    ul.appendChild(frg); //其实并不是向后追加，由于dom映射关系并不是向后添加。而是把原来的位置重新调换一下,那我们就可以对页面中的元素进行排序了
+    frg = null;
+
+
+
+
+
+
+
+
+    Array.prototype.myslice = function (n,m){ //2,4
+        //这个slice方法就是自己说的算了。可以分为没有参数，一个参数。两个参数等情况
+        var ary = [];
+        if(arguments.length ==0 || (arguments[0] == 0 && arguments.length == 1)){
+            for(var i=0; i<this.length; i++){
+                ary[ary.length] = this[i];
+            }
+            return ary;
+        }
+
+        for(var i=n; i<=m-1; i++){
+            ary[ary.length] = this[i];
+        }
+        return ary;
+    }
+    function listToArray(likeArray){
+        try{
+            return Array.prototype.slice.call(likeArray,0);
+        }catch (e){
+            var ary = [];
+            for(var i=0; i<likeArray.length; i++){
+                ary[ary.length] = likeArray[i];
+            }
+            return ary;
+        }
+    }
+</script>
\ No newline at end of file
diff --git "a/\347\254\254\344\272\214\345\221\250/\347\254\254\344\272\214\345\244\251/json.txt" "b/\347\254\254\344\272\214\345\221\250/\347\254\254\344\272\214\345\244\251/json.txt"
new file mode 100644
index 0000000..40c03de
--- /dev/null
+++ "b/\347\254\254\344\272\214\345\221\250/\347\254\254\344\272\214\345\244\251/json.txt"
@@ -0,0 +1,7 @@
+[
+     {"name":"田喜","age":30,"height":175,"weight":75,"gender":1},
+     {"name":"陈超","age":25,"height":180,"weight":80,"gender":1},
+     {"name":"张学荣","age":21,"height":176,"weight":70,"gender":1},
+     {"name":"龙霞","age":19,"height":160,"weight":45,"gender":0},
+     {"name":"李宁","age":19,"height":160,"weight":45,"gender":0}
+ ]
\ No newline at end of file
diff --git "a/\347\254\254\344\272\214\345\221\250/\347\254\254\344\272\214\345\244\251/utils.js" "b/\347\254\254\344\272\214\345\221\250/\347\254\254\344\272\214\345\244\251/utils.js"
new file mode 100644
index 0000000..45bd768
--- /dev/null
+++ "b/\347\254\254\344\272\214\345\221\250/\347\254\254\344\272\214\345\244\251/utils.js"
@@ -0,0 +1,22 @@
+/**
+ * ��һЩ���õķ����ͺ��� nameSpace ����ģʽ
+ */
+var utils = {
+    listToArray :  function (likeArray){
+        try{
+            return Array.prototype.slice.call(likeArray,0);
+        }catch (e){
+            var ary = [];
+            for(var i=0; i<likeArray.length; i++){
+                ary[ary.length] = likeArray[i];
+            }
+            return ary;
+        }
+    },
+    jsonParse : function (jsonStr){
+        return 'JSON' in window ? JSON.parse(jsonStr) : eval("("+jsonStr+")");
+    }
+
+
+}
+
diff --git "a/\347\254\254\344\272\214\345\221\250/\347\254\254\344\272\214\345\244\251/\350\241\250\346\240\274\346\216\222\345\272\217.html" "b/\347\254\254\344\272\214\345\221\250/\347\254\254\344\272\214\345\244\251/\350\241\250\346\240\274\346\216\222\345\272\217.html"
new file mode 100644
index 0000000..5881fe1
--- /dev/null
+++ "b/\347\254\254\344\272\214\345\221\250/\347\254\254\344\272\214\345\244\251/\350\241\250\346\240\274\346\216\222\345\272\217.html"
@@ -0,0 +1,204 @@
+<!DOCTYPE html>
+<html>
+<head lang="en">
+    <meta charset="UTF-8">
+    <title>表格排序</title>
+    <style>
+        * { margin: 0; padding: 0; font-family: 微软雅黑; }
+        #wrap{ width: 500px; margin: 30px auto; border: 2px solid #ccc; border-radius: 5px; padding: 15px;  }
+        #wrap table{ }
+        #wrap table thead { background: lightblue; -webkit-user-select: none; }
+        #wrap table th,#wrap table td{ width: 100px; height: 30px; text-align: center; line-height: 30px;  }
+        .cursor{ cursor: pointer; }
+        .bg{ background: lightcyan; }
+    </style>
+</head>
+<body>
+<div id="wrap">
+    <table cellspacing="0" cellpadding="0">
+        <thead>
+        <tr>
+            <th class="cursor">姓名</th>
+            <th class="cursor">年龄</th>
+            <th class="cursor">身高(cm)</th>
+            <th class="cursor">体重(kg)</th>
+            <th>性别</th>
+        </tr>
+        </thead>
+        <tbody>
+        <!--<tr>
+            <td>田喜</td>
+            <td>30</td>
+            <td>1</td>
+            <td>89</td>
+            <td>175</td>
+        </tr>
+        <tr>
+            <td>陈超</td>
+            <td>20</td>
+            <td>1</td>
+            <td>75</td>
+            <td>180</td>
+        </tr>
+        <tr>
+            <td>李宁</td>
+            <td>18</td>
+            <td>0</td>
+            <td>45</td>
+            <td>165</td>
+        </tr>-->
+        </tbody>
+    </table>
+</div>
+</body>
+</html>
+<script src="utils.js"></script><!--引入我需要的js文件-->
+<script>
+    /*
+    *   表格排序： 可以按照列去排序，但是我们调整的顺序确实行的顺序
+    *
+    *
+    * */
+    //获取表格内我们所有可能操作到的元素
+    var wrap = document.getElementById('wrap'); //获取最外层的包裹,最大的容器
+    var table = wrap.getElementsByTagName('table')[0]; //获取到table
+    //获取table下的行
+    var thead = table.tHead; //因为一个表格只有一个thead
+    var theadRow = thead.rows[0]; //表头下面的行
+    var theadCells = theadRow.cells; //表头这行下面所有的列,cell是单元格的意思。
+        var tbody = table.tBodies[0]; //获取表格里第一个主体
+        var tbodyRows = tbody.rows; //表格主体里所有的行，因为要排序就是针对所有行排序
+    //唯独表格才可以这样获取
+
+
+    //由于表格中的数据都不是静态的，需要在渲染表格之前就获取到,接下来我们模拟前后端通信的方式做数据的交互和动态绑定，通过Ajax  async(异步的)  javascript and XML来获取后台数据接收并处理绑定数据，然后渲染
+    /*
+    *   Ajax步骤：
+    *       1 先声明一个异步对象  new XMLHttpRequest();
+    *       2 xhr.open("get/post","url",true/false); 第一个参数是获取方式，第二个参数是接口，第三个参数是同步还是异步
+    *       3 xhr.onreadystatechange 监听xhr的状态
+    *       4 xhr.send(null)
+    *
+    * */
+    var xhr = new XMLHttpRequest(); //用实例的创建方式创建一个异步对象，http:超文本传输协议
+    xhr.open("get"/*用什么样的方式去拿数据post*/,"json.txt"/*去拿数据的接口(去哪里拿数据一般情况下是服务端来定)*/,false/*是同步还是异步*/); //true代表异步，false代表同步
+    xhr.onreadystatechange = function (){ //时刻监听xhr这个异步对象的状态
+        //console.log(xhr.readyState); //还有好多阶段不是4 1 ...
+        if(xhr.readyState == 4 && xhr.status == 200){ //同时符合这两个条件代表成功获取到数据
+            //status == 200代表成功,readyState == 4代表xhr的状态。这个readyStat是不断改变的
+            //304一般代表本地缓存
+            //404 一般是找不到页面
+            //5开头的一般是服务器错误(跟前端没关系)
+            window.res = utils.jsonParse(xhr.responseText/*这是字符串*/); //responseText就是从接口获取来的数据,只要成功取回数据就多了一个全局的res变量
+        }
+    }
+    //xhr还没有出发，上面的都是约定.
+    xhr.send(null);  //xhr就已经在路上了,只要才出发了就能实时监听xhr异步对象的状态，只要成功返回了，说明成功拿到了数据。==>  接下来就是处理数据了
+    console.log(res); //由于是同步的如果不成功执行不到这里
+    //数据已经成功取回，接下来需要把数据和表格绑定在一起其实就把数据塞到表格中
+
+    function bind(){ //把获取到的数据绑定到页面中
+        var frg = document.createDocumentFragment();
+        for(var i=0; i<res.length; i++){ //数据是一组，这一组数据中有多少个对象就有多少行
+            var tr = document.createElement('tr'); //只要有一条数据我就需要创建一行
+            //行里的列我该怎么做????
+            var curObj = res[i];  //这是数组中每一个对象,每一行的列数和这个对象有多少组属性是相同的; 属性和遍历，每遍历一次需要创建一个td标签
+            for (var key in curObj ){ //这是在创建列
+                var td = document.createElement('td');
+                //如果是gender属性我们需要处理下,key是代表每次给列赋值的时候的属性，我们在给性别赋值之前不能直接赋值1或者0
+                if(key === 'gender'){ //说明你要给性别那一列赋值了
+                    if(curObj[key] == 1){ //男
+                        td.innerHTML = '男';
+                    }else{ //女
+                        td.innerHTML = '女';
+                    }
+                }else{
+                    td.innerHTML = curObj[key]; //td标签里的内容也就是td.innerHTML就是curObj的属性值
+                }
+
+                tr.appendChild(td); //把每次创建的列放到行中
+            }
+            frg.appendChild(tr); //把每次已经创建的行，并且这个行中已经被里面的小循环有多少组属性就创建了多少列,把包含多列的这一行添加到文档碎片中
+        }
+        //到这个位置所有的循环已经结束，frg的文档碎片已经放了很多行
+        tbody.appendChild(frg); //frg已经存放了res.length那么多行
+        frg = null;
+    }
+    bind();
+
+    //隔行变色
+    function changeBg(){
+        for(var i=0; i<tbodyRows.length; i++){
+            tbodyRows[i].className = i % 2 ? 'bg' : "";
+        }
+    }
+    changeBg();
+
+    //排序
+    function sort(/*clickThIndex*/){ //点击的那一列的表头的索引需要动态传进来
+        //console.log(this); //??如果不加call，this就是window,如果加了call这个this就被修改了，修改成call的第一个参数，call第一个参数是事件发生的时候点击的元素 ==> 其实也就是点击的那个表头列,那么参数就可以不用了，我能获取到你点击的元素了,我知道了点击的元素，我就能获取到点击元素身上的索引值
+        console.log(this.index);
+        for(var i=0; i<theadCells.length; i++){
+            if(theadCells[i] != this){ //如果这个条件成立说明当前的theadcells[i]不是你点击的那个
+                theadCells[i].sortFlag = -1; //只要不是点击的那个我就把排序的这个自定义属性标识恢复成原始的-1
+            }
+        }
+        var that = this; //保存this的做法以后在编程的过程中也经常做
+        var rowsArray = utils.listToArray(tbodyRows); //rowsArray已经是一个数组了
+        that.sortFlag *= -1;
+        rowsArray.sort(function (a,b){ //a和b分别代表相邻的两行
+            //我不是按照行排序，我是按照行里面具体的某一列的innerHTML排序
+            if(isNaN(a.cells[that.index].innerHTML) || isNaN(b.cells[that.index].innerHTML) ){ //只要有一个是true就说明当前点击的列里面的内容不是数字，我们就不能用减法，用localeCompare
+                return (a.cells[that.index].innerHTML.localeCompare(b.cells[that.index].innerHTML))*that.sortFlag;
+
+            }
+            return (a.cells[/*clickThIndex*/that.index]/*行的第二列年龄*/.innerHTML - b.cells[/*clickThIndex*/that.index].innerHTML)*that.sortFlag; //这个return的值才是排序的关键?那么我能不能每次点击的时候都让这个return的值取反： 上一次正序，下一次点击之后就取反就是倒叙,如果每次点击的时候都能让return的这个值每次都乘以一个-1那么就能到达我的效果了,那么这个-1放在哪里比较合适？点击的时候我们才排序，那么这个-1存在点击元素的身上才是最直接的。
+
+        });
+        //还需要把还好序的数组重新添加到页面中
+        var frg = document.createDocumentFragment();
+        for(var i=0; i<rowsArray.length; i++){
+            frg.appendChild(rowsArray[i]);
+        }
+        tbody.appendChild(frg);
+        frg = null;
+        changeBg(); //由于排序之后隔行变色乱了，需要重新执行下各行变色的函数即可
+    }
+    //sort();
+
+    //点击带cursor这个类的表头列我才按照当前列去排序
+    for(var i = 0; i<theadCells.length; i++){
+        var cur = theadCells[i];
+        cur.index = i;
+        cur.sortFlag = -1; //给表头的每一列都存了一个-1，那么点击的时候排序方法中的return每次都乘以this.sortFlag
+
+        if(cur.className === 'cursor'){ //带这个cursor这个类的列我才绑定
+            cur.onclick = function (){
+                //console.log(this); //??
+                //暂时表头的每一列都还没有索引,我们需要在事件发生之前就给每个表头列分别保存一个索引 ==>  自定义属性
+                //sort(this.index); //这会只能点击年龄按照年龄排序,由于当前的sort方法只能按照年轻排序，需要修改
+                //能不能不给sort传参数,能不能把这个自定义属性在sort中直接获取到
+                sort.call(this); //这个this是谁？call的第一个参数this就是当前你点击的表头列
+                //sort.call(this)  ==> 把sort函数中的this修改成当前的this，而当前的这个this是你点击发生的时候那个表头列
+
+            }
+        }
+    }
+
+    /*
+    *  需要处理的小问题：
+    *           性别赋值的男女显示问题
+    *           升序降序问题(其实是按照sort排序的时候return 那个差才是我们关注的重点)
+    *           排序点击恢复默认升序问题  需要在点击其他列的时候把除了点击列的自定义sortFlag属性恢复成原始的-1默认值
+    *           如果点击列是名字需要在return的时候处理 localeCompare
+    *
+    * */
+
+
+
+
+
+    
+
+
+</script>
\ No newline at end of file
diff --git "a/\347\254\254\344\272\214\345\221\250/\347\273\247\346\211\277.html" "b/\347\254\254\344\272\214\345\221\250/\347\273\247\346\211\277.html"
new file mode 100644
index 0000000..f5de5e1
--- /dev/null
+++ "b/\347\254\254\344\272\214\345\221\250/\347\273\247\346\211\277.html"
@@ -0,0 +1,102 @@
+<!DOCTYPE html>
+<html>
+<head lang="en">
+    <meta charset="UTF-8">
+    <title>继承</title>
+</head>
+<body>
+
+</body>
+</html>
+<script>
+    /*
+    *   继承: 在构造函数中子类继承父类的方法
+    *       1 原型链继承  子类的原型指向父类的一个实例  ==> 把父类的公有和私有的都当成子类公有的  （常用）
+    *       2 call继承  在子类的构造函数中 父类.call(this)  ==> 把父类的私有属性当成子类的私有属性
+    *       3 冒充对象继承 在子类的构造函数中，循环遍历父类的实例，并且把遍历出来的属性分别赋值给子类的实例一份  ==> 把父类私有的和公有的人为添加的变成子类私有的
+    *       4 混合继承  一般用原型+call  ==> 父类的私有的变成子类的私有的，父类的公有的和私有的都变成子类的公有的 ==> 其实公有的和私有的都原封不动的继承过来了，但是在子类原型上多了跟私有相同的属性
+    *       5 中间件继承n 把子类的原型的__proto__ 本来应该指向Object.prototype修改成指向父类的原型  ==> 父类的公有方法还是子类的公有方法
+    *       6 寄生继承  Object.create(obj)
+    *
+    * */
+    //原型继承
+    function A(){ //父类
+        this.x = 100; //给所以A这个类的实例添加了私有属性x = 100
+    }
+    A.prototype.getX = function (){ //getX一定是A类实例公有方法
+        console.log(this.x); //这会不知道this是谁
+    }
+    var a = new A(); //a.x = 100; a.getX(定义在原型上的) a.__proto__.getX
+    function B(){ //子类
+        this.x = 200;
+    }
+    B.prototype = new A(); //B的原型再也不是原来的原型了，是一个A的实例,原来在B.prototype上的constructor是不是丢了
+    B.prototype.constructor = B; //为了类的所属关系所以我要人为添加回来
+    var b = new B(); //怎么样能让小b能继承到A类的方法 ==> b如果自己身上没有，b通过自己的__proto__到自己所属类B的原型上去查找
+    //b.getX(); // b在自己的私有属性找不到一个getX，然后去b的原型上去找，b的原型已经是一个A类的一个实例。先看A类实例(a)的私有属性只有一个x=100，再通过a这个实例的__proto__去A的原型上去查找。在A的原型上找到了getX方法
+    //如果A我们认定为父类，B我们认定为子类。 b是子类的一个实例。子类把父类的公有和私有的都当做了公有的
+    console.dir(b);
+
+    //call继承
+    function C(){
+        this.x = 100; //d.x = 100 ==>相当于给d身上直接加了一个私有属性d.x = 100,跟原型没有关系,只是把C当作一个函数执行了
+    }
+    C.prototype.getX = function (){
+        console.log(this.x);
+    }
+    function D(){
+        C.call(this); //这个this是d这个实例,把C函数中的this换成d(d就是call的第一个参数),并且C执行
+    }
+    var d = new D();
+
+
+    //冒充对象继承
+    function E(){
+        this.x = 100;
+        this.y = 100;
+    }
+    E.prototype.getX = function (){
+        console.log(this.x);
+    }
+    function F(){
+        var e = new E();
+        for(var key in e){ //可以遍历出e的私有的还有e的原型上我们自己添加的
+            this[key] = e[key]; //循环遍历出父类实例上的私有的和公有的(自己添加的)都赋值一份给子类的私有的
+        }
+    }
+    var f = new F();
+    console.dir(f);
+
+    //混合继承  原型+call  (常用)
+    function G(){
+        this.x = 100;
+    }
+    G.prototype.getX = function (){
+        console.log(this.x);
+    }
+
+    function H(){
+        G.call(this);
+    }
+    H.prototype = new G();
+    H.prototype.constructor = H;
+
+    var h = new H();
+    console.dir(h);
+
+    //中间件继承
+    function J(){
+        this.x = 100;
+    }
+    J.prototype.getX = function (){
+        console.log(this.x);
+    }
+    function K(){
+
+    }
+    K.prototype.__proto__ = J.prototype;
+    var k = new K();
+
+    //第六种  寄生   Object.create()方法 ==> 是一个不兼容的新方法
+
+</script>
\ No newline at end of file
diff --git "a/\347\254\254\344\272\214\345\221\250/\347\273\247\346\211\277.png" "b/\347\254\254\344\272\214\345\221\250/\347\273\247\346\211\277.png"
new file mode 100644
index 0000000..9bf096c
Binary files /dev/null and "b/\347\254\254\344\272\214\345\221\250/\347\273\247\346\211\277.png" differ