借用Effective之名，开始写Effective系列，总结一些前端的心得。
为什么说能使用html/css解决的问题就不要使用JS呢？两个字，因为简单。简单就意味着更快的开发速度，更小的维护成本，同时往往具有更好的体验，下面介绍几个实例。
1. 导航高亮
导航高亮是一种很常见的问题，包括当前页面的导...
借用Effective之名，开始写Effective系列，总结一些前端的心得。
有些人写页面会走向一个极端，几乎页面所有的标签都用div，究其原因，用div有很多好处，一个是div没有默认样式，不会有margin、background等初始化设置，另外可能会觉得不用div还能用啥。所以看他的页面，一展开是div，再展...
伪元素是一个好东西，但是很多人都没怎么用，因为他们觉得伪元素太诡异了。其实使用伪元素有很多好处，最大的好处是它可以简化页面的html标签，同时用起来也很方便，善于使用伪元素可以让你的页面更加地简洁优雅。
更好的阅读体验移步：http://yincheng.site/using-before-after
1. 伪元素使用场景
伪元素一...
今天写代码遇到这样一个问题，先上代码
1 <!--JS方法--> 2 function textout(obj){ 3 if(opac==60){opac=0;return;}; 4 opac+=10; 5 if(document.all){ 6 obj.style.filter="alpha(opacity="+opac+")"; 7 } 8 else {obj.style.opacity=(opac/100);} 9 setTimeout('t...
我是一个应届生，来公司不久，根据需求，网站需要一个专题图片轮播的页面。网上确实有很多现成的插件，但是，作为一个JS还不是很牛的应届生，我决定自己写一个！
话说忽然想到做个这个还真不容易，一时思绪理不清楚。实际我相信一步一步来做 一定做得好！
我做这个例子的思路是这样的：
先把需要的html和...
需要做一个选择分类工具，大致要求如下：
点击按钮，显示一级分类，指向某个一级分类显示对应二级分类，分类有几层不定。
只能选择最后一个分类，然后把分类的ID 传值给按钮的value
我的思路：
1.后台传过来的值是json，结构如下：
var json = [ {"name":"衣服" , "id" : "1" , "...
1. createEvent（eventType）参数：eventType 共5种类型： Events ：包括所有的事件. HTMLEvents：包括 'abort', 'blur', 'change', 'error', 'focus', 'load', 'reset', 'resize', 'scroll', 'select', &nbs...
浏览器默认的下拉确实不好用啊，主要是样式不好修改和统一。
(一)下手之前先理清一下<select>的流程:
1.结构：<select>
<option value="">show</option>
</select>
2.事件：...
上图的功能，代码直接复制可用：
<!doctype html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script src="https://libs.baidu.com/jquery/1.9.0/jquery.js"></script><style>/*导航*/*{margin:0;padding:0}a{text-deco...
前言
网页的最初形式就是一个个静态页面，例如我们写了一个 html 文件，放在服务器上就可以供用户访问了。 而后网站变得需要展示更多的内容，让内容更加动态，因此需要接入数据库，配合数据库的内容做展示，于是诞生了 html 模板引擎，用于把动态的数据插入到 html 中，叫做动态页面，后面我会叫它为传统的...