diydyq

《图解CSS3》笔记3 transition过渡

摘要： W3C公布了当前CSS各模块的进展：http://www.w3.org/Style/CSS/current-work过渡：提供了两种状态之间的一种渐变方式，依赖于4个属性，多个过渡使用","逗号隔开：1. transition-property none | all(默认) | 属性名... 阅读全文

posted @ 2014-12-03 23:09 diydyq 阅读(185) 评论(0) 推荐(0) 编辑

Bootstrap使用笔记

摘要：响应式布局：根据浏览设备的（分辨率）不同来进行不同的布局和内容展现；通过媒体查询 Media Query实现，@mediaChrome调试器盒子模型的颜色： content 浅蓝色 padding 浅绿色 border 浅黄色 margin 浅棕色布局容器： ... 阅读全文

posted @ 2014-12-03 13:58 diydyq 阅读(157) 评论(0) 推荐(0) 编辑

《图解CSS3》笔记2 transform变形

摘要： 2D transform支持4种变形方式和矩阵, 多种变形函数以空格隔开： 1. 移动 translate(+-xOffset, yOffset) +右移-左移 2. 缩放 scale(0.01~0.99| >1) 0.01~0.99为缩小，>1为放大 3. 翻转 skew() 4. 旋转 rota 阅读全文

posted @ 2014-12-03 00:26 diydyq 阅读(248) 评论(0) 推荐(0) 编辑

《图解CSS3》笔记1 CSS选择器

摘要： CSS3从CSS2.1发展而来，CSS3包括了多个模块，W3官网列举了这些模块当前的进展：http://www.w3.org/Style/CSS/current-work关于各模块成熟度的发展流程如下：（从不稳定->稳定）WD Working DraftLC Last Call anno... 阅读全文

posted @ 2014-11-26 21:37 diydyq 阅读(205) 评论(0) 推荐(0) 编辑

npm插件开发流程

摘要： npm开发流程：1. npm init 生成package.json;2. npm publish 如果没有登录，则先npm adduser注册用户信息；发布当前文件夹到npm服务器上；阅读全文

posted @ 2014-11-19 13:38 diydyq 阅读(395) 评论(0) 推荐(0) 编辑

Web storm 部分快捷键

摘要： Ctrl+Shift+ - 折叠所有Ctrl+Shift + + 展开所有Ctrl+ - 折叠Ctrl + + 展开ctrl+D 复制当前行ctrl+Y|X 删除一行shift+enter 重新开始一行（无论光标在哪个位置）ctrl+W　... 阅读全文

posted @ 2014-11-18 13:55 diydyq 阅读(551) 评论(0) 推荐(0) 编辑

理论篇 GIT使用笔记

摘要： GIT学习指导的游戏：http://pcottle.github.io/learnGitBranching/?NODEMO git fetch:　下载远端所有分支的本地没有的提交列表，并更新local分支origin/master 1. 从remote下载local resp未包含的提交对象... 阅读全文

posted @ 2014-11-17 10:14 diydyq 阅读(253) 评论(0) 推荐(0) 编辑

Web worker总结

摘要： Web worker有以下两种类型：1. Dedicated worker (专用) 属于单页面共享，目前除了IE之外各浏览器支持比较广泛；// 页面中执行var work1 = window.work1 = new Worker("worker_1.js");work1.onmessage = ... 阅读全文

posted @ 2014-11-13 16:42 diydyq 阅读(360) 评论(0) 推荐(0) 编辑

JS篇同源策略、CORS、XSS、SessionCookie

摘要：同源策略：如何引用: (iFrame指的是iframe DOM节点)1. 引用iframe的window对象：iFrame.contentWindow2. 引用iframe的document对象：iFrame.contentDocument，或者：iFrame.contentWindow.docum... 阅读全文

posted @ 2014-11-06 14:16 diydyq 阅读(15134) 评论(2) 推荐(1) 编辑

关于浏览器中copy, cut, paste捕获的总结

摘要：目前这三个事件均可以通过jQuery.on(“copy cut paste”, handlerFn)捕获，支持：Firefox, IE9, Chrome，网上说的使用setTimeout方式目的是为了获取粘贴到输入框后的全部的值；setTimeout方式的示例代码如下：$("input").off(... 阅读全文

posted @ 2014-11-04 16:09 diydyq 阅读(2632) 评论(0) 推荐(0) 编辑