05 2015 档案

CSS 动画
摘要：CSS3 动画通过 CSS3，我们能够创建动画，这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript。CSS3 @keyframes 规则如需在 CSS3 中创建动画，您需要学习@keyframes规则。@keyframes 规则用于创建动画。在 @keyframes 中规定某... 阅读全文
posted @ 2015-05-22 10:45 半岛弥情 阅读(231) 评论(0) 推荐(0)
HTML 客户端存储
摘要：在客户端存储数据HTML5 提供了两种在客户端存储数据的新方法：localStorage - 没有时间限制的数据存储sessionStorage - 针对一个 session 的数据存储之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传... 阅读全文
posted @ 2015-05-21 11:30 半岛弥情 阅读(265) 评论(0) 推荐(0)
HTML canvas
摘要：什么是 Canvas？HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域，您可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。创建一个画布（Canvas）一个画布在网页中是一个矩形框，通过 (canvas) 元素来... 阅读全文
posted @ 2015-05-21 10:57 半岛弥情 阅读(305) 评论(0) 推荐(0)
CSS3 (二)
摘要：translate() 方法通过 translate() 方法，元素从其当前位置移动，根据给定的left（x 坐标） 和top（y 坐标） 位置参数：示例：div{ transform: translate(50px,100px); -ms-transform: translate(50px... 阅读全文
posted @ 2015-05-20 16:49 半岛弥情 阅读(232) 评论(0) 推荐(0)
Sequelize入门一
摘要：最近刚开始接触Sequelize，当中遇到不少坑，所以想写篇Sequelize入门和大家分享，避免有道友和我一样爬坑。 学习sequelize的初衷是想解决SQL注入，它支持MySQL, SQLite, MariaDB and MSSQL，文中以MySQL举例。第一步:实例化sequelize数据库... 阅读全文
posted @ 2015-05-18 18:16 半岛弥情 阅读(3267) 评论(0) 推荐(0)
CSS3 (一)
摘要：属性选择器1. E[attr^="value"]：指定了属性名，并且有属性值，属性值是以value开头的；.wrap a[href^="http://"]{background:orange;color:blue;}2. E[attr$="value"]：指定了属性名，并且有属性值，而且属性值是以v... 阅读全文
posted @ 2015-05-18 18:13 半岛弥情 阅读(196) 评论(0) 推荐(0)
Angular JS
摘要：简介AngularJS 是一个为动态WEB应用设计的结构框架，提供给大家一种新的开发应用方式，这种方式可以让你扩展HTML的语法，以弥补在构建动态WEB应用时静态文本的不足，从而在web应用程序中使用HTML声明动态内容。AngularJS有五个主要核心特性，如下介绍：1.双向数据绑定 —— 实现了... 阅读全文
posted @ 2015-05-15 11:47 半岛弥情 阅读(864) 评论(0) 推荐(0)
前端构建工具Gulp
摘要：Gulp干嘛的？如题。下面的内容里会有一些详细功能。其实虽然闻名已久，我也是今天才开始研究。所以边研究边做个笔记，希望同大家一起进步。Gulp开始:1.安装包全局:npm install gulp -g项目:npm install--save-dev gulp2.配置文件创建gulpfile.js在... 阅读全文
posted @ 2015-05-13 16:11 半岛弥情 阅读(586) 评论(0) 推荐(0)
Node中的promise简说及入门
摘要：Node的特色之一就是异步回调，可是回调过多，就会形成著名的回调金字塔。直接上例子，我要读取1.txt里的内容，然后在这个内容上加上'test'并重新写入文件，如下代码所示:var fs = require('fs');fs.readFile('./1.txt', 'utf-8', function... 阅读全文
posted @ 2015-05-11 13:16 半岛弥情 阅读(599) 评论(0) 推荐(0)
DOM操作三
摘要：1.以一个对象的x和y属性的方式返回滚动条的偏移量function getScrollOffsets(w){ //使用指定的窗口，如果不带参数则使用当前窗口 w= w || window; //除了IE 8及更早的版本以外，其他浏览器都能用 if(w.pageXOffset ... 阅读全文
posted @ 2015-05-06 11:11 半岛弥情 阅读(158) 评论(0) 推荐(0)
DOM操作二
摘要：1.创建节点createElement(): 创建新的Element节点var s = document.createElement('script');createTextNode(): 创建Text节点cloneNode(): 复制节点，给方法传递参数true能够递归地复制所有的后代节点，fa... 阅读全文
posted @ 2015-05-06 10:56 半岛弥情 阅读(184) 评论(0) 推荐(0)
DOM操作一
摘要：1.通过ID选取元素var section = document.getElementById("section1");2.通过ID查找多个元素function getElements(/*ids...*/){ var elements = {}; for(var i =0; i <... 阅读全文
posted @ 2015-05-05 17:06 半岛弥情 阅读(212) 评论(0) 推荐(0)