logo头像

人生若只如初见

前端

ES6使你的代码更简洁

展开操作符ES6引入了 ... 操作符,它被称为 “展开操作符”。 它有两个主要用途:将数组或对象传播到新的数组或对象中,并将多个参数合并到一个数组中。 第一个用例是你可能遇到的最多的用例,所以我们先看看。1234let a = [3...

JavaScript 编码简写技巧

JavaScript 编码简写技巧

for 循环简写普通写法:123for (let i = 0; i < allImgs.length; i++){} 简写:123for (let index of allImgs){}...

ES6模块的import和export用法总结

ES6模块主要有两个功能:export和import export用于对外输出本模块(一个文件可以理解为一个模块)变量的接口 import用于在一个模块中加载另一个含有export接口的模块。 例子一123456// foo.jsl...

vue项目首屏优化之路由懒加载

当打包构建应用时,Javascript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。结合 Vue 的异步组件和 Webpack 的代码分割功能...

vue使用rem适配移动端

vu移动端使用vant-ui、mint-ui,想做移动端适配,可以借助px2rem 插件方便的将px单位转为了rem。 安装1npm install px2rem-loader lib-flexible --save 在项目入口文件...

JavaScript的闭包问题

JavaScript是一种非常强大的函数式编程语言,可以动态创建函数对象。 由于JavaScript还支持闭包(Closure),因此,函数可以引用其作用域外的变量,非常强大。 来看看在JavaScript中使用闭包的陷阱: 1234...

hexo-abbrlink介绍

前言hexo的地址默认提供的方案是使用年/月/日/标题,这简直反人类啊,写博客的标题是中文,中文的网址给我带来了许多麻烦。那要怎么优化地址呢? 需求 全自动生成唯一连接 重复生成不会覆盖 尽量短小精悍 持久保存可供修改 不引用外部模块...

HTML5存储使用详解(本地存储、会话存储)

1,Web存储介绍HTML5的Web存储功能是让网页在用户计算机上保存一些信息。Web存储又分为两种:(1)本地存储,对应 localStorage 对象。用于长期保存网站的数据,并且站内任何页面都可以访问该数据。(2)会话存储,对应...

三张图搞懂JavaScript的原型对象与原型链

对于新人来说,JavaScript的原型是一个很让人头疼的事情,一来prototype容易与proto混淆,二来它们之间的各种指向实在有些复杂,其实市面上已经有非常多的文章在尝试说清楚,有一张所谓很经典的图,上面画了各种线条,一会连接...

Gitment:使用 GitHub Issues 搭建评论系统

Gitment 是作者实现的一款基于 GitHub Issues 的评论系统。支持在前端直接引入,不需要任何后端代码。可以在页面进行登录、查看、评论、点赞等操作,同时有完整的 Markdown / GFM 和代码高亮支持。尤为适合各种...