蓝戒的博客
-
Jun282016
Angular用户都想知道数据绑定是怎么实现的。你可能会看到各种各样的词汇：$watch,$apply,$digest,dirty-checking... 它们是什么？它们是如何工作的呢？
让我们从头开始吧。
浏览器事件循环和Angular.js扩展
我们的浏览器一直在等待事件，比如用户交互。假如你点击一个按钮或者在输入框里输入东西，事件的回调函数就会在javascript解释器里执行，然后你就可以做任何DOM操作，等回调函数执行...阅读全文
-
May242016
备注：所有的o-r中间添加了- 中线，系统有屏蔽词关键词，因此加了- 中线处理。
通过Camera API,你可以使用手机的摄像头拍照,然后把拍到的照片发送给当前网页.这些操作主要是通过一个input元素来实现的,其中该元素的type属性必须为"file",accept属性要允许图片格式,这样才能知道这个文件选择框是用来选择图片的.,完整的HTML结构看起来是这样的:
<input type="file" id="take-picture" acc...阅读全文
-
May182016
引言
对于开发者们来说，移动web的调试一直是个难题，前期可以使用模拟器来协助调试，但到了真机调试阶段就让人非常头痛。而Weinre就是解决这难题的利器。
简介
Weinre(WebInspector Remote)是一款基于Web Inspector(Webkit)的远程调试工具，借助于网络，可以在PC上直接调试运行在移动设备上的远程页面，中文意思是远程Web检查器，有了Weinre，在PC上可以即时修改目标网页的
HTML/CSS/Javas...阅读全文
-
May122016
Slideout.js简介
Slideout.js是一个Web上的可触控的导航栏菜单。
查看Demo（在你的移动设备上或在你的浏览器上模拟触摸）
下载Demo
Github地址
安装
可以直接引入 cdnjs 上的 .js 文件：
<script src="https://cdnjs.cloudflare.com/ajax/libs/slideout/0.1.11/slideout.min.js"></script>
也可以使用包管理器安装：
$ npm install slideout
$ spm install slideout
$ bower...阅读全文
-
Apr072016
SlipJs简介
SlipJs 能做什么？SlipJs可以让你的手机网站像原生手机软件一样惯性滚动，手触图片轮换等等。Slip.js 是一个很小的 JavaScript 库，用于实现对触摸屏的互动 Swipe 和对元素重新排序列表（Reordering）。Slip.js 没有任何的依赖，你可以通过自定义 DOM 事件实现重新排序交互。
之前写这样的页面可能还要纠结选择什么库，然后再写一堆touch的事件，再加上写样式写HTML，可能几个...阅读全文
-
Mar302016
简介：
WOW.js 依赖 animate.css，所以它支持 animate.css 多达 60 多种的动画效果，能满足您的各种需求。
wow.js优点:
比其他 JavaScript 视觉插件更轻量级
超简单的安装，与 animate.css 配合，只需几行代码即可
兼容性：
IE10+ ✔
Chrome ✔
Firefox ✔
Opera ✔
Safari ✔
IE6、IE7 等老旧浏览器不支持 CSS3 动画，所以没有效果；而 wow.js 也使用了 querySelectorAll 方法，...阅读全文
-
Mar242016
echarts api文档：
http://echarts.baidu.com/echarts2/doc/doc.html
echarts demo示例：
http://echarts.baidu.com/echarts2/doc/example.html
echarts 使用五部曲：
1. 制作一个图表容器
<div id="main" style="height:400px;"></div>
2. 引入echarts.js文件
<script src="http://echarts.baidu.com/build/dist/echarts.js"></script>
3. 配置图表路径
require.c...阅读全文
-
Mar132016
概述
首先声明一下CSS三大特性—— 继承、 优先级和层叠。继承即子类元素继承父类的样式；优先级是指不同类别样式的权重比较；层叠是说当数量相同时，通过层叠（后者覆盖前者）的样式。
css选择符分类
首先来看一下css选择符（css选择器）有哪些？
1.标签选择器（如：body,div,p,ul,li）
2.类选择器（如：class="head",class="head_logo"）
3.ID选择器（如：id="name",id="name_txt"）
4.全局...阅读全文
-
Feb162016
官网主页: http://html2canvas.hertzen.com/
概述
html2canvas是一个相当不错的JavaScript类库，它使用了html5和css3的一些新功能特性，实现了在客户端对网页进行截图的功 能。html2canvas通过获取页面的DOM和元素的样式信息，并将其渲染成canvas图片，从而实现给页面截图的功能。
这个插件依赖于jQuery插件，建议使用最新版的。
兼容性
html2canvas能在以下的浏览器中完美的运行。
Firefox...阅读全文
-
Feb022016
下面比较了几种浏览器之间的差异，在写javascript代码时 要时刻注意这些差异
table p{word-break: break-all; word-wrap: break-word;}
序号
操作
分类
IE
(6.0)
FireFox
(2.0)
Mozilla
(1.5)
当前
浏览器
备注
1
"."
访问tag的固有属性
OK
OK
OK
OK
2
"."
访问tag的用户定义属性
eg: <input type="checkbox" myattr="test">
OK
...阅读全文
来自的朋友,欢迎您
点击这里 订阅我的博客 o(∩_∩)o~~~
Angular用户都想知道数据绑定是怎么实现的。你可能会看到各种各样的词汇：$watch,$apply,$digest,dirty-checking... 它们是什么？它们是如何工作的呢？ 让我们从头开始吧。 浏览器事件循环和Angular.js扩展 我们的浏览器一直在等待事件，比如用户交互。假如你点击一个按钮或者在输入框里输入东西，事件的回调函数就会在javascript解释器里执行，然后你就可以做任何DOM操作，等回调函数执行...阅读全文抢沙发
备注：所有的o-r中间添加了- 中线，系统有屏蔽词关键词，因此加了- 中线处理。 通过Camera API,你可以使用手机的摄像头拍照,然后把拍到的照片发送给当前网页.这些操作主要是通过一个input元素来实现的,其中该元素的type属性必须为"file",accept属性要允许图片格式,这样才能知道这个文件选择框是用来选择图片的.,完整的HTML结构看起来是这样的: <input type="file" id="take-picture" acc...阅读全文
引言 对于开发者们来说，移动web的调试一直是个难题，前期可以使用模拟器来协助调试，但到了真机调试阶段就让人非常头痛。而Weinre就是解决这难题的利器。 简介 Weinre(WebInspector Remote)是一款基于Web Inspector(Webkit)的远程调试工具，借助于网络，可以在PC上直接调试运行在移动设备上的远程页面，中文意思是远程Web检查器，有了Weinre，在PC上可以即时修改目标网页的 HTML/CSS/Javas...阅读全文作者：cywcd | 分类：javascript, web技术 | 阅读： 1,969 次 |
Slideout.js简介 Slideout.js是一个Web上的可触控的导航栏菜单。 查看Demo（在你的移动设备上或在你的浏览器上模拟触摸） 下载Demo Github地址 安装 可以直接引入 cdnjs 上的 .js 文件： <script src="https://cdnjs.cloudflare.com/ajax/libs/slideout/0.1.11/slideout.min.js"></script> 也可以使用包管理器安装： $ npm install slideout $ spm install slideout $ bower...阅读全文作者：cywcd | 分类：javascript | 阅读： 3,054 次 | 标签：侧滑导航
SlipJs简介 SlipJs 能做什么？SlipJs可以让你的手机网站像原生手机软件一样惯性滚动，手触图片轮换等等。Slip.js 是一个很小的 JavaScript 库，用于实现对触摸屏的互动 Swipe 和对元素重新排序列表（Reordering）。Slip.js 没有任何的依赖，你可以通过自定义 DOM 事件实现重新排序交互。 之前写这样的页面可能还要纠结选择什么库，然后再写一堆touch的事件，再加上写样式写HTML，可能几个...阅读全文作者：cywcd | 分类：javascript, Jquery | 阅读： 1,643 次 |
简介： WOW.js 依赖 animate.css，所以它支持 animate.css 多达 60 多种的动画效果，能满足您的各种需求。 wow.js优点: 比其他 JavaScript 视觉插件更轻量级 超简单的安装，与 animate.css 配合，只需几行代码即可 兼容性： IE10+ ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔ IE6、IE7 等老旧浏览器不支持 CSS3 动画，所以没有效果；而 wow.js 也使用了 querySelectorAll 方法，...阅读全文作者：cywcd | 分类：javascript, Jquery | 阅读： 3,269 次 |
echarts api文档： http://echarts.baidu.com/echarts2/doc/doc.html echarts demo示例： http://echarts.baidu.com/echarts2/doc/example.html echarts 使用五部曲： 1. 制作一个图表容器 <div id="main" style="height:400px;"></div> 2. 引入echarts.js文件 <script src="http://echarts.baidu.com/build/dist/echarts.js"></script> 3. 配置图表路径 require.c...阅读全文作者：cywcd | 分类：javascript, Jquery | 阅读： 5,972 次 |
概述 首先声明一下CSS三大特性—— 继承、 优先级和层叠。继承即子类元素继承父类的样式；优先级是指不同类别样式的权重比较；层叠是说当数量相同时，通过层叠（后者覆盖前者）的样式。 css选择符分类 首先来看一下css选择符（css选择器）有哪些？ 1.标签选择器（如：body,div,p,ul,li） 2.类选择器（如：class="head",class="head_logo"） 3.ID选择器（如：id="name",id="name_txt"） 4.全局...阅读全文
下面比较了几种浏览器之间的差异，在写javascript代码时 要时刻注意这些差异 table p{word-break: break-all; word-wrap: break-word;} 序号 操作 分类 IE (6.0) FireFox (2.0) Mozilla (1.5) 当前 浏览器 备注 1 "." 访问tag的固有属性 OK OK OK OK 2 "." 访问tag的用户定义属性 eg: <input type="checkbox" myattr="test"> OK ...阅读全文作者：cywcd | 分类：javascript | 阅读： 2,475 次 |