原生js练习题---第六课
0x1完美拖拽实现效果： See the Pen 6-01完美拖动 by levonlin (@levonlin) on CodePen. 这里没有使用h5的拖动，毕竟原题也是考察借助鼠标事件实现自定义的拖动，所以就借鉴了《js高级程序设计》里的自定义拖动自己封装了个拖动ap
css的样式优先级
前几天做百度的笔试题，第一题就是关于css优先级的，虽然知道一些规则，但碰上把各条规则相互组合就懵逼了，所以还是得来好好总结一下的。 首要原则就两条： 优先级高的样式覆盖优先级低的样式 同一优先级的样式，后定义的覆盖先定义的，即后来居上 而至于样式的优先级如何确定，就是接下来
原生js练习题---第五课
0x1模拟select控件实现效果： See the Pen 5-01模拟select控件 by levonlin (@levonlin) on CodePen. 比较简单的点击事件处理，也就处理点击选择框展示菜单、点击菜单选择、点击页面任意角落隐藏菜单这三件事。这里注意点击
原生js练习题---第四课
0x1setTimeout应用实现效果： See the Pen 4-01setTimeout应用 by levonlin (@levonlin) on CodePen. 又见导航条，先看下css，这里用的是雪碧图背景做出圆角的效果，虽然是经典的方法、兼容性好，但这种代码写起
原生js练习题---第三课
0x1用typeof查看数据类型略过，不过typeof用来判断数据类型是不太靠谱的，尤其是涉及到引用类型的时候，除非是要检测一个变量是否有定义，否则最好采用Object.prototype.toString方法。 0x2用parseInt解析数字，并求和实现效果： See the
表单知识总结
表单是前端交互的重要部分，这里总结了我在使用表单元素时的一些经验和遇到的问题。 记得设置元素的name属性一个我最近犯的错：input元素不设置name，以为设置了type就自动单选了，光看外表的结果自然被打脸。。。 其实如果只是单纯的DOM操作，元素的name属性看来是个可有可
把博客从gitcafe迁移到coding
最近gitcafe被coding收购了，gitcafe上的所有项目很快就要被清空。而官方给用户的出路就是迁移到新东家coding，虽然听到这消息挺烦的，但作为免费用户也不好说什么。而且听说coding的服务要比gitcafe稳定得多，这样也好，希望不会像gitcafe一样隔三差五
原生js练习题---第二课（下）
0x1播放列表收缩展开实现效果： See the Pen 2-09播放列表收缩展开 by levonlin (@levonlin) on CodePen. 值得注意的一个地方是那个箭头，我这里只是用了简单的字符串替换，而原题用了背景图片移动来实现切换箭头，但是似乎那样做会导致
用自定义的拖放实现一个汉诺塔游戏
做这个汉诺塔游戏的想法，来自于几个月前做百度IFE第一期的一个题目，题目要求在两个容器间实现子元素的相互拖拽效果。当时我就突发奇想：容器看成柱子，子元素看成盘子，再加一点限制底下盘子移动的判断和胜负的判断，不就和经典的汉诺塔游戏没什么两样吗？ 和原题一样，做这游戏的难点就是拖放效
前端碎语（6）
光标效果不见了？在页面里，屏幕上光标的样式我们可以用css的’cursor’属性进行定义。一般来讲，只要光标hover到指定的元素上面其样式就会按我们指定的进行显示，但是如果我们指定的元素被其他元素“遮住了”呢？来看看下面这个demo： See the Pen ZWGvgP by