dengbaidong1556-优快云博客

转载 es6-Symbol

es5定义属性名只能使用字符串，这就可能导致一个问题，就是你定义的属性名跟别人定义的属性名冲突。为了解决这个问题，es6引入了一个新的原始数据类型Symbol。Symbol的值是通过Symbol函数生成的，现在的属性名可以有两种类型，一种是字符串，另一种就是Symbol类型，凡是Symbol类型的属性名就是独一无二的，不会与其它任何属性名冲入。Symbol概述定义一个Symbol类...

2019-09-18 13:09:00 132

转载套路

//定义undefinedvar a =undefined; //Beforevar a = void 0; //After//获取时间戳(new Date()).getTime();//Before+(new Date()); //After//取整parseInt(a,10); //Beforea>>0; //Before~~a; //Aftera|0;...

2019-09-18 11:18:00 110

转载 webpack 3 html插件：html-webpack-plugin

首先说明一下plugin是做什么的，plugin是用来扩展webpack的功能的，所有webpack自身无法实现的功能都可以通过开源的plugin实现。那么如何在webpack中配置plugin呢? plugin接收一个数组，数组的每一项是plugin的一个实例，每个plugin的配置项以参数的形式通过构造函数传递进去。下面要说的html-webpack-plugin是一个使用率非常高的...

2019-08-07 14:48:00 184

转载 webpack 2 webpack-dev-server

前面我们每次运行总是双击打开dist下的index.html文件，然而在我们做项目的时候这样是不行的，我们需要启动一个本地服务。这里我们使用webpack提供的webpack-dev-server。安装 npm install wekpack-dev-server -D wekpack-dev-server内部通过express实现, 运行时并不真正的生成打包文件，只是生成...

2019-08-05 20:08:00 163

转载 webpack 1 webpack基本介绍

webpack简介什么是webpack:webpack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一下浏览器不能直接运行的拓展语言（Scss, TypeScript等），并将其打包为合适的格式以供浏览器使用。可以做的事情：代码转换（es6转se5，Less,Scss转Css, TypeScript转JavaScript等）、文件优化（...

2019-07-31 14:06:00 169

转载 cookie

什么是cookie: cookie是保存在客户端的一块数据，一般用来保存用户相关的信息。按照存在的时间上，可分为非持久cookie和持久cookie。非持久cookie：如果cookie未设置过期时间，或者过期时间未小于当前时间的一个值，那么这个cookie数据是存储在内存中的，当用户关闭浏览器时会话结束，内存cookie就消失了。持久cookie：如果cookie设置了一个未...

2019-07-19 16:07:00 103

转载一个页面从输入 URL 到页面加载显示完成，这个过程中都发生了什么？

1.在浏览器地址栏输入地址 https://www.qingyidai.com2.如果页面使用强缓存，并且缓存未过期，使用本地缓存，到第13步3.查找浏览器DNS缓存，解析域名，得到Ip，到第8步4.查找本地hosts文件，解析域名，得到Ip，到第8步5.查找本地DNS缓存，解析域名，得到Ip，到第8步6.查找本地DNS服务器，解析域名，得到Ip，到第8步7. 查找各级域名服务器，解析...

2019-07-17 15:42:00 144

转载 vue+webpack+es6项目搭建

前提是已安装了nodejs，可以使用npm包管理器全局安装npm的国内淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org全局安装vue脚手架cnpm install vue-cli -g创建vue项目，是一个有完整webpack配置的项目vue init webpack myProject根据提示输入...

2019-07-05 13:15:00 231

转载页面适配的rem换算

假设我们规定一个标准，设计图中apx对应页面上1rem，也就是对于设备上的基准fontSize=bpx,当然这个bpx是根据具体设备而变的bpx = apx * 实际设备分辨率 / 设计图分辨率,这个关系是固定的，所以我们可以在js先计算出这个设备的基准fontSize=bpx然后在css中设置元素的xrem长度是怎么计算的呢,假设设计图中这个元素的长度ylpxypx / apx = ...

2018-07-03 15:25:00 283

转载 jsx中如何解决{if…else…}的问题

简单短小的判断使用三元表达式，复杂代码较多的使用变量或函数1三元表达式，结果中只有变量{borrowerData.serviceRate ? borrowerData.serviceRate +'%' : ''}2三元表达式，结果中有变量和html元素{borrowerData.serviceRee ? <td style={{ width: '30%' }...

2018-05-10 10:41:00 247