蓝戒的博客_逐梦天空-专注于web前端开发|用户体验_Page 2
-
Nov082018
1. 什么是高阶函数？
高阶函数英文叫Higher-order function。
JavaScript的函数其实都指向某个变量。既然变量可以指向函数，函数的参数能接收变量，那么一个函数就可以接收另一个函数作为参数，这种函数就称之为高阶函数。
由此看，高阶函数是指至少满足下列条件之一的函数
函数可以作为参数被传递
函数可以作为返回值输出
2. Js中几种高阶函数
常见的高阶函数有: Map、Reduce、Filter、So...阅读全文
-
Nov072018
web前端安全攻防揭秘
Web安全的关键点
1.数据与指令
2.浏览器的同源策略
3.信任与信任关系
4.社会工程学的作用
5.攻防不单一
6.场景很重要
web前端安全最受关注的三种前端攻击包括：XSS攻击、CSRF攻击、界面操作劫持
1. XSS攻击
1.1. Cross Site Script（跨站脚本攻击 ）
恶意攻击者往Web页面里插入恶意Script代码，当用户浏览该页之时，嵌入其中Web里面的Script代码会被执行，从而...阅读全文
-
Nov062018
1. NVM 是什么？
NVM——Node Version Manager（Node版本管理器），用它可以方便的在机器上安装并维护多个Node的版本。那么为什么需要多个版本呢？场景有很多，比方说：你可能同时进行两个项目，而不同项目所使用的node版本是不一样的；又或者你要用更新的版本是做一些实验。这种情况下，如果没有NVM自己去安装和维护多个版本的node也是一件比较麻烦的事情。这就是NVM的价值。
2. windows下...阅读全文
-
Nov012018
理解什么是重绘和重排？
1、重绘(Repaint)
重绘（repaint或redraw）：当盒子的位置、大小以及其他属性，例如颜色、字体大小等都确定下来之后，浏览器便把这些原色都按照各自的特性绘制一遍，将内容呈现在页面上。重绘是指一个元素外观的改变所触发的浏览器行为，浏览器会根据元素的新属性重新绘制，使元素呈现新的外观。
重绘不会带来重新布局，所以并不一定伴随重排。
"重绘"不一定需要"...阅读全文
-
Oct302018
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...阅读全文
-
Oct112018
Particleground简介：
Particleground是一个JavaScript插件，用于时髦的后台粒子系统。包括鼠标在桌面设备和移动设备上的陀螺仪控制的可选视差效果。在支持HTML5画布的浏览器中工作。
查看demo
初始化：
particleground(document.getElementById('your-element');
注意事项：
v1.0.0以上版本支持js原生调用，不必依赖jquery。
具体使用方法...阅读全文
-
Oct102018
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...阅读全文
-
Oct092018
前情介绍：
最近做的一个vue项目中，使用echart图表组件展示数据，展示方式是点击按钮弹出弹层，在弹层中展示图表，使用vue组件方式：通过监听数据变化，在调用图表组件的页面中使用如下方法刷新数据:
this.$nextTick(function() {
// 在这里赋值图表数据，渲染视图
})
问题描述：
弹出层的图表展示有时无法100%自适应宽度，图表数据展示如果是在页面中正常初始化就...阅读全文
-
Sep282018
eruda--移动端调试神器：
Eruda 是一个专为手机网页前端设计的调试面板，类似 DevTools 的迷你版，其主要功能包括：捕获 console 日志、检查元素状态、显示性能指标、捕获 XHR 请求、显示本地存储和 Cookie 信息、浏览器特性检测等等。
1.eruda安装
npm i eruda --save
2.Main.js 引用
import eruda from 'eruda'
eruda.init();
3.开启面板
面板简介...阅读全文
-
Sep202018
概念理解
函数节流和函数防抖，两者都是优化高频率执行js代码的一种手段。
函数节流（throttle）与 函数防抖（debounce）都是为了限制函数的执行频次，以优化函数触发频率过高导致的响应速度跟不上触发频率，出现延迟，假死或卡顿的现象。
函数防抖（debounce）
当调用动作过n毫秒后，才会执行该动作，若在这n毫秒内又调用此动作则将重新计算执行时间
函数节流（throttle）
预先设定...阅读全文
来自的朋友,欢迎您
点击这里 订阅我的博客 o(∩_∩)o~~~
1. 什么是高阶函数？ 高阶函数英文叫Higher-order function。 JavaScript的函数其实都指向某个变量。既然变量可以指向函数，函数的参数能接收变量，那么一个函数就可以接收另一个函数作为参数，这种函数就称之为高阶函数。 由此看，高阶函数是指至少满足下列条件之一的函数 函数可以作为参数被传递 函数可以作为返回值输出 2. Js中几种高阶函数 常见的高阶函数有: Map、Reduce、Filter、So...阅读全文抢沙发
web前端安全攻防揭秘 Web安全的关键点 1.数据与指令 2.浏览器的同源策略 3.信任与信任关系 4.社会工程学的作用 5.攻防不单一 6.场景很重要 web前端安全最受关注的三种前端攻击包括：XSS攻击、CSRF攻击、界面操作劫持 1. XSS攻击 1.1. Cross Site Script（跨站脚本攻击 ） 恶意攻击者往Web页面里插入恶意Script代码，当用户浏览该页之时，嵌入其中Web里面的Script代码会被执行，从而...阅读全文
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...阅读全文
前情介绍： 最近做的一个vue项目中，使用echart图表组件展示数据，展示方式是点击按钮弹出弹层，在弹层中展示图表，使用vue组件方式：通过监听数据变化，在调用图表组件的页面中使用如下方法刷新数据: this.$nextTick(function() { // 在这里赋值图表数据，渲染视图 }) 问题描述： 弹出层的图表展示有时无法100%自适应宽度，图表数据展示如果是在页面中正常初始化就...阅读全文作者：cywcd | 分类：javascript | 阅读： 1,933 次 | 标签：echart
eruda--移动端调试神器： Eruda 是一个专为手机网页前端设计的调试面板，类似 DevTools 的迷你版，其主要功能包括：捕获 console 日志、检查元素状态、显示性能指标、捕获 XHR 请求、显示本地存储和 Cookie 信息、浏览器特性检测等等。 1.eruda安装 npm i eruda --save 2.Main.js 引用 import eruda from 'eruda' eruda.init(); 3.开启面板 面板简介...阅读全文作者：cywcd | 分类：javascript | 阅读： 1,358 次 |
概念理解 函数节流和函数防抖，两者都是优化高频率执行js代码的一种手段。 函数节流（throttle）与 函数防抖（debounce）都是为了限制函数的执行频次，以优化函数触发频率过高导致的响应速度跟不上触发频率，出现延迟，假死或卡顿的现象。 函数防抖（debounce） 当调用动作过n毫秒后，才会执行该动作，若在这n毫秒内又调用此动作则将重新计算执行时间 函数节流（throttle） 预先设定...阅读全文作者：cywcd | 分类：javascript | 阅读： 2,195 次 |