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 $…
SlipJs简介 SlipJs 能做什么？SlipJs可以让你的手机网站像原生手机软件一样惯性滚动，手触图片轮换等等。Slip.js 是一个很小的 JavaScript 库，用于实现对触摸屏的互动 Swipe 和对元素重新排序列表（Reordering）。Slip.js 没有任何的依赖，你可以通过自定义 DOM 事件实现重新排序交互。 之前写这样的页面可能还要纠结选择什么库，然后再写一堆touch的事件，再加上写样式写HTML，可能几个小时就这么过去，才算完成。 有了Slip.js，你只管写HTML，CSS，如果逻…
简介： WOW.js 依赖 animate.css，所以它支持 animate.css 多达 60 多种的动画效果，能满足您的各种需求。 wow.js优点: 比其他 JavaScript 视觉插件更轻量级 超简单的安装，与 animate.css 配合，只需几行代码即可 兼容性： IE10+ ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔ IE6、IE7 等老旧浏览器不支持 CSS3 动画，所以没有效果；而 wow.js 也使用了 querySelectorAll 方法，IE 低版本会报…
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…
概述 首先声明一下CSS三大特性—— 继承、 优先级和层叠。继承即子类元素继承父类的样式；优先级是指不同类别样式的权重比较；层叠是说当数量相同时，通过层叠（后者覆盖前者）的样式。 css选择符分类 首先来看一下css选择符（css选择器）有哪些？ 1.标签选择器（如：body,div,p,ul,li） 2.类选择器（如：class="head",class="head_logo"） 3.ID选择器（如：id="name",id="name_txt"） 4.全局选择器（如：*号） 5.组合选择器（如：.head .h…
官网主页: http://html2canvas.hertzen.com/ 概述 html2canvas是一个相当不错的JavaScript类库，它使用了html5和css3的一些新功能特性，实现了在客户端对网页进行截图的功 能。html2canvas通过获取页面的DOM和元素的样式信息，并将其渲染成canvas图片，从而实现给页面截图的功能。 这个插件依赖于jQuery插件，建议使用最新版的。 兼容性 html2canvas能在以下的浏览器中完美的运行。 Firefox 3.5+ Chrome Opera IE9…
下面比较了几种浏览器之间的差异，在写javascript代码时 要时刻注意这些差异 序号 操作 分类 IE (6.0) FireFox (2.0) Mozilla (1.5) 当前 浏览器 备注 1 "." 访问tag的固有属性 OK OK OK OK 2 "." 访问tag的用户定义属性 eg: <input type="checkbox" myattr="test"> OK NO NO OK 可以用getAttribute函数 替代 3 obj.getAttribute 访问tag的固有属性 O…
前言 web发展经历了一个漫长的周期，最开始很多人认为Javascript这们语言是前端开发的累赘，是个鸡肋，那个时候人们还享受着从一个a链接蹦到另一个页面的web神奇魔术。后来随着JavaScript的不断更新换代，他的功能不仅仅是为网页添加一点特效了，语言本身的加强以及对DOM操作能力的提升让他在前端大放光彩。尤其是ajax的出现，让JavaScript以及整个web的发展翻开了崭新的一页。 利用ajax局部刷新页面，相信很多人玩得相当熟练了。如果整个页面的刷新都是使用ajax，我们可以称之为一个webapp，…
querySelectorAll 相比下面这些方法有什么区别？ getElementsByTagName getElementsByClassName getElementsByName 在传统的 JavaScript 开发中，查找 DOM 往往是开发人员遇到的第一个头疼的问题，原生的 JavaScript 所提供的 DOM 选择方法并不多，仅仅局限于通过 tag, name, id 等方式来查找，这显然是远远不够的，如果想要进行更为精确的选择不得不使用看起来非常繁琐的正则表达式，或者使用某个库。事实上，现在所有的…
写在前面 近年前端知识技术更新迭代加速，作为一名前端汪，你是否停留在刀耕火种的时代？让我们带着极客的精神去发现更好的，更优雅的编码之旅吧！兵欲善其事必先利其器，选择一个好的工具，认识它，了解它，用它更好的为我们解决问题。废话不多说，下面我们一起进入css的新世界PostCSS。 一. PostCSS是什么？ 1. 初识PostCSS PostCSS在以惊人的速度发展，而且越来越受人欢迎。越来越多的人开始在了解它，使用它。因为他们意识到，在项目中使用PostCSS让他们意识到了眼前一亮。 2014年总共不到140万的…