随笔分类 - 工作心得
摘要：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...
阅读全文
摘要：IE6曾是PC上的霸主，它的影响相当大，虽然现在IE10都出来了，但是IE6在市场仍然有一定的份额，但是IE6存在很多问题，最明显的莫过于以PNG-24的支持，这是一个很头痛的问题，如果要用一张PNG格式的图片在IE6下会出现灰色的背景，很是无语，不过现在不用烦恼了，下面这些代码帮你彻底解决问题，让你从此又爱上 ...^_^下载代码 Kingwell
阅读全文
摘要：<!--[if !IE]><!-->除IE外都可识别<!--<![endif]--><!--[if IE]>所有的IE可识别<![endif]--><!--[if IE 5]>仅IE5.0与IE5.5<![endif]--><!--[if gt IE 5.0]>IE5.0以及IE5.0以上版本<![endif]--><!--[if IE 6]>仅IE6<![endif]--><!--[if lt IE 6]>IE6以及IE6以下版本<![e
阅读全文
摘要：ie与标准浏览器对js的实现和接口支持各不相同，本文的目的是将常用的兼容性问题总结。1. 集合类对象问题 现有代码中许多集合类对象取用时使用 ()，IE 能接受，Firefox 不能。 解决方法：改用 [] 作为下标运算。如：document.forms("formName") 改为Js代码 复制代码document.forms["formName"];//又如：document.getElementsByName("inputName")(1);//改为document.getElementsByName("inputNa
阅读全文
摘要：做项目时，我们都是手写代码，但是这样效率不高，如果有自动完成代码功能是不是更好呢？一：Editplus自动完成功能当你要插入一个有Class的DIV时，你要输出很多代码<div class=""><div>，有没有更快的方法呢？你是否希望当你在某个编辑器里输入：divc然后空格就就出现 <div class=""><div>，而且光标就显示在“”里面，Editplus就有这样的功能，不过这种预定义功能需要自己写，一般网上可以找到，也可以自己写，在：设置-》参数-》文件-》设置&语法，然后再选择相应语
阅读全文
摘要：解决IE6下的Hover背景图片闪烁问题，关键是图片不缓存IE6下的背景图片每次使用都会重新发送请求，所以会出现闪烁的情况：解决方案：HTML注释 + JS<!--[if IE 6]><script type="text/javascript"><!- document.execCommand("BackgroundImageCache", false, true); --></script>也还有一种解决方案就是使用expression，不过不推荐使用，所以不不出列出来。
阅读全文
摘要：在网上看到一篇文章写得很好，给大家分享一下：个人对用户体验的目标是，做到“自然”。 举几个例子， 1，我观察3岁的小孩用iphone很容易上手。比如，iphone的开锁，小孩甚至不用学就会用。因为触摸是人的天性，同时iphone通过箭头图标，向右滑动的文字条(小孩看不懂文字)，来暗示手指触摸向右滑动来解锁。自然和人的天性是一致的。大人因为成年后受污染较多，反而不一定立即学会iphone解锁，可能需要看文字解释来理解。所以不识字的小孩可能比老年人更快学会使用iphone。需要用文字来解释的交互不是好交互。 2，Apple在“自然”体验上做了很多尝试。比如，通常PC下的“文件夹”(甚至“文件...
阅读全文
摘要：如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。有两种使用方法：方法1： <label for="userName">用户名：</label><input type="text" id="userName"/> 方法2：<label>用户名：<input type="text"/></label> 当在单选或多选里使用时，还会出现一种视觉效果，这也是一种友好的方式
阅读全文
摘要：有时候，特别是在Ajax请求返回数据时我们需要知道返回数据的结构，如果是Object，使用Alert是打印不出来的，使用Firebug中的 console 可以查看，我自己写了一个函数，有点像这个，有时候觉得使用console还不够直观，所以自己想办法写一个，不过现在支持的层级就三层，多了就不行了， 多了就出现object。if(!window.debug){ window.debug = {};//选择一个自己的命名，千万别跟别人的冲突 }; debug.info = function(obj){ if (typeof _deBugStatus_ !== "undef...
阅读全文
摘要：现在是一个推崇结构，表现，行为想分离的时代，最大的好处就是维护起来比较简单，方便，代码重用。把CSS，JS写在HTML里，就像一个大杂烩，很难理解，可读性差，文件大，维护起来非常麻烦。但是CSS到底是内联还是外联呢？我们只要分析它的特点就不难得出答案。CSS内联：就是把CSS放在HTML Head里使用Style包围。<style type="text/css"></style>CSS外联：就是把CSS放到一个单独的文件里，然后在HTML通过调用。<link rel="stylesheet" type="text/
阅读全文
摘要：最近项目中用到了Linux命令，这个东西平时用得不太多，之前也有接触过，只是用得少就忘记了。现在找了一些常用的命令，学习一下，比较实用：vi 常用命令行1.vi 模式 a) 一般模式： vi 处理文件时，一进入该文件，就是一般模式了. b) 编辑模式：在一般模式下可以进行删除，复制，粘贴等操作，却无法进行编辑操作。等按下‘i,I,o,O,a,A,r,R’等 字母之后才能进入编辑模式.通常在linux中，按下上述字母时，左下方会出现'INSERT'或者‘REPLACE’字样,才可以 输入任何文字到文件中.要回到一般模式，按下[ESC]键即可. c) 命令行模式：在一般模式中，输入
阅读全文
摘要：Javascript Math.ceil()与Math.round()与Math.floor()区别:Math.ceil()向上舍入alert(Math.ceil(20.1)) //输出 21alert(Math.ceil(20.5)) //输出 21alert(Math.ceil(20.9)) //输出 21Math.round标准的四舍五入alert(Math.round(20.1)) //输出 20alert(Math.round(20.5)) //输出 21alert(Math.round(20.9)) //输出 21Math.floor()向下舍入alert(Math.floor(2
阅读全文
摘要：经测试发现不同浏览器对display为none元素的图片处理不一样，主要是opera处理不一样，如果元素display为none，则不加载图片，当元素设置为非none时再加载，其它浏览器则加载，Firefox可以通过Firebug查看，Opera可以通过fidder查看。
阅读全文
摘要：一：在Javascript里，如果克隆对象是基本类型，我们直接赋值就可以了：1 var sStr = "kingwell";2 var cStr = sStr;3 alert(cStr);//输出kingwell4 sStr = "abc";5 alert(cStr);//输出kingwell;把一个值赋给另一个变量时，当那个变量的值改变的时候，另一个值不会受到影响。二：如果不是基本类型，那就有所有不同了：1 var aArr = [0,1,2,3];2 var m = aArrr;3 alert(m);//输出1,2,34 aArr=[3,2,1,0]
阅读全文
摘要：js有5种基本数据类型：数值型 （number）、字符串型（string）、逻辑型（boolean、无定义数据类型 （undefined）、空值(null)；另外还有3种复合数据类型，分别是：函数（function）、对象（object）、数组 （array）。判断数据类型是经常的事情，比如：基本数据类型：var sStr = "kingwell";var nNum = 2012;var bBoo = false;var uNde;var nNu = null;alert(typeof sStr);//输出 string;alert(typeof nNum);//输出 nu
阅读全文
摘要：Array.sort()sort用于在原数组上对数组元素进行排序，不过它是按照字符编码的顺序的：比如： var a = [1,2,3,22,5,6,66,5555];a.sort();//输出 1,2,22,3,5,5555,6,66但是我们要对数字按照从小到大，或从大到小排序需要给它加一个参数。1 var a = [1,2,3,22,5,6,66,5555];2 a.sort(function(a,b){return a-b});//输出1,2,3,5,6,22,66,55553 a.sort(function(a,b){return b-a});//输出5555,66,22,6,5,3,.
阅读全文
摘要：好的代码书写对可读性，维护性不言而喻，JSMin这套插件可以格式化Javascript代码，也可以压缩，压缩将近50%，是JS程序员必备插件之一。JSMin用于JavaScript文件中剔除注释和没用的空格 ，它的特点就是能减少文件的大小，从而加快下载速度。JSMin下载地址
阅读全文
摘要：做前端的，总是要跟兼容性打交道，CSS兼容性，JS兼容性，这里我总结了一些getAttribute(),setAttribute()在不同浏览器下兼容性以及如何解决这些问题： 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml">
阅读全文