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