摘要： 裁剪 ctx.clip()；当前路径外的区域不再绘制 注：可在clip() 前用 save() 方法保存，后续通过 restore() 方法恢复 合成 1. ctx.globalCompositeOperation = 'source-over' ; 新像素和原像素的合并方式 2. 11种值 默认 阅读全文

摘要： 一、Canvas 应用场景 1.游戏 2.图表 3.动画 4.codepen.io （HTML5 动效） 最早 二、Canvas 发展历史 1.最早在apple的safari 1.3中引入 2.ie9之前的浏览器不支持Canvas 3.http://caniuse.com/ 三、如何使用Canvas 阅读全文

摘要： h5简介： h5新特性 h5新增标签 article 和 section 的区别相当于 div 和 p标签的区别 1—6都是块级元素 h5新增属性 拖放 拖动事件 释放区事件 dataTransfer: 返回用于传输数据到释放区的对象 （还可传输对象） 名称 说明 返回 types 返回数据的格式 阅读全文

摘要： 1、border-radius 2、box-shadow 阴影可设置多层，小例子： 小例子： 阴影在背景颜色的上面，在文字的下面 3、boder-imag<style> 4、background-image background-origin（图片从哪里起始） background-repeat: 阅读全文

摘要： 一、关系选择器 1、E+F （E元素下一个满足条件的兄弟元素节点） 2、E~F （E下所有满足条件的兄弟元素节点） 二、属性选择器 1、E[att~=“val”] 2、E[att | =“val”] （以val为开头 或 以val- 为开头的元素） 3、E[att^=“val”] 4、E[att$= 阅读全文

摘要： 一、什么是bootstrap？ bootstrap是目前很受欢迎的前端框架，用于构建响应式、移动设备优先的网站。 Bootstrap是基于HTML、CSS、javascript开发的，它简洁灵活，使得 Web 开发更加快捷，是一个css/html框架，Bootstrap提供了优雅的HTML和CSS规 阅读全文

摘要： 1、文本阴影text-shadow 语法 text-shadow:X-Offset Y-Offset blur color; X-Offset：表示阴影的水平偏移距离，其值为正值时阴影向右偏移，反之向左偏移； Y-Offset：是指阴影的垂直偏移距离，如果其值是正值时，阴影向下偏移，反之向上偏移； 阅读全文

摘要： 一、css3边框 1、border-image 边框 border-image: url(xxx.png) number stretch 很好理解就是拉伸，有多长拉多长。 repeat (和4角上 同等大小图片进行平铺 当边框中间区域长度不是4角图片大小的整数倍时 会被切割) 铺满(round)(4 阅读全文

摘要： CSS3是CSS2的升级版本，3只是版本号，它在CSS2.1的基础上增加了很多强大的新功能。 目前主流浏览器chrome、safari、firefox、opera、甚至360都已经支持了CSS3大部分功能了，IE10以后也开始全面支持CSS3了。 CSS3前缀: 在编写CSS3样式时，不同的浏览器可 阅读全文

摘要： 取赋值相关方法： .html() .text() .size() .addClass() .removeClass() .hasClass() .css() .attr() .prop() 注意： 1、尽量避免直接添加行间样式，因为其权重过高，这样不利于响应式设计，破坏了c3 + h5 优雅的解决方 阅读全文