- 博客(18)
- 收藏
- 关注
RSS订阅
原创 前端工程化(一)
前言web应用复杂度的增加，特别是单页面应用的风靡。组件化，工程化，自动化成了前端发展的趋势。或者说一线的互联网公司就是这么做的。前端工程的3个阶段第一阶段： 库/框架选型Animate.css jQuery vue.js underscore.js React.js Backbone.js Bootstarp zepto.js jade normalize.css compas
2017-01-12 19:04:09
4163
1
原创 前端自动化（一）
随着前端技术栈的发展，形成了自动化，工程化等相关概念。工具化在前端的技术栈发展过程中，出现了很多的工具，形成了工具化，能够用工具完成的绝不要手工完成，来帮助开发者提升效率。 1. 前端工作流工具： Gulp，Grunt 2. 前端js模块编译工具：Babel，Browserify，Webpack 3. 包管理器： npm，bower 4. 前端开发系列工具： livereload，数据moc
2017-01-08 17:03:51
4366
原创 web前端性能(一)
浏览器的加载速度和性能关于性能，我们要先理解整个页面从准备加载新页面，到load事件结束这个过程的细节是什么，怎么完成的，浏览器是怎么加载的，怎么解析的，以及相关的很多细节问题，这些将构成我们性能优化的基础知识。这篇文章可以算的上我之前写的一篇文章从输入URL到页面加载，发生了什么的姊妹篇了。实际上这2篇文章都是在围绕着浏览器加载性能来说的，我认为前一篇文章，还是没有说明一些问题，比如：浏览器会请求
2017-01-12 18:18:43
2069
原创 从输入URL到页面加载，发生了什么
整理之前的笔记时，发现之前的掌握的东西尚差的太远，就仔细查询了这个问题。总体来说，可以分为一下几个部分： 1. DNS解析 2. TCP连接 3. 发送HTTP请求 4. 服务器处理请求并返回HTTP报文 5. 浏览器解析渲染页面 6. 连接结束 DNS解析DNS解析是将域名转换成IP的过程,从用户在浏览器地址栏输入url开始 第1步：查找浏览器缓存 浏览器会检查缓存中有没有这个
2017-01-08 12:13:53
590
1
原创 window.requestAnimationFrame()的使用
window.requestAnimationFrame()API全解析
2016-12-23 19:38:38
16829
5
原创 gulp入门篇(一）
gulp简介: gulp是一个前端自动化的工具【构建工具】,使用流(stream)来处理内容。gulp的主要用于:搭建web服务器使用预处理器Sass，Less压缩优化资源，可以压缩JS CSS Html 图片自动将更新变化的代码实时显示在浏览器【前端实时化】……gulp还提供了丰富的插件,可自行查询……gulp使用的前提安装node.js在项目根目录下执行 npm init 创
2016-12-18 21:34:16
2474
原创 js提交数据
js提交表单数据时把form中的所有表格元素的name与value组成一个queryString，提交到后台。这用jQuery的方法来说，就是serialize. $(form).serialize();在后台解析出对应的字符值。我的一篇博课C#获取提交的serialize表单是这样实现的，这种在后端开发的时候要处理特殊的字符，也比较麻烦。而js内置的的Formdata提交的数据很好解析.
2016-10-10 19:03:50
4016
原创 js实现常见的排序算法
1.关于排序算法，讲解的大神实在太多，但想在一篇博客里找到优质的代码实现，还是困难的，反复的研究大神的博客和算法书籍。 2.代码都是优化后的。不就一个算法说明，代码逻辑是非常清晰的，实现的思想大神的博客很多，可以一一找到。 3.也欢迎大家提意见。/* *插入排序的实现 */function InsertSort2(arr){ var i,j,len = arr.leng
2016-10-08 20:29:22
1048
原创 json的操作应用实例
在自己做的商品收银页面中，反思这个页面的做法，觉得有必要做个笔记。 先来个系统截图： 简短的说明一下开单消费的业务流程： 1.页面加载成功后，出现左下角的datagrid,显示商品信息。 2.选择商品，可以多次多选，点击选中按钮，后台webservice返回的json数据加载显示在上面的datagrid里,（为了便于区分，这个取名datagrid1，左下角的那个取名d
2016-07-24 12:19:10
1777
原创 jQuery源码解读一
在使用jQuery的过程中，深深体会着jQuery的宗旨：write less, do more. 在解读jQuery书上有句话我特别的喜欢，送给大家："jQuery说，给你一个方法，你能让互联网炫目富有！"，看到这里，我们不禁会想起阿基米德的那句精彩的话：给我一个指点，我可以撬动地球。 反复的利用jQuery开发了自己的前端页面后，借助jQuery丰富的文档，很快就可以实现自己
2016-07-23 22:36:11
569
原创 js的call和apply函数的使用
在研究jQuery源码的过程中,发现js原生函数的call,apply应用较多,就查了资料研究了一下，水平有限 自己实现的jQuery的each()源码： jQuery.each = function(object, callback, args){ for(var i=0; i<object.length; i++){ call
2016-07-23 22:01:24
302
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人