- 博客(15)
- 收藏
- 关注
转载 Data URL和图片
Data URL给了我们一种很巧妙的将图片“嵌入”到HTML中的方法。跟传统的用img标记将服务器上的图片引用到页面中的方式不一样,在Data URL协议中,图片被转换成base64编码的字符串形式,并存储在URL中,冠以mime-type。本文中,我将介绍如何巧妙的使用Data URL优化网站加载速度和执行效率。Data URL基本原理为什么Data URL是个好东西
2015-09-08 08:40:11 1797
转载 利用Jquery获取宽高
height(width):高度(宽度)innerHeight(innerWidth):高度(宽度)+内边距(padding)outerHeight(outerWidth):高度(宽度)+内边距(padding)+边框outerHeight(outerWidth) 参数为true时:高度(宽度)+内边距(padding)+边框+外边距(margin)
2014-08-13 21:56:47 426
原创 console.dir、console.time、console.profile
作为一名前端工程师,想必console的大部分常用命令已为大家所
2014-08-12 19:44:31 576
原创 svg 与canvas对比
Canvas依赖分辨率不支持事件处理器弱的文本渲染能力能够以 .png 或 .jpg 格式保存结果图像最适合图像密集型的游戏,其中的许多对象会被频繁重绘SVG不依赖分辨率支持事件处理器最适合带有大型渲染区域的应用程序(比如谷歌地图)复杂度高会减慢渲染速度(任何过度使用 DOM 的应用都不快)不适合游戏应用
2014-06-27 15:06:30 722
转载 requirejs进阶(二)
这一篇来认识下打包工具的paths参数,在入门一中就介绍了require.config方法的paths参数。用来配置jquery模块的文件名(jQuery作为AMD模块时id为“jquery”,但文件名可通过paths配置可以不必是“jquery.js”,而是带有版本的如“jquery-1.7.2.js”)。 在入门一中,jquery-1.7.2.js和main.js都在一个域中,即把jq
2014-06-15 22:45:41 433
转载 requirejs进阶(一)
为了应对日益复杂,大规模的JavaScript开发。我们化整为零,化繁为简。将复杂的逻辑划分一个个小单元,各个击破。这时一个项目可能会有几十个甚至上百个JS文件,每个文件为一个模块单元。如果上线时都是这些小文件,那将对性能造成一定影响。 RequireJS提供了一个打包压缩工具r.js来对模块进行合并压缩。r.js非常强大,不但可以压缩js,css,甚至可以对整个项目进行打包。r.js
2014-06-15 22:36:47 498
转载 requirejs学习(四)
1,延迟模块的执行。这是一个很大变化,以前模块加载后factory立马执行。性能上肯定有一些损耗。2.0修改实现,再没人诟病AMD的模块是立即执行的。现在也可以等到require的时候才执行。 2,config增加了shim,map,module,enforceDefine。shim参数解决了使用非AMD方式定义的模块(如jQuery插件)及其载入顺序。使用shim参数来取代1.0
2014-06-15 22:30:31 888
转载 requirejs学习(三)
这篇来写一个具有依赖的事件模块event。event提供三个方法bind、unbind、trigger来管理DOM元素事件。event依赖于cache模块,cache模块类似于jQuery的$.data方法。提供了set、get、remove等方法用来管理存放在DOM元素上的数据。示例实现功能:为页面上所有的段落P元素添加一个点击事件,响应函数会弹出P元素的innerHTML。 创
2014-06-15 22:17:27 498
转载 requirejs学习(二)
上一篇是把整个jQuery库作为一个模块。这篇来写一个自己的模块:选择器。为演示方便这里仅实现常用的三种选择器id,className,attribute。RequireJS使用define来定义模块。 新建目录结构如下这次新建了一个子目录js,把main.js和selctor.js放入其中,require.js仍然和index.html在同一级目录。 HTML 如下
2014-06-15 22:10:07 414
原创 二元判断操作符 ? 的写法
var ArrayCtor = typeof Float32Array === 'undefined' ? Array : Float32Array;
2014-06-15 21:50:31 2870
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人