自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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 1782

转载 利用Jquery获取宽高

height(width):高度(宽度)innerHeight(innerWidth):高度(宽度)+内边距(padding)outerHeight(outerWidth):高度(宽度)+内边距(padding)+边框outerHeight(outerWidth) 参数为true时:高度(宽度)+内边距(padding)+边框+外边距(margin)

2014-08-13 21:56:47 398

原创 window.moveTo方法

window.moveTo方法可以实现浏览器窗口的移动

2014-08-13 21:49:41 894

原创 console.dir、console.time、console.profile

作为一名前端工程师,想必console的大部分常用命令已为大家所

2014-08-12 19:44:31 558

原创 svg 与canvas对比

Canvas依赖分辨率不支持事件处理器弱的文本渲染能力能够以 .png 或 .jpg 格式保存结果图像最适合图像密集型的游戏,其中的许多对象会被频繁重绘SVG不依赖分辨率支持事件处理器最适合带有大型渲染区域的应用程序(比如谷歌地图)复杂度高会减慢渲染速度(任何过度使用 DOM 的应用都不快)不适合游戏应用

2014-06-27 15:06:30 711

转载 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 421

转载 requirejs进阶(一)

为了应对日益复杂,大规模的JavaScript开发。我们化整为零,化繁为简。将复杂的逻辑划分一个个小单元,各个击破。这时一个项目可能会有几十个甚至上百个JS文件,每个文件为一个模块单元。如果上线时都是这些小文件,那将对性能造成一定影响。 RequireJS提供了一个打包压缩工具r.js来对模块进行合并压缩。r.js非常强大,不但可以压缩js,css,甚至可以对整个项目进行打包。r.js

2014-06-15 22:36:47 480

转载 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 856

转载 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 485

转载 requirejs学习(二)

上一篇是把整个jQuery库作为一个模块。这篇来写一个自己的模块:选择器。为演示方便这里仅实现常用的三种选择器id,className,attribute。RequireJS使用define来定义模块。 新建目录结构如下这次新建了一个子目录js,把main.js和selctor.js放入其中,require.js仍然和index.html在同一级目录。 HTML 如下

2014-06-15 22:10:07 405

转载 requirejs学习(一)

requirejs配置

2014-06-15 22:00:32 431

原创 二元判断操作符 ? 的写法

var ArrayCtor            = typeof Float32Array === 'undefined'            ? Array            : Float32Array;

2014-06-15 21:50:31 2839

转载 Javascript error对象

1.返回-12.抛出异常

2014-06-15 21:46:07 459

转载 Web Font 自定义字体

在CSS中,可以利用@font-face自定义网络字体,声明

2014-06-15 17:19:50 787

原创 bootstrap初识

bootstrap初识

2014-06-10 10:03:14 444

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除