蓝戒的博客_逐梦天空-专注于web前端开发|用户体验
-
Oct282019
1. 在vue中v-for和v-if不要放在同一个元素上使用。
由于 v-for 和 v-if 放在同一个元素上使用会带来一些性能上的影响. 官方给出的建议是在计算属性上过滤之后再进行遍历。
2. 动态加载组件。
在同一个页面中如果不需要立刻展示的组件，可以使用动态组件（动态组件主页面加载是不会加载，等到触发条件时才加载该组件，并且加载一次后就有缓存）。
3. 路由懒加载
当打包构建...阅读全文
-
Aug262019
1.什么是WebSocket及原理
WebSocket是HTML5中新协议、新API。 WebSocket从满足基于Web的日益增长的实时通信需求应运而生，解决了客户端发起多个Http请求到服务器资源浏览器必须要在经过长时间的轮询问题，实现里多路复用，是全双工、双向、单套接字连接，在WebSocket协议下服务器和客户端可以同时发送信息。
原理：
WebSocket 同 HTTP 一样也是应用层的协议，但是它是一种双向通信协议，...阅读全文
-
Aug062019
create-react-app 创建项目,运行eject生成配置文件，
运行eject，暴露webpack配置，报错及产生的相关问题分享
1. npm run eject
运行eject命令报错处理方案：
主要问题是脚手架添加.gitgnore文件，但是却没有本地仓库
create-react-app project
cd project
git init
git add .
git commit -m "saving before ejecting" npm run eject
**注: 此操作不可逆
2. 如运行np...阅读全文
-
May132019
js的循环遍历方法总结
一、原生的 js 循环
for - 循环代码块一定的次数。
for/in - 循环遍历对象的属性。
while - 当指定的条件为 true 时循环指定的代码块。
do/while - 同样当指定的条件为 true 时循环指定的代码块。
forEach - 方法用于调用数组的每个元素，并将元素传递给回调函数。
map - 返回一个新数组，数组中的元素为原始数组元素调用函数处...阅读全文
-
Feb202019
对象拷贝首推简单有效的方法：JSON.stringfy()和JSON.parse()即可搞定。但是这种简单粗暴的方法有其局限性。当值为undefined、function、symbol 会在转换过程中被忽略...所以，对象值有这三种的话用这种方法会导致属性丢失。
利用window.JSON的方法做深拷贝存在2个缺点:
如果你的对象里有函数,函数无法被拷贝下来
无法拷贝copyObj对象原型链上的属性和方法
弄懂...阅读全文
-
Nov272018
路由作为单页面应用连接页面的桥梁，而参数在其中扮演着非常重要的角色，在两座之间桥梁是否能够连接成功起着重要作用。
在vue中根据vue-router官网，我们知道vue路由组件传参提供了三种基本的传参方式：布尔模式、对象模式、函数模式；具体查看官网：路由组件传参
了解完了路由组件传参原理以后，接下来我们总结一下路由传参的方法和技巧：
路由传参方案
路由传...阅读全文
-
Nov272018
最近在推进多个不同项目中使用nvmw管理不同的node版本，其中有一个项目之前使用对应的node版本npm run dev 和 npm install 都是正常的，切换回项目node版本，再次使用npm run dev 时却报错：
npm ERR! code EIO
npm ERR! errno -4070
npm ERR! syscall read
npm ERR! EIO: i/o error, read
经过查询资料了解到是因为windows的cmd 系统编码问题，在Windows命令提示符中存在Unicode...阅读全文
-
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下...阅读全文
来自的朋友,欢迎您
点击这里 订阅我的博客 o(∩_∩)o~~~
1. 在vue中v-for和v-if不要放在同一个元素上使用。 由于 v-for 和 v-if 放在同一个元素上使用会带来一些性能上的影响. 官方给出的建议是在计算属性上过滤之后再进行遍历。 2. 动态加载组件。 在同一个页面中如果不需要立刻展示的组件，可以使用动态组件（动态组件主页面加载是不会加载，等到触发条件时才加载该组件，并且加载一次后就有缓存）。 3. 路由懒加载 当打包构建...阅读全文抢沙发
1.什么是WebSocket及原理 WebSocket是HTML5中新协议、新API。 WebSocket从满足基于Web的日益增长的实时通信需求应运而生，解决了客户端发起多个Http请求到服务器资源浏览器必须要在经过长时间的轮询问题，实现里多路复用，是全双工、双向、单套接字连接，在WebSocket协议下服务器和客户端可以同时发送信息。 原理： WebSocket 同 HTTP 一样也是应用层的协议，但是它是一种双向通信协议，...阅读全文
create-react-app 创建项目,运行eject生成配置文件， 运行eject，暴露webpack配置，报错及产生的相关问题分享 1. npm run eject 运行eject命令报错处理方案： 主要问题是脚手架添加.gitgnore文件，但是却没有本地仓库 create-react-app project cd project git init git add . git commit -m "saving before ejecting" npm run eject **注: 此操作不可逆 2. 如运行np...阅读全文
js的循环遍历方法总结 一、原生的 js 循环 for - 循环代码块一定的次数。 for/in - 循环遍历对象的属性。 while - 当指定的条件为 true 时循环指定的代码块。 do/while - 同样当指定的条件为 true 时循环指定的代码块。 forEach - 方法用于调用数组的每个元素，并将元素传递给回调函数。 map - 返回一个新数组，数组中的元素为原始数组元素调用函数处...阅读全文作者：cywcd | 分类：javascript | 阅读： 357 次 | 标签：js循环
对象拷贝首推简单有效的方法：JSON.stringfy()和JSON.parse()即可搞定。但是这种简单粗暴的方法有其局限性。当值为undefined、function、symbol 会在转换过程中被忽略...所以，对象值有这三种的话用这种方法会导致属性丢失。 利用window.JSON的方法做深拷贝存在2个缺点: 如果你的对象里有函数,函数无法被拷贝下来 无法拷贝copyObj对象原型链上的属性和方法 弄懂...阅读全文评论关闭
路由作为单页面应用连接页面的桥梁，而参数在其中扮演着非常重要的角色，在两座之间桥梁是否能够连接成功起着重要作用。 在vue中根据vue-router官网，我们知道vue路由组件传参提供了三种基本的传参方式：布尔模式、对象模式、函数模式；具体查看官网：路由组件传参 了解完了路由组件传参原理以后，接下来我们总结一下路由传参的方法和技巧： 路由传参方案 路由传...阅读全文
最近在推进多个不同项目中使用nvmw管理不同的node版本，其中有一个项目之前使用对应的node版本npm run dev 和 npm install 都是正常的，切换回项目node版本，再次使用npm run dev 时却报错： npm ERR! code EIO npm ERR! errno -4070 npm ERR! syscall read npm ERR! EIO: i/o error, read 经过查询资料了解到是因为windows的cmd 系统编码问题，在Windows命令提示符中存在Unicode...阅读全文
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下...阅读全文