前端碎语（5）
禁止用户选择文字在一些应用场合，我们不希望用户能够选择文字。比如在拖动交互中，如果用户能选择元素内部的文字，也就意味着能拖动它们，这样就会干扰对元素的拖动、影响拖动的效果；再如一些网站也会简单地通过禁止用户选择文字以防止用户复制站内文字（只能骗骗小白而已，不知道我们都会F12吗&
原生js练习题---第二课（上）
0x1百度输入法实现效果： See the Pen 2-01百度输入法 by levonlin (@levonlin) on CodePen. 主要是切换的判断条件，一开始我还用点击次数的奇偶性来判断-_-||，其实直接检查菜单有没有显示即可。检查的时候有个小trick，初始
前端碎语（4）
键盘事件与文本框变化的过程键盘事件最基本的应用场合是控制文本框元素，而我们要讨论的，就是几个键盘事件：keydown、keypress、keyup、textInput发生的时机与文本输入的过程的关系。先看一段代码： 12345678910111213141516<input
遍历DOM元素的children属性遇到的坑
问题的引出关于DOM元素的children属性，以前我只在意它和childNodes属性的区别：即children属性只会返回子元素节点集合，而childNodes返回的就不止元素节点，还有文本节点等所有子节点集合。这样看来，children似乎是我们获取子元素而舍弃其他类型的子
前端碎语（3）
使用setTimeout替代setIntervalsetInterval()这个间歇调用函数是应用得比较广的，尤其在比较古老的浏览器中实现动画效果时，往往离不开它。然而这个函数却有不少坑，由于其实现是把要执行的代码插入待执行队列排队执行，同时为防止连续执行，这个队列中只能有一个最
原生js练习题---第一课
0x0关于这个系列差不多把《js高级程序设计》刷完了，所谓实践出真知，尤其编程这种实践和经验相当重要的事情，不能光说不做。但以我现在的水平，直接上手那些大项目是还是不够格的，还是得一步步扎实好基础再有能力去开拓新世界、赶上前端界风起云涌的浪潮。 于是找来了前辈们留下的经典原生js
一键获取教材信息
在大学的教务系统上，除了上一篇提到的教学评价，每学期还有一些挺烦人的事—比如选课、预订教材等。我觉得我们学校做得比较好的一点是可以在教务系统上自己选择是否要从学校订每学期的教材，不用被强制花冤枉钱买些一年也水分太多、基本看不了几次、扔掉时来还是全新的书（当然嘛，默认还是给你全部预
一键教学评价
又到了每学期一次的教学评价时间，去点选教务系统那些无聊的选项小框确实有点烦人。于是就有懒癌发作的程序员学长针对正方教务系统写了一段js小脚本来实现一键教学评价功能。只要将脚本存进书签，到时轻轻一点，看着那些烦人的操作一下子自动完成也是挺爽的。代码其实也挺简单，就是遍历各个评价的&
data URI及其应用
近来看到chrome一个很geek的用法：一行代码，打造在线编辑器，试了一下发现挺有趣的。那我们在浏览器输入那一行的是什么呢？ 其实从本质上，那不是什么代码、更不是什么网址，而是一个data URI。何为data URI？这又得从头讲起。 URI？URL？URN？域名？网址？标题
前端碎语（2）
这个系列保持开坑不埋的状态已经过去三个月了，而在这几个月中我才算第一次认真地深入理解js。虽然期间笔记是记了不少，但写博文又不应是简单的复制粘贴，还是得保证有讨论价值、有干货的。而我面对的现实是：一来基础差导致识别和捞出有讨论价值的干货得自身功夫练到一定阶段，二来又因为记的杂乱且