ES6箭头函数

ES6的箭头函数其实就是词法作用域的一种方式,它本身没有this,所以会向上寻找有this的作用域当做自己的作用域;而普通函数的this是运行时动态绑定的,也就是指向调用者的作用域(上下文环境) 所以呢? function Person() { var self = this; self.age = 0; setInterval(function growUp() { self.age++; }, 1000); } // 可以改成这么写,是不是简化了很多? function Person() { this. »

vue-cli定制脚手架

年初的时候公司的老后台系统实在难以维护和继续在其上开发了,因为这个系统被很多人写过页面,有前端有后端,编写前端代码时都非常随意,加之没有模块化,复用性和可维护性都极低,便下定决定,重新搞一套。 经过一段时间的调研选择了vue全家桶+elementUI来开发后台系统,让交互体验更好,让开发体验更好,让生产效率提高。 从零搭建其实考虑的事情还挺多的,比如: 如何管理代码仓库 开发环境,测试环境搭建 如何接入公司的打包上线流程 如何目录划分 如何划分模块 登录和权限如何做 这篇文章来记录下和脚手架相关的改造,首先其实就是上了vue-cli来做,可是呢?由于预计项目会有很多页面, »

Date

嗯嗯,今天复习一下js中原生的Date对象~不不。。是预习。。。 翻了一下MDN,没错Date对象有一大坨方法,先不管那么多,先来了解一下构造方法: 四种用法: new Date(): 默认是当前时间 new Date(value):value是时间戳 new Date(dateString):这个dateString比较多,不太好记忆,用到的时候试试就好啦,该字符串必须能被Date.parse()识别才行哦,不过文档上是不推荐在ES5之前使用的, »

DOM之度量

一个网页就是一个图纸,前端工程师的任务就是把图纸中所有元素的尺寸和大小规划好,然后把它们安放在图纸相应的位置。有时候我们需要度量元素的位置和坐标,那么我们来复习一下和度量有关的那些事儿吧~翻译原文的链接here css盒模型 一个文档例子 <div id="example"> ## Introduction The contents. </div> 这个文档盒子绝对定位,有borders、paddings、margins、和滚动条: #example { position: »

DOM之样式

jQuery有css这个方法很便利的获取或者设置文档的样式,如果原生的方式呢?可以回顾一下js是如果操作DOM样式的。 className className属性总是和html上的class特性保持一致的。用法例如: <body class="class1 class2"> <script> alert(document.body.className) document.body.className += ' class3' </script& »