总一把烂牌-CSDN博客

原创 JS模板引擎---mustache与HandleBars

JS模板引擎—mustache与HandleBars以前总听说模板引擎这个东西然而却没有研究过，这两天研究了一下模板引擎，最开始接触了mustache，它是一个客户端的模板引擎。然后想了解一下服务端模板引擎，最开始接触了Jade发现这货太抽象风格不适合我。最后选择了 HandleBars 这款模板引擎。它是mustache的一个扩展，支持客户端和服务端，很强大很好用，具体在客户端和服务端怎么使

2016-07-19 21:54:16 5137 2

原创关于空href和src对渲染影响的验证和思考

看到一篇关于前端优化策略的文章，提到了一条“避免页面中空的href和空的src”，原文是这样的：当<link>标签的href属性为空，或<script>、<img>、<iframe>标签的src属性为空时，浏览器在渲染的过程中仍会将href属性或src属性中的空内容进行加载，直至加载失败，这样就阻塞了页面中其他资源...

2020-02-28 23:04:06 483 1

原创【requireJS使用心得】

【requireJS使用心得】昨天了解了一下requireJS. 这个已经流行了一段时间了，准备在下一个项目中尝试使用它。它有以下作用：声明了不同JS文件之间的依赖性使我们的代码模块化可以按需、并行、延时载入js库一.引入<script src="http://cdn.bootcss.com/require.js/2.2.0/require.min.js" data-main='config

2016-07-28 11:07:34 477 1

原创【ES6学习笔记】-----箭头函数与symbol

【ES6学习笔记】—–箭头函数与symbol一.箭头函数我们在ES6以前写函数使用function这个关键字。但是字ES6中出现了 =>, 有点像lambda表达式的感觉。这是ES6编写函数的新语法。它使我们的代码变得更加简洁。比如我们在ES5可能会写如下代码var overArr = mobileArr.map(function(dir){ return dir.ifselect

2016-07-25 22:12:23 579 1

原创使用gulp＋Babel 编译 ES6

使用gulp＋Babel 编译 ES6首先先安装 gulp 和 Babelnpm install gulp --save-devnpm install gulp-babel --save-devnpm install gulp-rename --save-dev//重命名npm install babel-preset-es2015 --save-dev//最后一个包一定要有，因为它是编译E

2016-07-22 22:30:36 4585

转载【转】React组件声明周期

【转】React组件声明周期转自大神。。备份一下~参考链接 http://reactjs.cn/react/docs/component-specs.html组件render : function(){} 必须方法。返回null或false表示不渲染任何东西。getInitialState : function(){} 返回值将作为this.state的初始

2016-07-22 11:23:17 329

原创【浏览器渲染原理】渲染树和页面渲染

【浏览器渲染原理】渲染树和页面渲染我们主要讨论以下列出的几个问题：什么是渲染树？和DOM树及CSSOM树有什么关系？渲染树是如何形成的？浏览器渲染顺序问题1.什么是渲染树？和DOM树及CSSOM树有什么关系？首先我们得先了解一下渲染的基本步骤当用户请求的资源通过浏览器网络层到达渲染引擎后。渲染工作就会开始。第一步：浏览器解析HTML文档和解析CSS样式表形成DO

2016-07-16 10:06:39 3299 5

总一把烂牌的博客