随笔分类 - 工作心得
摘要：先看图片 HTML Document 线条大小线条颜色 Javascript de...
阅读全文
摘要：CSS3动画进度条CSS CODE:@-webkit-keyframes move{ 0%{ background-position: 0 0; } 100%{ background-position: 30px ...
阅读全文
摘要：我们知道，HTML5新增了许多表单类型，如： number，email，url，tel，datetime，month，datetime-local等等，像datetime,month这些非常方便，免得自己去写选择日期，时间插件；但是像number，tel，email，这些在桌面端变化不是特别大，外观...
阅读全文
摘要：Twitter工程师团队推出了Bower，这是一个针对Web开发的包管理器。该工具主要用来帮助用户轻松安装CSS、JavaScript、图像等相关包，并管理这些包之间的依赖。 随着网页功能变得越来越复杂，同一张网页加载多个JavaScript函数库早已是家常便饭。开发者越来越需要一个工具，对浏览器端...
阅读全文
摘要：0.5.3版本对Model数据验证时，绑定Error就可以了： (function(){ var Model = Backbone.Model.extend({ initialize : function(){ ...
阅读全文
摘要：根据之前的一些项目，总结了一下重置CSS： 1 @charset "UTF-8"; 2 3 html { 4 background: #FFF; 5 font-size: 62.5%; 6 -ms-text-size-adjust: 100%; 7 -...
阅读全文
摘要：sass功能强大，特别是支持for循环，节省大量开发时间，但是在开发时遇到一个问题，直接使用%时没有问题，当有变量时再加% 单位在编译时报错；这样没有问题：@for $width from 0 to 10{ .wp#{$width}{ width:$width px; }}...
阅读全文
摘要：各种新技术的出现，推动着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 第二种方
阅读全文
摘要：IE中使用的事件绑定函数与Web标准的不同，而且this指向也不一样，Web标签中的this指向与传统事件绑定中的this一样，是当前目标，但是IE中事件绑定函数中this指向，通过使用call或apply可以改变this指针的指向。 attachEvent 中this指向 attachEvent this还有detachEvent也一样，可以通过上面方法实现。
阅读全文
摘要：JS window.name 跨域封装 1 function CrossDomainName(target, agent, callback, security) { 2 if (typeof target !== 'string' || typeof agent !== 'string' || typeof callback !== 'function') { 3 throw '参数错误'; 4 } 5 this.state = 0; 6 this.target = target;//目标路径 7 this.agent = ag
阅读全文
摘要：Hack是针对不同的浏览器去写不同的CSS样式，从而让各浏览器能达到一致的渲染效果，那么针对不同的浏览器写不同的CSS CODE的过程，就叫CSS HACK，同时也叫写CSS Hack。然后将Hack放在浏览器特定的CSS文件中，让其符合条件的浏览器解析这些代码，就如前面所说的条件样式，我们将CSS Hack代码放入条件样式文件中，符合条件的浏览器就解析，不符合的将不解析，从面达到您所需要的页面渲染效果。总的一句话来说使用CSS Hack将会使用你的CSS代码部分失去作用，然后借助条件样式，使用其原CSS代码在一些浏览器解析，而CSS Hack代码在符合条件要求的浏览器中替代原CSS那部分代码
阅读全文
摘要：如果你的代码易于阅读，那么代码中bug也将会很少，因为一些bug可以很容被调试，并且，其他开发者参与你项目时的门槛也会比较低。因此，如果项目中有多人参与，采取一个有共识的编码风格约定非常有必要。与其他一些语言相比（比如Python示例），JavaScript没有一个权威的编码风格指南，取而代之的是一些流行的编码风格：Google的JavaScript风格指南（以下简称Google）NPM编码风格（以下简称NPM）Felix的Node.js风格指南（以下简称Node.js）惯用（Idiomatic）的JavaScript（以下简称Idiomatic）jQuery JavaScript风格指...
阅读全文
摘要：在网上找到了Debugbar授权码，分享给大家：www.vfxcx.com704835b5c54b56426257e0742568fe54
阅读全文
摘要：我们经常使用动态加载Javascript，写个函数很容易现实，之前也写过一个函数，不过当加载多个JS时，只能根据浏览器返回的顺序来先后加载，这肯定不是我们想要的，现在使用了一下技巧，当加载多个JS时，能按照我们的顺序加载：/* Name:动态加载JS Author:kingwell Leng Date : 2013/4/21 E-mail: jinhua.leng##gmail.com*/function getScript(obj, callback) { var arr = obj, timeout, str = typeof obj === 's...
阅读全文
摘要：我们经常遇到JS 跨域的问题，跨域的解决方案有很多，JSONP是非常常用的跨域解决方案，这里封装了一下JSONP：function getJSONP(url, callback) { if (!url) { return; } var a = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j']; //定义一个数组以便产生随机函数名 var r1 = Math.floor(Math.ran
阅读全文
摘要：体验了一下HTML5 Web Storage Good ,很方便，很实用...在HTML5中，除了Canvas元素之外，另一个新增的非常重要的功能就是可以在客户端本地保存数据的Web Storage功能，我们知道，在HTML4中可以使用Cookies在客户端保存诸如用户名等等简单的用户信息，但是长期的实际使用下来，人发现用Cookie储存永久数据存在以下问题：大小：cookies的大小被限制在4K。带宽：cookies是随HTTP事务一起被发送的，因此会浪费一部分发送cookie时使用的带宽。复杂性：要正确地操纵cookie是很困难的。在这种情况下，在HTML5中重新提供了一种在客户端本地保存
阅读全文