03 2021 档案
摘要：1 数据冻结 2 vue-virtual-scoller 3 vue-virtual-scoller-list 4 使用normalize.css解决浏览器样式兼容性问题 <link rel="stylesheet" href="http://cdn.staticfile.org/normalize
阅读全文
摘要：浅冻结： Object.freeze冻结对象的时候，只会冻结里面的基本数据类型，并且是冻结的是值，对于里面的对象是无法冻结的，还可以进行修改，是因为地址还有引用。这也叫做浅冻结 深冻结： 冻结的对象不管里面有多少层嵌套的复杂数据类型，通过递归，全部冻结 冻结数组：也是冻结数组的最外层，里面嵌套的依然
阅读全文
摘要：方法1：数组直接toString(),然后再用split()方法切割成数组，如果数组中原本是数字类型，最后再把数组中的字符串转为数字。 方法2：数组join后转为字符串，再split()，push到新数组，想转数组跟上面一样 方法3：递归 ps：最先想到的，瞬间写出来的 flat方法拍平多维数组：
阅读全文
摘要：在ES6中，有些数据结构原生具备Iterator接口（比如数组），即不用任何处理，就可以被for...of循环遍历，有些就不行（比如对象）。原因在于，这些数据结构原生部署了Symbol.iterator属性，另外一些数据结构没有。凡是部署了Symbol.iterator属性的数据结构，就称为部署了遍
阅读全文
摘要：https://www.jianshu.com/p/686ce86f4042
阅读全文
摘要：Object.js() ES5比较两个值是否相等，只有两个运算符：相等运算符（==）和严格相等运算符（ ）。 它们都有缺点，==会自动转换数据类型， 的NaN不等于自身，以及+0等于-0。 JavaScript缺乏一种运算，在所有环境中，只要两个值是一样的，它们就应该相等。 Set数据结构: 本身是
阅读全文
摘要：属性名表达式：大有用途 通常我们定义对象的属性是这样的： obj.name = 'zs'; 现在可以用表达式属性： obj['n'+'ame'] = 'zs'; 注意：
阅读全文
摘要：instanceof : 是沿着原型链查找机制去判定的 B的原型继承了a的实例，B的原型上就有了a的私有属性和能通过原型链访问到A的公用属性，因为B的原型已经继承了A的一个实例，也就是说B的原型的上级域已经是属于A了。 以后B的每一个实例从严格意义上都应该属于 A了，但是insanceof 检测的结
阅读全文
摘要：原形链继承/经典继承 输出结果：由图可见，什么叫继承，就是创建的obj2这个对象的__proto__指向了obj的__proto__指向的Object的prototype 所以创建的obj2对象因为继承了obj，什么是原形链继承？就是Object的一个实例对象obj作为新创建的obj2对象的原型，那
阅读全文
摘要：1. 混入式继承 -- extend 拷贝 2. 原型链继承 原型替换 constructor 3. 混入+原形链继承 4. 经典继承 ：Object.create() 传入的作为新创建出来对象的原型。新创建的对象继承了传入的 5. 用call/apply 改变this让成为自己，继承别人的属性 1
阅读全文
摘要：1.面向过程与面向对象 1.1面向过程 面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次调用就可以了。 1.2面向对象 面向对象是把事务分解成为一个个对象，然后由对象之间分工与合作。 1.3面向过程与面向对象对比 面向过程面向对象 优点 性能比面向
阅读全文
摘要：在HTML规范中，增加了获取用户地理信息的API，这样使得我们可以基于用户位置开发互联网应用，即基于位置服务LBS(Location Base Service) 隐私 HTML5规范提供了一套保护用户隐私的机制。必须先得到用户明确许可，才能获取用户的位置信息。在获取地理位置之前，会询问用户，只有在获
阅读全文
摘要：1.读取文本后显示在页面中，保留文本文件中的格式 2. 读取图片后实现本地预览
阅读全文
摘要：for...in循环：只遍历对象自身的和继承的可枚举的属性 Object.keys()：返回对象自身的所有可枚举的属性的键名 JSON.stringify()：只串行化对象自身的可枚举的属性 Object.assign() ：只拷贝对象自身的可枚举的属性。 1.浅拷贝： 1 <!DOCTYPE ht
阅读全文
摘要：em： em是父元素字体大小。 rem: 设置根标签html 的字体大小，这个跟标签是不运用与布局。 ●Rem布局: Rem是一个相对单位，类似于em，em是父元素字体大小。 不同的是rem的基准是相对于html元素的字体大小。 比如：div中有一个p标签，div的字体大小是12px,那么p如果设置
阅读全文
摘要：先简明扼要概括一下： -- 区别： 函数防抖是单位时间内只执行一次； 函数节流是间隔时间执行，不管事件触发有多么的频繁，都会保证在规定时间内执行一次真正的事件处理函数。 -- 原理： 防抖是维护一个计时器，规定在delay时间后触发函数，但是在delay时间内再次触发的话，都会清除当前的 timer
阅读全文
摘要：1.vant 给textarea设置边框为1px时候，虽然加了/*no*/，但是还是被编译成了rem，部分手机上看不到边框，查了查说，因为是写在sass内，还是会被rem转换，解决办法就是写成PX. 2.上传组件，对于小米等部分机型，调取手机相册后无反应，只能用摄像头拍摄才能选中进入上传队列，开始以
阅读全文
摘要：我们监听一个元素，在created中，如果这个值被赋值多次，但是监听只能监听到一次。如何做到监听两次？ 浏览器输出： 发现只输出一次3 解决： $nextTick()是一个promise对象，可以用async和await，下图中两种写法一个意思。 输出：为什么不输出1，因为1和3在一个层，3把1给覆
阅读全文
摘要：1.在本地如果修改了package-lock.json文件，也已经提交到远端，测试服务器上git pull的时候会报错。 原因就在于测试环境的package-lock.json文件和远端的有冲突，他这个是提示你要进行合并 此时我们应该： 直接将本地的状态恢复到上一个commit id 。然后用远程的
阅读全文
摘要：我们每次，去npm install xxx会把内容记录到package.json文件中，下载的包都会发生变化，为了系统的稳定性考虑，每次执行完npm install之后会对应生成package-lock文件，该文件记录了上一次安装的具体的版本号。 根据官方文档，package-lock.json 是
阅读全文
摘要：响应式开发与移动web开发的比较 开发方式移动web开发+pc开发响应式开发 引用场景 一般已经有了PC端网站，只需要端独开发移动端网站即可 针对一些新建网站，并且要求适配移动端 开发 针对性强，开发效率高 兼容各种终端，效率低 适配 只能适配移动端或者PC端，pad上体验比较差 可以适配各种终端
阅读全文
摘要：在移动的时候会触发触屏事件，依次触发： touchstart，touchmove，touchend 在松开手指的时候，会触发click点击事件。 在点击或者长按不移动的时候然后松开手指，依次会触发： touchstart，touchend，click 通常我们点击就是不移动，但是点击事件发生在tou
阅读全文
摘要：落下后会弹跳然后静止 vue中使用animate.css
阅读全文
摘要：这里所说的方式指的是在webpack中指定了相对路径了，如@ 代表src （1）在css中background：url(' ~@/xx/xx/xx.png'); （2）在img前景图方式的引入:img src="@/xx/xx/xx.png" （3）引入外部json,json中有图片路径： { na
阅读全文
摘要：1.如何设置process.env.NODE_ENV 2.简述vue-cli中chainWebpack的使用方法 3.多平台打包
阅读全文
摘要：1.iscroll 做页面滚动的 iScroll是一个高性能，资源占用少，无依赖，多平台的javascript滚动插件。 官网：http://iscrolljs.com/ 它可以在桌面，移动设备和智能电视平台上工作。它一直在大力优化性能和文件大小以便在新旧设备上提供最顺畅的体验。 iScroll不仅
阅读全文
摘要：SPA 首屏加载性能优化之 vue-cli3 拆包配置 Webpack之SplitChunks插件用法详解
阅读全文
摘要：https://www.jianshu.com/p/8dd5885bfb66 Webpack 输出的 bundle.js 是什么样子的吗？ 为什么原来一个个的模块文件被合并成了一个单独的文件？为什么 bundle.js 能直接运行在浏览器中？ bundle.js能直接运行在浏览器中的原因在于输出的文
阅读全文
摘要：1.移动端页面最大宽，最小宽设置，宽度100%。 2.轮播图父盒子和子盒子百分比设置: 宽度百分比是相对于父盒子而言的。 3.标签内clearfix清除浮动（在上一个做了浮动元素的紧挨着的后面这个标签上加clearfix属性） 4. 5.做精灵图时候，精灵图如果是2倍图，写样式时候，宽高都设置为实际
阅读全文
摘要：完整流程概述： 用户首先登录yach客户端，yach客户端就像是浏览器缓存一样获取到用户的信息并记录。 在yach里给用户推送消息链接 注释，用户点击链接后，会触发SSO接口，SSO接口会识别你这个用户的信息，是不是yach的人。 识别通过后，会把SSO接口请求的一些参数透传给你的回调地址如：loc
阅读全文
摘要：https://blog.csdn.net/qq_31677507/article/details/102742196
阅读全文
摘要：第一种：同一个index.html作为模板 https://www.jianshu.com/p/81ed6729afdb 第二种：解决打包后判断移动还是PC环境 devServer中index的默认值 https://blog.csdn.net/weixin_34355715/article/det
阅读全文
摘要：新起了一个项目，用于做打包和发npm包，最后打出来的包肯定为dist，按理说在dist中的index.html本地打开也能看到页面（静态资源文件） 结果本地打开是个白页。 我们先看一下空白页的时候，通过浏览器的网络中看一下静态资源css，js这些的引入路径是什么样子的： 我们发现加载的这个css路径
阅读全文
摘要：1.先注册创建一个自己的github账号，此处省略，地球人都会~~ 2.登录成功后右上角 3.创建一个新的项目，填写项目名称，描述 4.创建完成之后，跳转到下面的页面，下面红框中的网址要记住，这是你的仓库地址，在后面上传代码的时候需要使用 (注意：这里记得赋值的是HTTPS的地址) 5.接下来，我们
阅读全文
摘要：git merge 分支名称 （合并分支）git diff （查看冲突）git push -u origin master （推送到远程）git tag （查看当前标签）git tag -a 版本号(v1.0.0) -m “(注释)”git push origin tagName （把分支推送到远程
阅读全文
摘要：解构赋值参数默认值的位置 通常情况下，定义了默认值的参数，应该是函数的尾参数。因为这样比较容易看出来，到底省略了哪些参数。如果非尾部的参数设置默认值，实际上这个参数是没法省略的。 function f(x, y = 5, z) { return [x, y, z]; } f() // [undefi
阅读全文
摘要：什么是2倍屏，3倍屏？ 原本在PC端1物理像素对应1px。现在： 2倍屏 -> 2个物理像素 - 1px 3倍屏 -> 3个物理像素 - 1px 这说明什么了？ -说明原来1px的元素放在2倍屏要被拉大2倍去填充这2个物理像素。 原来1px的元素放在3倍屏要被拉大3倍去填充这3个物理像素。 拉大了会
阅读全文
摘要：https://developer.mozilla.org/zh-CN/docs/Web/API/Element/insertAdjacentHTML beforeend 相当于appendchild，追加到父元素的后面
阅读全文
摘要：先说总结： querySelector 获取的是静态集合，且返回的是NodeList，NodeList是包含了注释，换行等节点的信息。 getElementsByXXX 获取的是动态集合，且返回的是HTMLCollection，HTMLCollection只包含元素。 正是因为nodeList是包含
阅读全文
摘要：console.log("jerry".toString());//jerryconsole.log((1).toString());//1console.log([1,2].toString());//1,2console.log(new Date().toString());//Wed Dec
阅读全文
摘要：https://www.jianshu.com/p/80dbf0dd3bf2
阅读全文
摘要：https://blog.csdn.net/weixin_41948075/article/details/96477937
阅读全文
摘要：一、CPU CPU是计算机的核心，其负责承担计算机的计算任务。这里我们比喻为一个工厂。 二、进程 进程是一个具有一定独立功能的程序在一个数据集上的一次动态执行的过程，是操作系统进行资源分配和调度的一个独立单位，是应用程序运行的载体。 我们这里将进程比喻为工厂的车间，它代表CPU所能处理的单个任务。任
阅读全文
摘要：先了解下 浏览器工作原理 基础版本 详细版 阮一峰文档介绍
阅读全文
摘要：官方说明问文档 URL.createObjectURL() 静态方法会创建一个 DOMString，其中包含一个表示参数中给出的对象的URL。这个 URL 的生命周期和创建它的窗口中的 document 绑定。这个新的URL 对象表示指定的 File 对象或 Blob 对象。 URL.createO
阅读全文
摘要：1.基本数据类型字面量创建的和实例创建的值不相等 var num1 =1; var num2 = new Number(1); num1 不等于num2，因为num1是基本数据类型，num2是对象数据类型 2.对象数据类型字面量创建的和实例创建是一个意思 可枚举：私有属性 不可枚举：原型上的属性（自
阅读全文
摘要：原形链查找机制： 首先找当前实例的私有属性,如果私有中存在，找的就是私有的，如果私有中不存在，默认根据__proto__找所属类prototype上公有的属性，公有中有的话就是公有的，如果公有也没有，则继续根据__proto__在往上一级找....直到找到Object这个基类的prototype为止
阅读全文
摘要：先列举几个开发过程中遇到的问题： 待研究问题： 1.用element中的beforeUpdate钩子函数直接实现上传，不只是上传图片还要携带参数。 最后发现，请求是一个个发出去了（按照准备的上传队列），但是发的是同一张图片和一样的参数，有时间研究一下为什么是这样？ 如果这样行得通，那么element
阅读全文
摘要：https://www.cnblogs.com/chaoyuehedy/p/9929242.html 声明 var map = new Map(); 设值 map.set("key","value"); 取值 map.get("key"); 判断key是否存在 map.has("key"); 删除k
阅读全文
浙公网安备 33010602011771号