js++知识点--记录

用户541366674709

2021-04-08 88 阅读2分钟

图片.png

图片.png

图片.png

图片.png

图片.png

函数toString() 会把函数变成"function(){}"

但是直接调用length的时候是根据形参的数量来进行返回length的值

图片.png

不只有原始值还有包装初始类

图片.png

图片.png 编写typeof判断数据类型的方法：

图片.png

图片.png

修改：

图片.png

修改：

图片.png

图片.png

操作数据的方法哪些是改变原数组哪些是不改变？？

图片.png

从事件冒泡到时间代理 ps：创建50个li 给每个li添加按钮并且点击删除的操作

// 为了不每次创建一个li 就添加在dom中所以创建一个文档碎片

图片.png

没必要创建createdDocumentFragment

图片.png

图片.png

事件代理解决的问题：多次重复的绑定事件的处理函数，不需要多次绑定只绑定一次

冒泡行为：内部点击的同时会向父级传递并且触发父子的事件函数，如果body上有事件也会冒泡到body

通过事件代理在父级上的事件函数去监听父级内部的每个点击的不同的子级

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

1、能做雪碧图的做雪碧图 css雪碧图但是常用的商品类的图不适合雪碧图

2、base64 编码图片缺点：增加代码，数据量大的图片不适应做base64 编码图片因为转成base64也是有编译时间，显示问题有可能会有问题

3、合并脚本和样式表代码，css和js脚本遇到会去下载，开发版样式逻辑要进行分离，才能更好的读写，但是线上版，就要合并css和js到html页面中这样为了减少资源的下载数量

所以我们基本都是分成 development ---- 工程化--webpack gulp grunt production

4、配置多个域名 CDN加速具备接收并发请求的能力

你用你的域名在第三方服务器上进行解析从而生成cdn加速域名比如七牛云

5、尽量使用浏览器的缓存机制，不需要经常修改的图片，脚本、样式

实现两栏和三栏的布局方法：css部分可看详情的讲解

图片.png

通过js的数据渲染页面的时候对seo非常不友好，所以需要将代码全部到服务器端去通过nodejs来进行解析，然后返回去前端

框架的核心只是使用了虚拟dom算法，实际还是对dom操作，只要说放弃dom操作了 jquery才会说真的退出社会的舞台。框架的缺点：兼容性会比较差

开发的环境会对开发者友好，但是实际也是要进行编译转换，但是实际还是dom操作；

图片.png

选项卡

图片.png

方式2：添加一个变量来记录当前的选项卡是哪个

图片.png

图片.png

媒体查询进行屏幕适配：

图片.png