2019JavaScript+jQuery前端总结

*********************************Js基础*********************************

1、Javascript无论什么类型都使用var声明

 

2、类型转换

 

3、闭包

 

4、js中的数组还可以当作Dictionary、Stack来使用

 

5、js数组与dictionary的区别：如果最外层是[ ]就是数组，如果最外层是{ }就是字典

①字典

②数组

 

6、遍历dictionary使用for in循环，遍历数组使用for循环

 

7、通过原型可以为类对象扩展方法

 

*********************************Dom*********************************

 

1、事件冒泡

2、取消事件冒泡

 

3、将span转换为块级元素，可以设置为block，将div取消块级元素可以设置为inline,设置为none就不可以见了

 

5、innerText、innerHtml的区别：

 

6、如果在内部样式表中就将div设置为none，那么js获取不到该div，所以要要将写入内联样式中，这样js就可以获取该div

 

7、在回车的时候执行tab换行

注：键的替换问题，只有少数键可以被替换，大多数不行

 

8、Js中的习惯于于性能

 

 

*****************************************JQuery*****************************************

1、页面加载完毕的jq的终极写法

2、

 

 

3、jq中map遍历数组，each遍历键值对

 

3、可以使用如下方法获取一个方法的参数信息，尤其是对一些系统的回调方法，可以知道如何传参：

5、使用each来对键值对进行遍历

6、Jq与dom 的样式操作的区别：

7、Jq中获取与修改属性的方式

 

8、可以通过jq的选择器来获取相应的对象，jq的选择权与Css相类似（类选择器、标签选择器、id选择器）

 

9、样式的优先级  id选择器>类选择器>标签选择器

10、Jq中的text属性相当于dom的innerText，Jq中的html相当于dom的innerHtml

11、Jq的选择器获取的如果是一个集合，可以使用隐式迭代进行批量处理

12、链式处理，如果发现断链了，要检查链接的位置是否出错

注意：

 

13、

①多条件

选择器，使用，进行分割，可以同时选择多个标签

②标签+类 选择器，可以选择应用了某个class的标签

15、多层次选择器

①层div中的所有p标签（包括所有嵌套深度的p标签）：层次选择器可以灵活使用（多种选择条件进行组合使用）

②

③

④

 

 

16、基本选择过滤器

17、Jq中this表示当前触发事件的元素

 

18、相对标签

实例：相当于当前行下的，偶数列

19、属性、表单过滤器

 

20、加空格为层次选择器，不加空格为标签类选择器

 

21、元素的each方法

 

22、单选框、复选框不能使用隐式迭代，只能使用each进行迭代

 

23、如果发现标签的都是dom的方法、属性，那么就要使用$( )进行转换，才可以使用Jquery的方法、属性

 

25、

26、

 

27、其他过滤器

 

28、子元素过滤器

 

29、选择器总结

多层选择（中间空格 显示层级）+标签、类选择器（不空格，复合条件）+多条件选择（使用逗号分隔）+属性选择（ 元素[ 属性=‘’XXX‘]）à然后使用各种过滤器+相对选择器（相对元素在右边）

 

30、动态创建元素

 

31、js中单引号、双引号都可以，但是js建议使用单引号，这样可以与html中的双引号区别开来

 

32、可以使用以下工具进行IE兼容性的检测

 

33、其他追加方法

35、jq中进行删除操作

 

36、reomoveAttr删除元素的某个属性，unbind可以解除元素上的事件

 

37、元素替换replaceWith、replaceAll

 

38、包裹warp

 

39、单选框，如果name相同，代表在同一个组中，此时会出现互斥效果

 

40、①过滤器一般是控件的类型名、  ②属性判断（ 如： $( [name]=’hero’)使用的是属性名，进行筛选

 

41、选择器进行筛选的时候，是从左到右进行的，在上一个筛选的基础上再次筛选，可以多样组合

 

42、①元素状态可以使用过滤器（checked、selected等）②如果是具体属性值的比较，使用[属性]=”XXX”

 

43、Jq中获取元素相对于浏览器的边距

 

45、Jq中直接return false就可以阻止事件冒泡了

 

46、

 

47、事件中可以使用键值对传递参数

 

48、function中可以传递e（事件对象），从而获取一些事件的信息

49、

 

50、Jq的相对查找：查找相对this下面的ui下面的li

 

51、使用Jquery的兼容性要好一点，因为Jq中的内置方法做了兼容性处理

52、Jquery显示、隐藏的方法

53、只显示自己，而隐藏其他兄弟

 

55、可以使用动画队列

56、尽量不要使用服务器端控件

57、Jquery中一般使用以下方式判断值是否为空，比较少用null