零碎知识

1,从网页输入框得到的 数据 一定是字符串

图片.png

2,使用switch case范围判断

图片.png

2,遍历数组使用for循环 ， 遍历对象使用for in循环

3,

1）算数运算符 + - * / %两边的数据要转换成数字来运算

图片.png

2）逻辑运算符 && 、||、!两边要看成布尔值来运算 结果不一定为布尔值
3）运算符 ==两边要转换成数字来比较是否相等
运算符===两边先比较类型是否相等 再比较数字是否相等
结果输出都为布尔值

4，console.log("bb")直接输出bb，没有任何返回值，返回值为undefined

5，立即执行就是「用完即走」，不用立即执行的话，就会留下全局变量

6，[].forEach === Array.prototype.forEach ，这就可以避免以 [ 开头

7，js中bind、call、apply函数的用法

8，setTimeout的第一个参数必须为回调函数

图片.png

如果直接写成res.send(dates)
报错：

图片.png

9，随机获取某个json数组里面的字符串，时获取的字符串数组里面没有重复的字符串

方法：
随机获取一个字符串
删除json数组里面获取的这个字符串 arr.splice(nowindex,1)

10，获取页面中嵌入的页面

使用window来获取：

图片.png

11，函数和对象的区别

Date <- 函数
Date() <- Date 对象

Date().getTime()

var d = Date() // Date 对象
d.getTime()

一句话做两件事是误解之源

12，函数调用完毕，里面的变量如果被返回（未来不可能被调用），那么立即销毁

图片.png

图片.png

13，

花括号：块作用域
函数：函数作用域（js的作用域）

14，

let:声明变量的作用域是块级或其子块的作用域下的变量
var:声明的变量是全局或函数或子函数作用域下的变量

图片.png

图片.png

要特别注意下面的区别！

第一种

  var i=0;
  function(){
    var i=2
 }
console.log(i)//0     函数里面的var i=2是函数里面的作用域，新的i变量，因为函数里面是他自己的一个作用域

第二种

var i=0;
function(){
   i=2
 }
 console.log(i)//2      函数里面把全局域i赋值为2，改变了i的值

15，Google浏览器调试时模拟断网

图片.png

16.Google搜索网上批量生产图片，制造src

batch(批量) image tag（标签）

17，在项目中引入jQuery的方法

Google搜索：baidu cdn=>引入jQuery的网络地址
通过npm引入：npm i jquery

图片.png

图片.png

18,在webstorm里面直接在html文件映入不存在但是想要创建的文件，直接引入，webstorm发现不存在会提醒你没有文件是否要创建，是，则它直接帮你创建

19，缩写

jfc:c=>justify-container:center

20,图片懒加载的时候：

图片出现加载的处理方法：
image.src=image.getAttribuite("data-src")

图片.png

21,当不知道滚动距离的时候，通过Google搜索代码的书写方式

搜索关键字：
js get scorll top

22,验证网页上某段距离时，使用尺子

QQ截图的尺子

23，写代码时，需要每步检验自己代码的正确性，console.log走天下

只需要在webstorm xx.log=>console.log(xx)
API不熟：大胆猜测，打印出来看结果

24，webstorm的变量命名重构功能

图片.png

25，查看效果时不要使用fille协议，使用http协议

方法一：使用webstorm打开的页面是localhost协议，http协议
方法二：使用npm i -g node static来把项目转换成http协议
连接

图片.png

26,Google搜索可视区的高度

js get viewport height
得到获取可视区高度的js代码

27，关于网页上的一些基本距离

图片顶部距文档顶部的距离：$img.offset().top
滚动高度：window.scorllY
屏幕可视区高度：$(window).height()

28，clearInterval是一个全局API 清除闹钟： window.clearInterval(timeid)

29，要Google搜索suggestion的相关写法

Google关键字：jQuery suggestion plugin（插件）

30，函数也有length

图片.png

31,

把一个数组看成对象
var array=[1,2,3,4]
在对象上添加属性
array1.previousSelection=array
访问或获取数组上面添加的属性
console.log(array1.previousSelection)

图片.png

图片.png

32,不能把string看成对象 甚至给string添加属性或方法

图片.png

图片.png

综上所述：字符串不是对象 数组是对象 函数也是对象

在String 的原型链上添加函数是允许的 并且可以在字符串的实例上调用 如下

图片.png

33,apply在 Math.max()的一个特殊的用法

图片.png

图片.png

由于直接向Math.max传入数组的引用对象 是不能找到最大值 所以借用apply传入 数组的引用

34,继承

继承属性：

图片.png

继承方法
方法一：
自造一个 proto对象 来 保存继承父类的原型方法

图片.png

子类结构：

图片.png

方法二：
需要注意的一个点：

图片.png

图片.png

子类结构：

图片.png

方法三：

图片.png

子类结构：

图片.png

完整代码

图片.png

me.hasOwnpropertype(属性或方法)
不在原型上 true
在原型上 false

图片.png

34，给字符串原型上添加API方法

图片.png

35，关于类数组对象使用数组API报错的一个案例

图片.png

图片.png

图片.png

图片.png

例子代码

36

图片.png

37inline-block造成的问题

图片.png

怎么办？

图片.png

图片.png

38，缓存

图片.png

图片.png

39，组件里面一个注意的写法

图片.png

40，google浏览器调试

图片.png

图片.png