摘要：
1. 网页内容 1.1 减少http请求次数 1.1.1 捆绑文件 通过一些现成的库将多个脚本文件捆绑成一个文件，将多个样式表文件捆绑成一个文件，以此来减少文件的下载次数。 1.1.2 CSS Sprites 把多个图片拼成一副图片，然后通过CSS来控制需要显示图片的位置（ "CSS Sprites 阅读全文
摘要：
Flexbox，是一种CSS3的布局模式，也叫做弹性盒子模型，用来为盒装模型提供最大的灵活性。 阅读全文
摘要：
浅拷贝：只会复制对象的第一层数据 深拷贝：不仅仅会复制第一层的数据，如果里面还有对象，会继续进行复制，直到复制到全是基本数据类型为止 简单来说，浅拷贝是都指向同一块内存区块，而深拷贝则是另外开辟了一块区域 例如，下面就是浅拷贝： let arr = [1,2,3,4]; let arr2 = arr 阅读全文
摘要：
promise使用 async await使用 async await捕捉错误 // async await中.then(..)不用写了，那么.catch(..)也不用写，可以直接用标准的try catch语法捕捉错误。 var sleep = function (time) { return ne 阅读全文
摘要：
移动端轮播图 采用手机端页面自适应解决方案—rem布局 阅读全文
摘要：
Promise对象的参数为一个回调函数，这个回调函数有两个参数，分别是resolve, reject（这俩参数的名字可任取），resolve，reject分别表示异步操作执行成功后的回调函数和异步操作执行失败后的回调函数 。 阅读全文
摘要：
```
/** * 数据结构 Set */ // -----------------------------------------------------
/** * 集合的基本概念：集合是由一组无序且唯一（即不能重复）的项组成的。这个数据结构使用了与有限集合相同的数学概念，应用在计算机的数据结构中。 * 特点：key 和 value 相同，没有重复的 value。 * * ES6... 阅读全文
摘要：
ECMAScirpt 变量有两种不同的数据类型：基本类型，引用类型。 基本类型 ● Boolean ● Null ● Undefined ● Number ● String ● Symbol (ECMAScript 6 新定义) 对象类型 ● Object 对象类型涵盖了很多引用类型，任何非基本类型 阅读全文
摘要：
在VUE中，数据从父组件流向（传递）给子组件，只能单向绑定，在子组件内部不应该修改父组件传递过来的数据。 如果必须修改子组件中接收的数据，可以： 1. 作为data中局部数据，进行改动 2. 作为子组件中的computed树属性 例如，下面例子中，虽然可以实现count加1，但是会报错。 <!DOC 阅读全文
摘要：
简单来说，v if 的初始化较快，但切换代价高；v show 初始化慢，但切换成本低 1.共同点 v if 和 v show 都可以动态地显示DOM元素 2.区别 （1）手段： v if 是动态的向DOM树内添加或者删除DOM元素； v show 是通过设置DOM元素的display样式属性控制显隐 阅读全文
摘要：
动态组件： 1、定义： 几个组件放在同一个挂载点下，然后根据父组件的某个变量来决定显示哪个，或者都不显示。 2、动态切换原理： 如示例代码： <!DOCTYPE html Vue动态组件 点击让子组件显示 var vm = new Vue({ el: ' app', data: { which_to 阅读全文
摘要：
Vue.js 2.0实战项目 基于Vue + Vuex + Vue router + Webpack 2.0 打造移动端音乐WebAPP，实现了轮播图、音乐推荐、歌手列表、音乐搜索、注册等功能。 技术栈 MVVM框架：Vue.js 2.0 状态管理：Vuex 前端路由：Vue router 数据交互 阅读全文
摘要：
本文实例讲述了js选项卡的实现方法。 一、html代码： 选项1 选项2 选项3 二、css样式： div1 div{ width:200px; height:200px; border:1px 000 solid; display:none; } .active{ background:red; 阅读全文
摘要：
闭包定义 在JavaScript中，当一个内部函数被其外部函数之外的变量引用时，就形成了一个闭包。简单说，闭包就是能够读取其他函数内部变量的函数。 闭包简单应用 例一： function a() { var i = 0; function b() { console.log(++i); } retu 阅读全文
摘要：
使用 Vue.js 2.0 模仿百度搜索框 <!DOCTYPE html Vue模拟百度搜索 body, html{ padding: 0; margin: 0; } box{ margin top: 80px; display: flex; flex direction: column; alig 阅读全文