对酒当歌--jone's博客

摘要： CSS代码： HTML： DEMO地址：http://codepen.io/jonechen/pen/JXwzKQ 阅读全文

摘要： 图片轮播这种效果在web开发中看常见，网上的插件也有很多，最近在整理项目的过程中，把之前的图片轮播效果整合了一下，整理成一个可调用的插件以做记录，也方便更多前端爱好者来学习使用；图片的轮播原理很简单，无非是动画改变需要运动元素的top、left等值；先来看插件的基本代码： 插件的调用： 插件基本AP 阅读全文

摘要： 滚动条在web开发中，很常见，原生的HTML滚动条很难看，因此很多网站借助JS来模拟实现滚动条效果； 滚动条的实现原理其实比较简单，拿垂直滚动条来说： 1），最外层容器需要设置overflow:hidden，里层容器的高度（滚动框）一亘高过最外层容器，就会出现右侧绝对定位的滚动条，并且还要在外层容器 阅读全文

摘要： 一、基本环境配置； 1，首先到官网(http://www.mongodb.org/downloads )下载合适的安装包，然后一步一步next安装，当然可以自己更改安装目录；安装完成之后，配置环境变量，找到安装目录下的bin文件夹，在电脑环境变量里，加入其路径（D:\MongoDB\bin，我安装在 阅读全文

摘要： CSS： HTML: JS： DEMO地址：http://codepen.io/jonechen/pen/vGWZQW 上面这个demo已经实现了百分比圆环进度，但是不足的是，使用了div和canvas两个元素的组合，可以再进化一下，HTML部分去掉div，都使用canvas来实现；见代码： CSS 阅读全文

摘要： ECMAScript5标准发布于2009年12月3日，它带来了一些新的，改善现有的Array数组操作的方法。（注意兼容性） 在ES5中，一共有9个Array方法：http://kangax.github.io/compat-table/es5/ 下面列举了其中的7种方法，前5种方法很常见，很多开发者 阅读全文

摘要： 1、arguments对象 Arguments是个类似数组但不是数组的对象，说他类似数组是因为其具备数组相同的访问性质及方式，能够由arguments[n]来访问对应的单个参数的值，并拥有数组长度属性length。还有就是arguments对象存储的是实际 传递给函数的参数，而不局限于函数声明所定义 阅读全文

摘要： express 是 Node.js 应用最广泛的 web 框架，利用 express 可以实现很多的web应用；首先需要需要得到一个express。 新建一个文件夹叫lesson1，进去里面安装 express； 安装完成后，我们的 lesson1 目录下应该会出现一个 node_modules 文 阅读全文

摘要： 在web开发中，GIF动画效果是随处可见，比如常见的loading加载、人物奔跑的gif图片等等，那么这些都是怎么实现的呢？其实实现的原理很简单，简而言之，这些所谓的动画都是一帧一帧的图片经过一段时间的间隔做出位移而来的；譬如，我们在PS里面制作GIF动画，首先要把每一帧所需要的图片制作出来，然后再 阅读全文

摘要： URL--该模块包含用以 URL 解析的实用函数。 使用 require('url') 来调用该模块。 一、parse函数的基础用法 parse函数的作用是解析url，返回一个json格式的数组，请看如下示例： 运行结果： 二、parse函数 —— 条件解析； parse函数的第二个参数是布尔类型， 阅读全文