蓝戒的博客_逐梦天空-专注于web前端开发|用户体验_Page 2
Nov 06 2018
1. NVM 是什么？
NVM——Node Version Manager（Node版本管理器），用它可以方便的在机器上安装并维护多个Node的版本。那么为什么需要多个版本呢？场景有很多，比方说：你可能同时进行两个项目，而不同项目所使用的node版本是不一样的；又或者你要用更新的版本是做一些实验。这种情况下，如果没有NVM自己去安装和维护多个版本的node也是一件比较麻烦的事情。这就是NVM的价值。
2. windows下... 阅读全文
Nov 01 2018
理解什么是重绘和重排？
1、重绘(Repaint)
重绘（repaint或redraw）：当盒子的位置、大小以及其他属性，例如颜色、字体大小等都确定下来之后，浏览器便把这些原色都按照各自的特性绘制一遍，将内容呈现在页面上。重绘是指一个元素外观的改变所触发的浏览器行为，浏览器会根据元素的新属性重新绘制，使元素呈现新的外观。
重绘不会带来重新布局，所以并不一定伴随重排。
"重绘"不一定需要"... 阅读全文
Oct 30 2018
crypto-js
crypto-js 是一个纯 javascript 写的加密算法类库 ，可以非常方便地在 javascript 进行 MD5、SHA1、SHA2、SHA3、RIPEMD-160 哈希散列，进行 AES、DES、Rabbit、RC4、Triple DES 加解密。
1.使用方法：
1.1. 步骤
1.1.1.安装：
npm install crypto-js
1.1.2.使用示例：
ES6模块引入方法：
import sha256 from 'crypto-js/sha256';
import hmacSHA512 from 'crypto... 阅读全文
Oct 11 2018
Particleground简介：
Particleground是一个JavaScript插件，用于时髦的后台粒子系统。包括鼠标在桌面设备和移动设备上的陀螺仪控制的可选视差效果。在支持HTML5画布的浏览器中工作。
查看demo
初始化：
particleground(document.getElementById('your-element');
注意事项：
v1.0.0以上版本支持js原生调用，不必依赖jquery。
具体使用方法... 阅读全文
Oct 10 2018
momentJS使用及中文API
一、momnetJS使用
1. npm安装
npm install moment --save # npm
或者官网http://momentjs.com/ 下载js文件script标签引入
2. momentJS使用示例：
2.1. 格式日期：
moment(data).format("YYYY-MM-DD"); // data为日期的字符串形式
moment().format("YYYY-MM-DD"); // 输出当前日期
moment... 阅读全文
Oct 09 2018
前情介绍：
最近做的一个vue项目中，使用echart图表组件展示数据，展示方式是点击按钮弹出弹层，在弹层中展示图表，使用vue组件方式：通过监听数据变化，在调用图表组件的页面中使用如下方法刷新数据:
this.$nextTick(function() {
// 在这里赋值图表数据，渲染视图
})
问题描述：
弹出层的图表展示有时无法100%自适应宽度，图表数据展示如果是在页面中正常初始化就... 阅读全文
Sep 28 2018
eruda--移动端调试神器：
Eruda 是一个专为手机网页前端设计的调试面板，类似 DevTools 的迷你版，其主要功能包括：捕获 console 日志、检查元素状态、显示性能指标、捕获 XHR 请求、显示本地存储和 Cookie 信息、浏览器特性检测等等。
1.eruda安装
npm i eruda --save
2.Main.js 引用
import eruda from 'eruda'
eruda.init();
3.开启面板
面板简介... 阅读全文
Sep 20 2018
概念理解
函数节流和函数防抖，两者都是优化高频率执行js代码的一种手段。
函数节流（throttle）与 函数防抖（debounce）都是为了限制函数的执行频次，以优化函数触发频率过高导致的响应速度跟不上触发频率，出现延迟，假死或卡顿的现象。
函数防抖（debounce）
当调用动作过n毫秒后，才会执行该动作，若在这n毫秒内又调用此动作则将重新计算执行时间
函数节流（throttle）
预先设定... 阅读全文
Sep 09 2018
1、SyntaxError
SyntaxError是解析代码时发生的语法错误
// 变量名错误
var 1a;
// 缺少括号
console.log 'hello');
2、ReferenceError
ReferenceError是引用一个不存在的变量时发生的错误。
unknownVariable
// ReferenceError: unknownVariable is not defined
另一种触发场景是，将一个值分配给无法分... 阅读全文
Jul 25 2018
一、 PWA登场背景
很长时间以来我们对项目采用web app 还是 native app的选择上有一些不可调和的矛盾点，究其实质就是用户体验和性能成本问题。
Web App vs Native App 优缺点对比：
理想很美好，优点：
开发成本较低：使用web开发技术就可以轻松的完成web app的开发。
维护比较轻松：web app和一般的web一样，维护比较简单，它其实就是一个站点。
跨平台：一套代码实现a... 阅读全文
来自的朋友,欢迎您
点击这里 订阅我的博客 o(∩_∩)o~~~
1. NVM 是什么？ NVM——Node Version Manager（Node版本管理器），用它可以方便的在机器上安装并维护多个Node的版本。那么为什么需要多个版本呢？场景有很多，比方说：你可能同时进行两个项目，而不同项目所使用的node版本是不一样的；又或者你要用更新的版本是做一些实验。这种情况下，如果没有NVM自己去安装和维护多个版本的node也是一件比较麻烦的事情。这就是NVM的价值。 2. windows下...阅读全文抢沙发
理解什么是重绘和重排？ 1、重绘(Repaint) 重绘（repaint或redraw）：当盒子的位置、大小以及其他属性，例如颜色、字体大小等都确定下来之后，浏览器便把这些原色都按照各自的特性绘制一遍，将内容呈现在页面上。重绘是指一个元素外观的改变所触发的浏览器行为，浏览器会根据元素的新属性重新绘制，使元素呈现新的外观。 重绘不会带来重新布局，所以并不一定伴随重排。 "重绘"不一定需要"...阅读全文
crypto-js crypto-js 是一个纯 javascript 写的加密算法类库 ，可以非常方便地在 javascript 进行 MD5、SHA1、SHA2、SHA3、RIPEMD-160 哈希散列，进行 AES、DES、Rabbit、RC4、Triple DES 加解密。 1.使用方法： 1.1. 步骤 1.1.1.安装： npm install crypto-js 1.1.2.使用示例： ES6模块引入方法： import sha256 from 'crypto-js/sha256'; import hmacSHA512 from 'crypto...阅读全文
Particleground简介： Particleground是一个JavaScript插件，用于时髦的后台粒子系统。包括鼠标在桌面设备和移动设备上的陀螺仪控制的可选视差效果。在支持HTML5画布的浏览器中工作。 查看demo 初始化： particleground(document.getElementById('your-element'); 注意事项： v1.0.0以上版本支持js原生调用，不必依赖jquery。 具体使用方法...阅读全文
momentJS使用及中文API 一、momnetJS使用 1. npm安装 npm install moment --save # npm 或者官网http://momentjs.com/ 下载js文件script标签引入 2. momentJS使用示例： 2.1. 格式日期： moment(data).format("YYYY-MM-DD"); // data为日期的字符串形式 moment().format("YYYY-MM-DD"); // 输出当前日期 moment...阅读全文
eruda--移动端调试神器： Eruda 是一个专为手机网页前端设计的调试面板，类似 DevTools 的迷你版，其主要功能包括：捕获 console 日志、检查元素状态、显示性能指标、捕获 XHR 请求、显示本地存储和 Cookie 信息、浏览器特性检测等等。 1.eruda安装 npm i eruda --save 2.Main.js 引用 import eruda from 'eruda' eruda.init(); 3.开启面板 面板简介...阅读全文作者：cywcd | 分类：javascript | 阅读： 439 次 |
概念理解 函数节流和函数防抖，两者都是优化高频率执行js代码的一种手段。 函数节流（throttle）与 函数防抖（debounce）都是为了限制函数的执行频次，以优化函数触发频率过高导致的响应速度跟不上触发频率，出现延迟，假死或卡顿的现象。 函数防抖（debounce） 当调用动作过n毫秒后，才会执行该动作，若在这n毫秒内又调用此动作则将重新计算执行时间 函数节流（throttle） 预先设定...阅读全文作者：cywcd | 分类：javascript | 阅读： 465 次 |
1、SyntaxError SyntaxError是解析代码时发生的语法错误 // 变量名错误 var 1a; // 缺少括号 console.log 'hello'); 2、ReferenceError ReferenceError是引用一个不存在的变量时发生的错误。 unknownVariable // ReferenceError: unknownVariable is not defined 另一种触发场景是，将一个值分配给无法分...阅读全文作者：cywcd | 分类：javascript | 阅读： 660 次 |
一、 PWA登场背景 很长时间以来我们对项目采用web app 还是 native app的选择上有一些不可调和的矛盾点，究其实质就是用户体验和性能成本问题。 Web App vs Native App 优缺点对比： 理想很美好，优点： 开发成本较低：使用web开发技术就可以轻松的完成web app的开发。 维护比较轻松：web app和一般的web一样，维护比较简单，它其实就是一个站点。 跨平台：一套代码实现a...阅读全文