WebPack可以看做是模块打包机：把你的项目当做一个整体，通过一个给定的主文件（如：index.js），从这个文件开始分析你的项目结构，找到项目的所有依赖文件，使用loaders处理它们，最后打包为一个浏览器可识别的JavaScript文件。本文仅限于个人学习所用，原文转载自 慢清尘 ,根据..

lazyImage原生JS图片懒加载 实现想法：监听浏览器滚轴，延迟0.3秒视为停止滚动。把所有带有 lazyimg class的图片存入数组，根据显示窗口的距离（增加偏移量）来判断是否显示，符合条件即替换自定义属性的为图片的src。 源码：Github 查看源码 引入js文件1<sc..

经测试兼容chrome、opera、firefox、IE。使用的HTML5的FileReader API实现。 FileReader实现图片预览HTML 代码12<input type="file" name="file" onchange="showPreview(this)" /..

做项目时遇到需要验证用户的登录，想想还是使用PHP比较简单快捷，主要使用 SESSION 属性记录，通过与MySQL数据库交互来判断。 index.html 登录页面12345678<form class="form-signin" method="post" action="<..

多说和Disqus是现在大多数博主喜欢使用的评论插件，这里总结了一下新版多说怎样显示浏览器信息与操作系统信息（UA），以及博主的标示。 首先给大家看一下效果图，动态效果和详细情况可以查看本楼底部的评论去。 1、添加头像旋转CSS与排版样式。操作步骤很简单，登录多说->后台管理->..

目前使用Hexo搭建静态博客的人越来越多，虽然静态博客有很多优点，但是有个缺点就是很多动态的东西自身没法完成，只有通过第三方插件来辅助实现，比如“多说”和 “Disqus”评论插件。今天我们来说的是一个统计站内流量的插件 — 不蒜子。 根据不蒜子的介绍，使用起来非常简单。只需要两行代码（一..

Less 将 CSS 赋予了动态语言的特性，如 变量，继承，运算，函数等等。 Less 既可以在 客户端 上运行 (支持IE 6+, Webkit, Firefox)，也可以借助Node.js或者Rhino在服务端运行。 Less的使用方法客户端使用Less文件 在客户端使用Less文..