canvas学习

前言 基本知识 绘制矩形 清除矩形区域 圆弧 路径 绘制线段 绘制贝塞尔曲线 线性渐变 径向渐变(发散) 图形变形(平移、旋转、缩放) 矩阵变换(图形变形的机制) 图形组合 给图形绘制阴影 ...

2016/01/22 17:42
118
DOMLoaded 类似jquery的$(callback)

/**  * Created by doyen on 2016/1/22.  */ (function (window) {    var userAgent = navigator.userAgent;    var ieReg = /MSIE\s(?=(\d{1,2}.\d{1}))/;    var...

2016/01/22 11:27
18
浏览器Document Ready事件捕获策略

获取document ready event的方式:W3C标准方式、IE方式及IE hack方式

2016/01/22 09:12
29
js 设计模式

《Practical Common Lisp》的作者 Peter Seibel 曾说,如果你需要一种模式,那一定是哪里出了问题。他所说的问题是指因为语言的天生缺陷,不得不去寻求和总结一种通用的解决方案。 不管是弱类...

2016/01/19 14:35
56
js 函数定义和函数表达式的区别

Javascript中有2个语法都与function关键字有关,分别是: 函数定义:function FunctionName(FormalParameterList) { FunctionBody } 函数表达式:function [FunctionName](FormalParameterLi...

2015/12/09 13:49
39
弹性盒模型(flex)

<!doctype html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <style> /*--flex模型不需要加浏览器前缀(IE10+, Chrome21+, Firefox22+)--*/ /*--Flex布局,子元素的float...

2015/11/27 16:38
107
js实现依赖注入

function a(){   console.log("a"); } function b () {   console.log("b"); } function c () {   console.log("c"); } var injector = {   dependencies: {},   register: functi...

2015/11/27 13:56
35
弹性盒模型(box)

<!doctype html> <html lang="en"> <head>   <meta charset="UTF-8">   <title>Document</title>   <style>      /*--box模型需要加浏览器前缀需要加前缀--*/ div.box {     ...

2015/11/26 17:32
45
Flex 布局教程

Flex 布局教程:语法篇 作者: 阮一峰 日期: 2015年7月10日 网页布局(layout)是CSS的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它...

2015/11/26 14:27
44
css 实现单行文本 多行文本垂直居中

在说到这个问题的时候,也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗?即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊!所以在这里我还要啰嗦两句,CSS中的确是...

2015/11/26 10:39
107
firfox静止拖动,静止选中

firfox静止图片、链接等拖动,静止元素被选中

2015/11/25 15:31
15
js获取css样式(内联,内嵌,外部)

function getStyle(obj, name) { if(obj.currentStyle) { return obj.currentStyle[name];//兼容ie版本 } else { return getComputedStyle(obj, false)[name];//兼容FF和谷歌版本 } }...

2015/11/19 16:17
115
前端工作流,Grunt上手指南

Grunt , javascript 我想先花点时间回忆一下作为一个前端需要做的工作(Loading...) JS合并 JS压缩 CSS压缩 CSS Sprite 图片优化 测试 静态资源缓存(版本更新) ... 对应的,一个全副武装的前端...

2015/11/10 10:36
454
grunt学习

当时学习 Grunt 的时候,真是很头疼。分了两个时间段,学习了两次才硬啃下来,之后才能用在项目中。主要原因我认为是学习资料和文档上面写的太高端了。这类的文档或者资料有个显著特点,上来...

2015/10/28 16:17
54
package.json 字段全解析

Name 必须字段。 小提示: 不要在name中包含js, node字样; 这个名字最终会是URL的一部分,命令行的参数,目录名,所以不能以点号或下划线开头; 这个名字可能在require()方法中被调用,所以...

2015/10/28 13:18
6.5K
jquery stop

stop(false, false); 默认值,不清空动画队列, 不立即完成当前动画, 当前动画会停止,其他动画正常执行; stop(false, true); 不清空动画队列, 立即完成当前动画,其他动画正常执行; st...

2015/08/27 08:59
19
css权威指南笔记

替换元素和非替换元素 替换元素:用来替换元素内容的部分并非由文档内容直接表示,用作其他内容的占位符(img, 表单元素,embed等嵌入元素) 非替换元素:元素的内容内容包含在文档流中,大部...

2015/07/22 16:32
124
css 垂直外边距重叠

元素的上外边距和其属于常规流中的第一个孩子的上外边距。 元素的下外边距和其属于常规流中的下一个兄弟的上外边距。 属于常规流中的最后一个孩子的下外边距和其父亲的下外边距,如果其父亲的...

2015/07/20 08:59
96
jquery deferred

jQuery的deferred对象详解 作者: 阮一峰 日期: 2011年8月16日 jQuery的开发速度很快,几乎每半年一个大版本,每两个月一个小版本。 每个版本都会引入一些新功能。今天我想介绍的,就是从j...

2015/06/30 14:05
68
网页中最常用的JS代码(js禁止右键、禁止复制)

<body oncontextmenu=”return false”></body> <!– 禁用右键: –> <script> function stop(){ return false; } document.oncontextmenu=stop; </script> <body onselectstart=”return fa...

2015/05/28 09:28
1K

没有更多内容

加载失败,请刷新页面