09 2018 档案
摘要：函数防抖和节流 在前端开发的过程中，我们经常会需要绑定一些持续触发的事件，如 resize、scroll、mousemove 等等，但有些时候我们并不希望在事件持续触发的过程中那么频繁地去执行函数。通常这种情况下我们怎么去解决的呢？一般来讲，防抖和节流是比较好的解决方案。让我们先来看看在事件持续触发
阅读全文
摘要：// 1、判断当前的数组是否有这个数据 function unique(arr) { if (!Array.isArray(arr)) { console.log("当前的不是数组"); return; } var res = []; for (let i = 0; i < arr.length;
阅读全文
摘要：computed：就像调用VUE的DATA一样watch的对比 ：监听事件 computed：就像调用VUE的DATA一样 watch的对比 ：监听事件
阅读全文
摘要：1,var let const对比 1，箭头函数的总结 /** * 1,箭头函数没有this,箭头函数this没有被箭头的函数,所以不能使用call,apply,bind改变this指向 * 2,箭头函数没有arguments，但是可以访问外围 * 3,不能通过new关键字调用，会报错 * 4，没有
阅读全文
摘要：基于express爬虫， 1,node做爬虫的优势 首先说一下node做爬虫的优势 第一个就是他的驱动语言是JavaScript。JavaScript在nodejs诞生之前是运行在浏览器上的脚本语言，其优势就是对网页上的dom元素进行操作，在网页操作上这是别的语言无法比拟的。 第二就是nodejs是
阅读全文
摘要：setTimeout、setInterval环境应用和使用场景 说明：setTimeout属于超时调用， setInterval 属于间隔调用 1，setTimeout超时的使用介绍： var setTimeourtId= setTimeout(function () { console.log(3
阅读全文
摘要：一、浏览器缓存 1，第一次请求，无缓存请求过程 流程如下所示 第二次请求，有缓存请求的过程 流程如下图所示 浏览器的缓存分为二种，第一种的是强缓存，另外一种是协商缓存 2 ：强缓存 定义：强缓存在请求资源的时候，会从header里面读取是否是强缓存，在有效的时间时间期内，从缓存里读取不能从服务那里读
阅读全文
摘要：1，浏览器的渲染机制 1、处理HTML形成一个dom树 2，处理css形成一个css渲染树 3，html和css形成一个dom渲染树 4，根据渲染树进行布局，计算每个节点的属性 5，调用GPU绘制，合成一个图层，显示在屏幕上。 2，重绘和回流的定义 重绘的是外观改变、布局不变，例如color的属性等
阅读全文
摘要：单例设计模式 定义：保证一个类只有一个实例，并提供一个全局的访问点 应用实例 登录，用闭包作为缓存，判断当前的类是否存在，如果存在，就不会再重新创建，防止了再次创建，优化性能 var createLoginDialog = (function () { var div; return functio
阅读全文
摘要：虚拟代理实现图片预加载 预加载图片在Web开发中十分常用，其通过异步的方式加载图片，利用一张loading图片占位。等图片加载好之后把图片填充到img节点中。 通过proxyImage间接的访问了MyImage。proxyImage控制了客户对MyImage的访问，并且在此过程中加入了一些额外的操作
阅读全文
摘要：https://www.cnblogs.com/wxw16/p/6237548.html 状态码的分类 1xx :（表示信息性状态码） 接受请求正在处理 2xx： （成功状态码） 请求正常处理完毕 3xx （重定向状态码） 需要进行附加操作以完成请求 4xx （表示客户端出现错误） 服务器无法处理请
阅读全文
摘要：图片优化 计算图片大小 对与100*100像素的图片来说 ，一个图片有10000个像素点，如果每个像素点是由RGBA存储的话，每个像素是由4个通道形成的，每个通过是由于1个字节形成的（8位=1个字节），大概这个图片大概39kb。 所以优化图片有二点 1、减少像素点 2、减少每个像素点的显示的颜色 1
阅读全文
摘要：解释：BFC——块级格式上下文，他是一个独立的渲染区域，与这个外部毫不相干 能够触发BFC的条件有哪些： 1，float 除了 none之外的属性 2，position除了relative、static 之外的属性 absolute,fixed, 3, display属性为table,inline-
阅读全文
摘要：1，动画，animate >//动画-名称-动画的时间间隔-以什么方式播放-循环 .right{ animate:dropdown 8s linear infinite } @keyframes dropdown{ 0%{margin-top:10px;} 10%{margin-top:20px;}
阅读全文
摘要：1，二列布局总结 <div class="content"> <div class="left"> <p>Hello</p> <p>I'am left</p> </div> <div class="right"> <p>Hi</p> <p>I'am right</p> </div> </div> 1
阅读全文
摘要：position的属性有哪些 static :静态属性，默认布局 absolute：绝对定位：除了static之外的以其他属性定位，除此之外相对于body, fixed:固定定位：脱离文档流，滚动条不会影响 relative：相对定位，相对于当前位置定位，定位的起点相对于当前的位置，不脱离文档流，当
阅读全文
摘要：new Vue 发生了什么 new vue 我们从入口分析，我们new 一个实例化对象，是由Funcction实现的，来看一下源码，在src/core/instance/index.js 中。 import { initMixin } from './init'import { stateMixin
阅读全文
摘要：vue.js的核心 是采用数据驱动，由数据操控视图的变化，将dom 节点转化成数据结构，当dom 节点变了，数据进行变更，对于大型的项目，比较好维护数据，传统的jquery 的直接操作dom 会直接影响性能。 在 Vue.js 中我们可以采用简洁的模板语法来声明式的将数据渲染为 DOM：
阅读全文
摘要：我们之前提到过 Vue.js 构建过程，在 web 应用下，我们来分析 Runtime + Compiler 构建出来的 Vue.js，它的入口是 src/platforms/web/entry-runtime-with-compiler.js： 1，查看入口文件的代码--流程图 我们可以看下 in
阅读全文
摘要：一、vue构建的基本了解 1,开始学习vue的源码的学习，vue.js是基于rollup构建的 它的配置在 scripts下面 rollup是webpack的简小版针对于js进行压缩的，没有提供复杂的功能 构建的入口 构建的过程 二 、Runtime Only vs Runtime Compiler
阅读全文
摘要：javascript 是动态类型的代码，有很多的写法很不容易报错，想引入静态类型检查的flow,之前做项目的时候用的typascript的，看的大概的写法和 typescript 类似，因为规范避免了些低级错误 1 ，使用flow 的静态检查的首先在文件开头加上 /* @flow*/, 2 ，静态检
阅读全文
摘要：观察第一次build的时间比较长，之后的编译时间较短，可以通过webpack -watch 监测性能 1, 将webpack升级到4.0，build 的速度提升很多 2，用webpack -watch 去监控打包的性能，让一些大的文件没有必要去打入到我们的文件中，可以先引入我们的头部的文件 3， 将
阅读全文
摘要：一，对象的复制分为深复制和浅复制，浅复制就是当一个属性发生了改变，那么另一个对象里面的元素也发生了改变 var obj={ a:1, b:2 }; b=obj; 二、对象的合并 1，$.extend({},obj1,obj2);深复制 2, Object.assign(obj1,obj2) 3, e
阅读全文
摘要：1，首先 项目的入口 package的入口 "scripts": { "dev": "node build/dev-server.js", "start": "node build/dev-server.js", "build": "node build/build.js" }, "scripts"
阅读全文
摘要：1、继承的总结1、原型继承：function Super(name) { this.name = name; this.su = ['2', '4', '5'];}Super.prototype.sayName = function () {};function Sub() {}Sub.protot
阅读全文
摘要：// 通过fetch获取内容 /** * Headers=='application/json' * */ fetch('/marketStrategy/getTagNodeTree?id=' + treeNode.props.eventKey, { // 在URL中写上传递的参数 method:
阅读全文
浙公网安备 33010602011771号