sass(Syntactically Awesome Style Sheets)是一个css预处理器,提供了许多便利的写法。 sass坚持了DRY(don`t repeat yourself)的原则,它可以提高css的开…
标签:前端开发
前端性能优化小结
优化 优化的目的是提升用户体验,减少网页加载时间。我们可以依据雅虎军规来对项目进行优化。 关于DOM 减少DOM元素的数量,不要嵌套太深,正常页面的DOM元素数量一般不应该超过1000。 尽量少用iframe。 避免空的…
ES6对函数的拓展(2018-05-10)
参数的默认值 在开发中,给函数的参数指定默认值,是很普遍很常见的一个需求,我们先来回顾一下传统的实现方式,对比着看更好理解: function person(n,a){&n…
HTTP2 协议前瞻
HTTP/2 优势 HTTP/2 采用二进制格式传输数据,而非 HTTP/1.x 的文本格式。二进制格式在协议的解析和优化扩展上带来更多的优势和可能。 HTTP/2 对消息头采用 HPACK 进行压缩传输,能够节省消息头…
前端优化:几个技巧,提高 Web 性能(结尾资料分享
· 减少HTTP请求 因为手机浏览器同时响应请求为4个请求(Android支持4个,iOS 5后可支持6个),所以要尽量减少页面的请求数,首次加载同时请求数不能超过4个 a) 合并CSS、JavaScript …
webstorm ECMAScript 6 语法检查
打开 webstorm 进行设置 ( File >> setting >> Languages & Frameworks >> JavaScript >> ECMA…
Java学习路线图
Java是一个通用的编程语言,其实可以干很多事,怎么学Java就看怎么用了,但有一些一般的步骤: 熟悉一种文本编辑器,比如Vim, Emacs, Notepad++, TextMate等。知道哪些是开源的,哪些是闭源的,…
浅谈NodeJs的模块机制
历史 我们都知道,js在刚被创建的时候,只是为了在网页上写一些小脚本而已,比如网页特效,表单验证等等,创立者也许没觉悟到以后的js会发展到如此规模。这是web1.0时代。 在web 2.0时代,各种前端库,前端框架被开发…
js笔记三十九之call,apply和bind的区别
call var obj = {name:"lilei"}; function fn(num1,num2){ console.log(num1+num2); console.log(this); } fn(100,200…
如何用webpack打包一个网站应用?
随着前端技术的发展,越来越多新名词出现在我们眼前。angularjs、react、gulp、webpack、es6、babel……新技术出现,让我们了解了解用起来吧!今天我来介绍一下如何用webpack打包一个网页应用。…
js笔记十三之字符串及常用方法
字符串常用方法 在js中用单(双)引号包起来的都是字符串 var str = "welcome to javascript,good good study,day day up!" // -> 字符创就是由零到多个…
JavaScript ES6 让我们写得少,做得多
JavaScript ES6 带来了新的语法和新的强大功能,使您的代码更现代,更易读。它允许您编写更少的代码并执行更多操作。 ES6 向我们介绍了许多强大的功能,如箭头函数,模板字符串,对象结构,模块等,让我们来看看。 …