Kingwell Leng

摘要： 各种新技术的出现，推动着Web前端技术飞速发展，在提升用户体验的同时也方便开发者；在前端优化时，我们使用CSSSprite技术，把多个图片合在一张图片上，然后通过background-image，background-position来定位现实不同效果，这样来达到减少HTTP请求，毕竟HTTP请求是... 阅读全文

摘要： CSS预处理技术现在已经非常成熟，比较流行的有Less，Sass，Stylus，在开发过程中提升我们的工作效率，缩短开发时间，方便管理和维护代码，可以根据自己的喜好选择一款自己喜欢的工具开发，使用很接近，差别很小，语法类似。再选择一款编译工具koala，国产工具，koala是一个前端预处理器语言图形... 阅读全文

摘要： 去除IE10+上文本框巨丑无比的删除图标以及显示密码图标IE浏览器总是让人喜欢让人厌，在最新的IE浏览器（IE10+）上使用表单时，文本框内后面会出现很巨丑无比的“删除图标”以及“显示密码图标”，如果你讨厌这个可以把它去掉，这两个是由IE私有属性控制：input::-ms-clear,input::... 阅读全文

摘要： 现在主流浏览器基本上实现了全屏效果，但是不同浏览器实现不一样：【进入和退出全屏】// Webkit (works in Safari5.1 and Chrome 15)element.webkitRequestFullScreen();document.webkitCancelFullScreen(... 阅读全文

摘要： 安装nodejs安装包后，通过npm安装express后，运行express提示" express"不是内部或外部命令。 c:\express -t ejs web 原因是版本问题，当前版本是4.0.0，改成3.5.0即可运行。 $ npm install -g express@3.5.0 第二种方 阅读全文

摘要： Chrome浏览器在表单自动填充后会显示黄色背景，这是Chrome的私有属性导致，对于有洁癖的人来讲，是不喜欢的，我们可以手动去掉。代码如下：input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset;}如果在私有属性后面改变背景颜色或图片好像没有效果。目前测试只有设置-webkit-box-shadow才有效果。 阅读全文

摘要： Sublime Text是前端利器，作为前端的盆友们已经再熟悉不过了，在项目中经常使用SVN，每次都要切换提交，很麻烦，有了这个SVN插件就很方便了，使用快捷方式提交，更新。Sublime Text2/3 SVN插件 点击下载使用快捷方式：[alt+c] : commit current file.[alt+u] : update current file.[alt+r] : revert current file. 阅读全文

摘要： 有时候网页中使用箭头以增强效果，一般的做法是使用图片，今天我们使用CSSCSS来实现“箭头效果”，使用CSS我们必须兼容所有浏览器（IE6、7、8、9、10、+），Chrome，Firefox，Opear... 1 2 3 4 5 6 7 8 9 Document10 23 26 27 28 29 30 31 32 33 34 35 36 .arrow{ border-width:50px; border-color:red g... 阅读全文

摘要： IE6不支持PNG-24图片一直困扰很多人，但是可以通过IE的独有的滤镜来解决，解决的方案很多，比如：将滤镜写在CSS里，还可以写成单独的 Javascript文件，本来认为推荐两种做法：第一种，将所有PNG图片添加滤镜（此方法有副作用）；第二种：有选择性的添加滤镜（推荐）；两者都可 以将代码放在单独的JS文件里，然后引用。第一种：直接添加如下代码：JSCode 1 function correctPNG() { 2 for (var i = 0; i ";20 img.outerHTML = strNewHTML;21 i = i - ... 阅读全文

摘要： IE中使用的事件绑定函数与Web标准的不同，而且this指向也不一样，Web标签中的this指向与传统事件绑定中的this一样，是当前目标，但是IE中事件绑定函数中this指向，通过使用call或apply可以改变this指针的指向。 attachEvent 中this指向 attachEvent this还有detachEvent也一样，可以通过上面方法实现。 阅读全文