随笔分类 - Javascript
摘要：0.5.3版本对Model数据验证时，绑定Error就可以了： (function(){ var Model = Backbone.Model.extend({ initialize : function(){ ...
阅读全文
摘要：RequireJS填补了前端模块化开发的空缺，RequireJS遵循AMD（异步模块定义，Asynchronous Module Definition）规范，越来越多的框架支持AMD，像最近的jQuery，但有一些也不支持，像Backbone，那如何在RequireJS使用Backbone呢？需要使...
阅读全文
摘要：Sublime Text是前端利器，作为前端的盆友们已经再熟悉不过了，在项目中经常使用SVN，每次都要切换提交，很麻烦，有了这个SVN插件就很方便了，使用快捷方式提交，更新。Sublime Text2/3 SVN插件 点击下载使用快捷方式：[alt+c] : commit current file.[alt+u] : update current file.[alt+r] : revert current file.
阅读全文
摘要：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也一样，可以通过上面方法实现。
阅读全文
摘要：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
阅读全文
摘要：Canvas 时间效果：function clockTest() { var canvas = document.getElementById('canvas'); if (!(canvas && canvas.getContext)) { return; } var ct = canvas.getContext('2d'); var w = canvas.width = 500; var h = canvas.height = 300; var r1 = 95; var c3 = ct.createLinearGradient(0...
阅读全文
摘要：第一题if (!("a" in window)) { var a = 1;}alert(a);第二题var a = 1, b = function a(x) { x && a(--x); };alert(a);第三题function a(x) { return x * 2;}var a;alert(a);第四题function b(x, y, a) { arguments[2] = 10; alert(a);}b(1, 2, 3);第五题function a() { alert(this);}a.call(null);第一题：答案unde...
阅读全文
摘要：如果你的代码易于阅读，那么代码中bug也将会很少，因为一些bug可以很容被调试，并且，其他开发者参与你项目时的门槛也会比较低。因此，如果项目中有多人参与，采取一个有共识的编码风格约定非常有必要。与其他一些语言相比（比如Python示例），JavaScript没有一个权威的编码风格指南，取而代之的是一些流行的编码风格：Google的JavaScript风格指南（以下简称Google）NPM编码风格（以下简称NPM）Felix的Node.js风格指南（以下简称Node.js）惯用（Idiomatic）的JavaScript（以下简称Idiomatic）jQuery JavaScript风格指...
阅读全文
摘要：大部分人非常在意个人在技术上的提升。但是保持对新技术的了解是一项不小的挑战， 毕竟我们需要的信息在数量上过于庞大。2012年里，伴随着前端发展的是大量的革命性突破和对前端的重新定义。我们在实践的路上飞速前进，具体的进步体现在使用抽象化，优秀的代码质量，维护性上的提升以及更好的性能。如果你实在忙到没有时间来跟上最新的技术，不用担心。随着假日的来临，我们就有了一些空闲的时间可以自己支配，我想，如果我把我收集的前端相关的精品讨论列表分享出来，那一定会对大家有一些帮助。你不需要把所有的都阅读一遍，但是这些相关的建议会让你了解更多相关的知识，为明年成为一名更好的前工程端开发师做准备。基础部分走在技术前沿
阅读全文
摘要：自定义弹出：支持键盘操作支持多窗口弹出兼容各浏览器支持Iframe及Iframe遮盖层支持自动关闭自定义按钮经过多个项目，目前已经比较完善有文档说明使用方法以：new Dialog({ title : 'Hello World', width : 500, height : 100, type : 0, html : 'Hello Kingwell Dialog', callback : function(){ alert('我要关闭了'); }});/*参数说明：参数均为JSON格式title窗口标题文件 可选width窗口宽度 可选h...
阅读全文
摘要：项目中经常要使用日历时间插件，网上也有很多很优秀的插件，但是我还是喜欢使用自己写的东西，第一比较符合自己项目需要，第二，维护，修改比较内容，第三，代码也比较少，第四，兼容各主流浏览器(IE6,7,8,9,10,FF,Chrome,Opera等)。最近写了个日历与时间选择插件，支持中英文代码下载 ： 日历时间插件下载Kingwell CalendarKingwell Calendar V1.1 测试页面选择日期：选择时间：//日期选择-使用方法new Calendar('test1', { top : 5, language : 'cn', addClass :
阅读全文
摘要：我们经常使用动态加载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...
阅读全文
摘要：我一直在寻找有关jQuery性能优化方面的小窍门，能让我那臃肿的动态网页应用变得轻便些。找了很多文章后，我决定将最好最常用的一些优化性能的建议列出来。我也做了一个jQuery性能优化的简明样式表，你可以打印出来或者设为桌面背景。 一、选择器性能优化建议 1. 总是从#id选择器来继承 这是jQuery选择器的一条黄金法则。jQuery选择一个元素最快的方法就是用ID来选择了。1$('#content').hide(); 或者从ID选择器继承来选择多个元素:1$('#content p').hide(); 2. 在class前面使用tag jQuery中第二快的选
阅读全文
摘要：我们经常遇到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中重新提供了一种在客户端本地保存
阅读全文
摘要：<!DOCTYPE HTML><html lang="en-US"><head><meta charset="UTF-8"><title>用HTML5本地数据库制作联系人</title><style type="text/css">/* -----CSS Docuemnt----- Version: 1.0 Author: kingwell Email: jinhua.leng#gmail.com Date: 2012-5-16 Global Styl
阅读全文
摘要：Geolocation API纬度：经度：精确度：<!DOCTYPE HTML><html lang="cn"><head><meta charset="UTF-8"><title>Geolocation API</title><script type="text/javascript">var totalDistance = 0.0;var lastLat = null;var lastLong = null;function toRadians(d
阅读全文
摘要：<!DOCTYPE HTML><html lang="en-us"><head><meta charset="utf-8"/> <title>JS计算时间差</title> <meta name="generator" content="kingwell"/> <meta name="author" content="kingwell"/> <meta name="
阅读全文
摘要：(function ($) { $.fn.extend({ insertAtCaret : function (myValue) { var $t = $(this)[0]; if (document.selection) { this.focus(); sel = document.selection.createRange(); sel.text = myValue; this.focus(); } else if ($t.selectionStart || $t.selectionStart == '0') { var startPos...
阅读全文
浙公网安备 33010602011771号