kingwell.leng
- 浏览: 151945 次
- 性别:
- 来自: 深圳
-
最新评论
-
陈颜宇：
prompt在哪啊，只看到了confirm 和 alert
给Jquery添加alert,prompt方法，类似系统的Alert，Prompt，可以响应键盘，支持拖动 -
陈小妞：
alert(el.getAttribute("cla ...
Javascript兼容性之——getAttribute(),setAttribute()（获取设置属性） -
I白I：
厉害。。。
HTML5实现全屏API【进入和退出全屏】 -
joyven：
...
Javascript兼容性之——getAttribute(),setAttribute()（获取设置属性） -
小林夕：
看看一个用canvas到极致的案例 ProcessOn
HTML5 Canvas实战——HTML5 Canvas时间效果
文章列表
//Firebug的Console的用法
//Console还提供了通过命令行方式来调试Javascript的方法
//Console的用法
/*1、Firefox的日志记录(Logging in Firefox)。
通过Console的记录方法，我们可以不再使用烦人的alert或者document.write方法来进行调试。
Firebug提供了五种日志的类型：
console.log : 记录一行信息，无任何图标提示；
console.debug : 记录一行信息，带超链接，可以链接到语句调用的地方；
console.error() : 向控制台中写入错误信息，带错 ...
做前端的，总是要跟兼容性打交道，CSS兼容性，JS兼容性，这里我总结了一些getAttribute(),setAttribute()在不同浏览器下兼容性以及如何解决这些问题：
<!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">
...
在项目中，经常会碰表格排序，最近整理了一个表格排序包括字符串，日期，整型，浮点型，以及图片等高级排序，将服务器功能转移到前端实现，减轻了服务器压力，功能比较强大。
(function () {
/**
@ Author: Kingwell leng
@ Date : 2012-8-22
@ Blog : http://kingwell-leng.iteye.com/
@ Email : jinhua.leng##gmail.com
*/
//创建闭包以及下面的空间命名，避免项目开发中与其它内容有冲突
if (!window.kw) ...
文件编码的问题
- 博客分类：
- Javascript
昨天修改一个登录会话的问题，在服务器设置登陆会话有效期过了之后，只是读取不到数据，但是还停留在那个页面，所有了一次修改，每进行一次操作都检测session是否有效，所能服务端会返回一个状态，奇怪的是通过Firebug查找没有响应，但是通过在新窗口打开又有数据显示，很郁闷搞了很久才发现是编码的问题，虽然都是UTF-8，但是PHP文件使用的是无BOM的UTF-8，而JS文件是无BOM的UTF-8.....之前返回是false true，如果改成1,0,的话，也会不存在这种问题，以后要注意下，还有就是使用1,0也会节省一些字节，所以在我的JS里，基本上习惯使用1，0。
彻底搞明白CSS优先级
CSS优先级
原则一： 继承不如指定
原则二： #id > .class > 标签选择符
原则三：越具体越强大
原则四：标签#id >#id ; 标签.class > .class
CSS优先级权重计算法
CSS优先级包含四个级别（标签内选择符，ID选择符，Class选择符，元素选择符）以及各级别出现的次数!
根据这四个级别出现的次数计算得到CSS的优先级。
CSS优先级的计算规则如下：
* 元素标签中定义的样式（Style属性）,加1,0,0,0
* 每个ID选择符(如 #id),加0,1,0,0
* 每个Class选择 ...
一般我们删除Cookie的话是指出Cookie名，然后把这个Cookie的expires设置为一个过去时间，但是如果网站有很多Cookie，但一个一个地清除的话是比较麻烦的，现在有了批量删除Cookie的方法，代码如下：
function clearAllCookie() {
//获取所有Cookie，并把它变成数组
var cookies = document.cookie.split(";");
//循环每一个数组项，把expires设置为过去时间，这样很容易地消除了所有Cookie
for (var i = 0; i < cookie ...
又一款jQuery插件，选择卡切换效果：
/*
<div class="tab-container">
<ul class="tab-title">
<li class="current"></li>
<li></li>
<li></li>
<li></li>
</ul>
<div class="tab-content"& ...
做网站时，我们经常用到Cookie，比如用户登录，换肤等等...不过原始的设置比较麻烦，特别是读取Cookie时，现在我们将其扩展到jQuery中，很方便地调用，读取，删除，这就是我们的目标，WRITE
LESS
,DO
MORE!
/*
jQuery cookie
*/
jQuery.setCookie = function (sName, sValue, oExpires, sPath, sDomain, bSecure) {
var sCookie = sName + '=' + encodeURIComponent(sValue);
...
我们在调用系统的Alert，prompt的弹出提示时，不同的系统会有不同的提示框，视觉效果不统一，而且不好看，功能单一，现在我们通过Jquery模拟Alert，prompt，现实统一视觉效果，而且内容丰富的弹出提示。
Jquery可以扩展自己的功能，如果对Jquery开发插件不熟悉的人可以到官方网去看看文档，比较简单易懂。
/*
* 本插件基于JQUERY
* Jquery版本: 1.7.2
* Date:2012-06-28
* Author:Kingwell
* E-mail:jinhua.leng# ...
我们都知道Select 通过CSS不好控制，大部分网站开发人员都使用Javascript+CSS来模拟：
<div class="selectContainer">
<span class="selectOption gray">Please select aproduct</span>
<ul class="selectMenu">
<li>江西省</li>
...
Javascript实现多语言选择功能：
function languageChoose() {
//ID选择
var $ = function (id) {
return document.getElementById(id)
}
//判断此页面是不有语言选项，有则执行下面的操作，避免出错。
if (!$("language")) {
return false;
}
//获取语言选项下目标
var li = $("language").document.getElementsBy ...
Web2.0十大Ajax安全漏洞以及成因
- 博客分类：
- 文章收藏
JavaScript包含的Ajax是Web2.0应用的一个重要组成部分。该部分的进化发展使网络变成了
超级平台。该转变同时也催生了新品种的病毒和蠕虫，比如Yamanner,Samy
以及Spaceflash等等。Google,Netflix,Yahoo
以及MySpace等门户网站在过去的几个月里都因为新的漏洞而蒙受一定损失。黑客们可以利用这些漏洞进行钓鱼，跨站点脚本(XSS)以及跨站点伪造
(XSRF)请求等攻击。
Ajax中没有固有的安全漏洞，但是对该技术向量的适配显著地改变了网络应用的开发途径以及方法论。以
前，DCOM和CORBA组成核心中间件层的时候，将数据和对象 ...
编码20年的老程序员分享所积累的20条编程经验
- 博客分类：
- 文章收藏
从11岁时，我就一直在编程，并且一直都很喜欢技术和编程。这些年来，我积累了一些艰难又容易的经验。作为一名程序员，你或许还没这些经验，但我会把它们献给那些想从中学到更多的朋友。
我会持续更新这些经验，我可能还会有更多的感想，但就我这20年来看，我想下面这个列表中基本不需要增添额外的东西了。下面就是我至今最难忘的经验。
1. 估算解决问题所需要的时间。
不要怕，承认吧!我曾见过一些程序员为了解决一个特殊问题而坐在显示器前面8小时。为自己定一个时间限制吧，1小时、30分钟或甚至15分钟。如果在这期间你不能解决问题，那就去寻求帮助，或到网上找答案，而不是尝试去做“超级堆码员”。
2. 编程语言是 ...
我们经常遇到需要动态加载JS，有时一个，有时候多个，每次都使用DOM很麻烦，现在可以把它封装起来，直接调用就可以了，而且设置一个状态，如果已经添加就不需要再次添加，代码如下：
function loadJS(url){
var statu = true;//初始状态
var js=document.getElementsByTagName("script");
for(var i=0; i< js.length; i++){
if(js[i].getAttribute("src") == ...
Jquery是一个优秀的Javascrīpt框架，它改变了程序员的编程习惯，一个简单的操作执行复杂的功能，还有兼容性方面也做得很好，功能强大的没话说了，如果你没听过Jquery，那我就没话说了，呵呵。
最近一个项目中要做一个拖动的功能，基于Jquer开发的，不过遇到一个问题，也可以说是兼容性的问题吧，我们让一个DIV居中，一般的做法是<div style="position:absolute; width:500px; height:200px; left:50%; top:50%; margin-top:-100px; margin-left:-250px;" ...