add: CSS 开发积累

05-JavaScript进阶/JavaScript开发积累.md

@@ -0,0 +1,80 @@
+
+
+### 方法的注释
+
+
+方法写完之后（注意，一定要先写完整），我们在方法的前面输入`/**`，然后回车，会发现，注释的格式会自动补齐。
+
+比如：
+
+
+
+```javascript
+/**
+ * 功能：给定元素查找他的第一个元素子节点，并返回
+ * @param ele
+ * @returns {Element|*|Node}
+ */
+function getFirstNode(ele){
+    var node = ele.firstElementChild || ele.firstChild;
+    return node;
+}
+```
+
+
+
+
+
+
+
+
+### 断点调试
+
+（1）先让程序运行一遍。
+
+（2）f12，弹出代码调试工具
+
+（3）打断点：
+
+![](http://img.smyhvae.com/20180124_2035.png)
+
+然后刷新页面。
+
+（4）一步步调试，每点击一次，执行一步：
+
+![](http://img.smyhvae.com/20180124_2036.png)
+
+（5）监视变量：
+
+当然，也可以添加变量或者表达式到监视窗口。操作如下：
+
+![](http://img.smyhvae.com/20180124_2037.png)
+
+上图中，选择变量或表达式，然后右键add to watch.
+
+然后监视窗口：
+
+![](http://img.smyhvae.com/20180124_2038.png)
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+