kingwell2010-CSDN博客

Backbone1.0.0数据验证的变化

0.5.3版本对Model数据验证时，绑定Error就可以了： (function(){ var Model = Backbone.Model.extend({ initialize : function(){ this.bind('error',function(model,...

2014-07-10 09:48:06 127

封装Ajax（完整Ajax请求）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>&lt

2014-06-25 11:34:47 1718

各种新技术的出现，推动着Web前端技术飞速发展，在提升用户体验的同时也方便开发者；在前端优化时，我们使用CSSSprite技术，把多个图片合在一张图片上，然后通过background-image，background-position来定位现实不同效果，这样来达到减少HTTP请求，毕竟HTTP请求是相当昂贵的，但是HTTP请求是少了，开发人员工作量就大了，要定位图片不是一件很方便的事情，非常...

2014-06-04 11:04:31 398

使用Sass预定义一些常用的样式，非常方便

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

2014-06-04 11:03:44 184

去掉IE10+input 文本后面“删除图标”与密码文本框后面“查看密码图标”

在最新的IE浏览器（IE10+）上使用表单时，文本框内后面会出现很丑的删除图标以及显示密码图标，如果你讨厌这个可以把它去掉，这两个是由IE私有属性控制： input::-ms-clear,input::-ms-reveal { display: none; /* For ie10+ */} ...

2014-05-04 15:38:13 257

Nodejs安装express提示不是内部或外部命令

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

2014-05-04 11:23:06 99

HTML5实现全屏API【进入和退出全屏】

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

2014-05-04 11:21:20 642

CSS实现箭头效果

有时候网页中使用箭头以增强效果，一般的做法是使用图片，今天我们使用CSSCSS来实现“箭头效果”，使用CSS我们必须兼容所有浏览器（IE6、7、8、9、10、+），Chrome，Firefox，Opear... <!doctype html><html lang="en"><head><meta charset="UTF-8">...

2013-09-23 15:26:35 966

IE6透明PNG解决方案

IE6不支持PNG-24图片一直困扰很多人，但是可以通过IE的独有的滤镜来解决，解决的方案很多，比如：将滤镜写在CSS里，还可以写成单独的Javascript文件，本来认为推荐两种做法：第一种，将所有PNG图片添加滤镜（此方法有副作用）；第二种：有选择性的添加滤镜（推荐）；两者都可以将代码放在单独的JS文件里，然后引用。第一种：直接添加如下代码： function ...

2013-09-17 19:31:10 84

清除HTML之间的空白节点

HTML之间的空白节点，会影响HTML排版，清除空白节点除了在定代码时注意，也可以通过JS清除：为了重复利用，可以将它包装成一个函数： function removeWhitespace(element) { var elem = $$.Dom.getNode(element) || document, cur = elem.firstChild, tmp, reg ...

2013-09-01 16:57:08 892

attachEvent 中this指向

IE中使用的事件绑定函数与Web标准的不同，而且this指向也不一样，Web标签中的this指向与传统事件绑定中的this一样，是当前目标，但是IE中事件绑定函数中this指向，通过使用call或apply可以改变this指针的指向。 <!DOCTYPE HTML><html lang="en-US"><head> <meta cha...

2013-09-01 16:45:52 242

十六制作颜色转RGB格式

十六制作颜色转RGB格式： function toRGB(color) { if (typeof color !== 'string') { return null; } var c = color.slice(1), ca = [], temp = '', reg3 = /^[0-9a-f]{3}$/i, reg6 = /^[0-9a-f]{6}$/i...

2013-09-01 16:15:21 124

kingwell Calendar V1.0 日历时间组件

项目中经常要使用日历时间插件，网上也有很多很优秀的插件，但是我还是喜欢使用自己写的东西，第一比较符合自己项目需要，第二，维护，修改比较内容，第三，代码也比较少，第四，兼容各主流浏览器(IE6,7,8,9,10,FF,Chrome,Opera等)。最近写了个日历与时间选择插件，支持中英文查看效果...

2013-08-07 09:10:06 97

原创 HTML5获取地理位置信息并在Google Maps上显示

使用HTML5 navigator geolocation获取当前地理位子，并调用Gmap接口显示在地图上： <!DOCTYPE HTML><html lang="en-US"><head> <meta charset="UTF-8"> <title></titl

2013-08-07 09:08:05 348 1

HTML5 Canvas实战——HTML5 Canvas时间效果

HTML5 Canvas实战 function clockTest() { var canvas = document.getElementById('canvas'); if (!(canvas && canvas.getContext)) { return; } var ct = canvas.getConte...

2013-08-07 09:04:19 110

JS window.name跨域封装

function CrossDomainName(target, agent, callback, security) { if (typeof target !== 'string' || typeof agent !== 'string' || typeof callback !== 'function') { throw '参数错误'; } this.state = 0;...

2013-08-07 09:02:19 76

原创前端开发工程师如何在2013年里提升自己【转】

大部分人非常在意个人在技术上的提升。但是保持对新技术的了解是一项不小的挑战，毕竟我们需要的信息在数量上过于庞大。2012年里，伴随着前端发展的是大量的革命性突破和对前端的重新定义。我们在实践的路上飞速前进，具体的进步体现在使用抽象化，优秀的代码质量，维护性上的提升以及更好的性能。如果你实在忙到没有时间来跟上最新的技术，不用担心。随着假日的来临，我们就有了一些空闲的时间可以自己支配，我想...

2013-07-10 10:33:34 107

动态加载javascript增强版

我们经常使用动态加载Javascript，写个函数很容易现实，之前也写过一个函数，不过当加载多个JS时，只能根据浏览器返回的顺序来先后加载，这肯定不是我们想要的，现在使用了一下技巧，当加载多个JS时，能按照我们的顺序加载： /* Name:动态加载JS Author:kingwell Leng Date : 2013/4/21 E-mail: j...

2013-04-21 10:25:38 88

原创 jQuery性能优化的28个建议 (转)

我一直在寻找有关jQuery性能优化方面的小窍门，能让我那臃肿的动态网页应用变得轻便些。找了很多文章后，我决定将最好最常用的一些优化性能的建议列出来。我也做了一个jQuery性能优化的简明样式表，你可以打印出来或者设为桌面背景。　一、选择器性能优化建议　　1. 总是从#id选择器来继承　　这是jQuery选择器的一条黄金法则。jQuery选择一个元素最快的方法就是用ID来选择...

2013-04-20 12:08:19 95

封装JSONP

我们经常遇到JS 跨域的问题，跨域的解决方案有很多，JSONP是非常常用的跨域解决方案，这里封装了一下JSONP： function getJSONP(url, callback) { if (!url) { return; } var a = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', '...

2013-04-01 13:06:33 126

原创 HTML5 Web Storage

体验了一下HTML5在HTML5中，除了Canvas元素之外，另一个新增的非常重要的功能就是可以在客户端本地保存数据的Web Storage功能，我们知道，在HTML4中可以使用Cookies在客户端保存诸如用户名等等简单的用户信息，但是长期的实际使用下来，人发现用 Cookie储存永久数据存在以下问题：大小：cookies的大小被限制在4K。带宽：cookies是随HTTP事务一起被...

2013-03-21 11:56:32 78

计算时间差

JS计算时间差 var t1 = new Date(2013,1,20,12,40,0); var t2 = new Date(2013,3,20,14,40,0); var t3 = t2.getTime() - t1.getTime(); ...

2013-03-21 11:15:47 179

Javascript Math.ceil()与Math.round()与Math.floor()区别

Javascript Math.ceil()与Math.round()与Math.floor()区别:Math.ceil()向上舍入alert(Math.ceil(20.1)) //输出 21alert(Math.ceil(20.5)) //输出 21alert(Math.ceil(20.9)) //输出 21 Math.round标准的四舍五入alert(Mat...

2012-09-28 11:50:59 256

常用Linux命令

最近项目中用到了Linux命令，这个东西平时用得不太多，之前也有接触过，只是用得少就忘记了。现在找了一些常用的命令，学习一下，比较实用： vi 常用命令行1.vi 模式　　a) 一般模式： vi 处理文件时，一进入该文件，就是一般模式了. 　　b) 编辑模式：在一般模式下可以进行删除，复制，粘贴等操作，却无法进行编辑操作。等按下‘i,I,o,O,a,A,r,R’等 ...

2012-09-26 15:36:34 70

CSS内联还是外联？

现在是一个推崇结构，表现，行为想分离的时代，最大的好处就是维护起来比较简单，方便，代码重用。把CSS，JS写在HTML里，就像一个大杂烩，很难理解，可读性差，文件大，维护起来非常麻烦。但是CSS到底是内联还是外联呢？我们只要分析它的特点就不难得出答案。CSS内联：就是把CSS放在HTML Head里使用Style包围。<style type="text/css"><...

2012-09-24 16:33:14 435

写了一个打印信息的函数比Alert强大，类似Firebug中的console.table

有时候，特别是在Ajax请求返回数据时我们需要知道返回数据的结构，如果是Object，使用Alert是打印不出来的，使用Firebug中的 console 可以查看，我自己写了一个函数，有点像这个，有时候觉得使用console还不够直观，所以自己想办法写一个，不过现在支持的层级就三层，多了就不行了，多了就出现object。 if(!window.debug){ window.debug...

2012-09-21 17:37:29 68

浅谈Javascript 中几种克隆（clone）方式

一：在Javascript里，如果克隆对象是基本类型，我们直接赋值就可以了：var sStr = "kingwell";var cStr = sStr; alert(cStr);//输出kingwellsStr = "abc";alert(cStr);//输出kingwell; 把一个值赋给另一个变量时，当那个变量的值改变的时候，另一个值不会受到影响。二：...

2012-09-11 13:27:32 883

HTML中label的两种使用方法

如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。有两种使用方法：方法1： <label for="userName">用户名：</label><input type="text" id="userName"/> 方法2：<la

2012-09-07 09:10:58 736

静态网页如何上传附件

最近一个项目，要在静态页面上上传附件（头像），如果是动态网页就比较好做，但是静态页面就要采用另外的解决方案，其中的一种方法就是使用iframe，<form action="服务器地址" target="uploadImage" method="post" enctype="multipart/form-data"><input type="file" /&am

2012-09-06 17:00:59 1206

原创 Firebug console用法

//Firebug的Console的用法//Console还提供了通过命令行方式来调试Javascript的方法//Console的用法/*1、Firefox的日志记录(Logging in Firefox)。通过Console的记录方法，我们可以不再使用烦人的alert或者document.write方法来进行调试。 Firebug提供了五种日志的类型： console...

2012-08-31 10:10:53 205

Javascript兼容性之——getAttribute(),setAttribute()（获取设置属性）

做前端的，总是要跟兼容性打交道，CSS兼容性，JS兼容性，这里我总结了一些getAttribute(),setAttribute()在不同浏览器下兼容性以及如何解决这些问题： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tr...

2012-08-27 10:04:15 300

Web前端开发之——表格高级排序（字符串，日期，整型，浮点型，以及图片等）...

在项目中，经常会碰表格排序，最近整理了一个表格排序包括字符串，日期，整型，浮点型，以及图片等高级排序，将服务器功能转移到前端实现，减轻了服务器压力，功能比较强大。 (function () { /** @ Author: Kingwell leng @ Date : 2012-8-22 @ Blog : http://kingwell-leng.ite...

2012-08-22 11:46:25 131

文件编码的问题

昨天修改一个登录会话的问题，在服务器设置登陆会话有效期过了之后，只是读取不到数据，但是还停留在那个页面，所有了一次修改，每进行一次操作都检测session是否有效，所能服务端会返回一个状态，奇怪的是通过Firebug查找没有响应，但是通过在新窗口打开又有数据显示，很郁闷搞了很久才发现是编码的问题，虽然都是UTF-8，但是PHP文件使用的是无BOM的UTF-8，而JS文件是无BOM的UTF-8......

2012-08-15 22:50:37 141

关于CSS的优先级

彻底搞明白CSS优先级 CSS优先级原则一：继承不如指定原则二： #id > .class > 标签选择符原则三：越具体越强大原则四：标签#id >#id ; 标签.class > .classCSS优先级权重计算法CSS优先级包含四个级别（标签内选择符，ID选择符，Class选择符，元素选择符）以及各级别出现的次数!根据这四个级别出现的次...

2012-08-13 16:43:06 133

批量删除Cookie

一般我们删除Cookie的话是指出Cookie名，然后把这个Cookie的expires设置为一个过去时间，但是如果网站有很多Cookie，但一个一个地清除的话是比较麻烦的，现在有了批量删除Cookie的方法，代码如下： function clearAllCookie() { //获取所有Cookie，并把它变成数组 var cookies = document.cookie...

2012-08-13 09:51:27 123

原创 jQuery插件之--选择卡切换效果

又一款jQuery插件，选择卡切换效果： /* <div class="tab-container"> <ul class="tab-title"> <li class="current"></li> <li></li> <

2012-07-14 23:50:13 147

jQuery插件系列之--jQuery.Cookie

做网站时，我们经常用到Cookie，比如用户登录，换肤等等...不过原始的设置比较麻烦，特别是读取Cookie时，现在我们将其扩展到jQuery中，很方便地调用，读取，删除，这就是我们的目标，WRITE LESS,DO MORE! /* jQuery cookie*/jQuery.setCookie = function (sName, sVal...

2012-07-14 15:19:46 80

给Jquery添加alert,prompt方法，类似系统的Alert，Prompt，可以响应键盘，支持拖动...

我们在调用系统的Alert，prompt的弹出提示时，不同的系统会有不同的提示框，视觉效果不统一，而且不好看，功能单一，现在我们通过Jquery模拟Alert，prompt，现实统一视觉效果，而且内容丰富的弹出提示。 Jquery可以扩展自己的功能，如果对Jquery开发插件不熟悉的人可以到官方网去看看文档，比较简单易懂。 /* * 本插件基于JQUERY...

2012-07-14 11:25:34 214

基于Jquery的模拟Select下拉菜单

我们都知道Select 通过CSS不好控制，大部分网站开发人员都使用Javascript+CSS来模拟： <div class="selectContainer"> <span class="selectOption gray">Please select aproduct</span> <ul ...

2012-07-14 10:15:59 158

Javascript实现多语言选择功能

Javascript实现多语言选择功能： function languageChoose() { //ID选择 var $ = function (id) { return document.getElementById(id) } //判断此页面是不有语言选项，有则执行下面的操作，避免出错。 if (!$("language")) { r...

2012-07-10 14:56:23 512

空空如也

空空如也