随笔分类 -  工作心得

摘要:最近一个项目,要在静态页面上上传附件(头像),如果是动态网页就比较好做,但是静态页面就要采用另外的解决方案,其中的一种方法就是使用iframe,1 <form action="服务器地址" target="uploadImage" method="post" enctype="multipart/form-data">2 <input type="file" />3 <input type="submit" />4 </form> 阅读全文
posted @ 2012-09-06 17:05 kingwell 阅读(677) 评论(0) 推荐(0) 编辑
摘要:一般我们删除Cookie的话是指出Cookie名,然后把这个Cookie的expires设置为一个过去时间,但是如果网站有很多Cookie,但一个一个地清除的话是比较麻烦的,现在有了批量删除Cookie的方法,代码如下: 1 function clearAllCookie() { 2 //获取所有Cookie,并把它变成数组 3 var cookies = document.cookie.split(";"); 4 //循环每一个数组项,把expires设置为过去时间,这样很容易地消除了所有Cookie 5 ... 阅读全文
posted @ 2012-09-06 16:46 kingwell 阅读(767) 评论(0) 推荐(0) 编辑
摘要:1 原则一: 继承不如指定 2 原则二: #id > .class > 标签选择符 3 原则三:越具体越强大 4 原则四:标签#id >#id ; 标签.class > .class 5 6 CSS优先级权重计算法 7 8 CSS优先级包含四个级别(标签内选择符,ID选择符,Class选择符,元素选择符)以及各级别出现的次数! 9 10 根据这四个级别出现的次数计算得到CSS的优先级。11 12 CSS优先级的计算规则如下:13 * 元素标签中定义的样式(Style属性),加1,0,0,014 * 每个ID选择符(如 #id),加0,1,0,015 * 每个Class选 阅读全文
posted @ 2012-09-06 16:30 kingwell 阅读(8327) 评论(0) 推荐(1) 编辑
摘要:在项目中,经常会碰表格排序,最近整理了一个表格排序包括字符串,日期,整型,浮点型,以及图片等高级排序,将服务器功能转移到前端实现,减轻了服务器压力,功能比较强大。 1 (function () { 2 /** 3 @ Author: Kingwell leng 4 @ Date : 2012-8-22 5 @ Blog : http://kingwell-leng.iteye.com/ 6 @ Email : jinhua.leng##gmail.com 7... 阅读全文
posted @ 2012-09-06 16:27 kingwell 阅读(1895) 评论(1) 推荐(0) 编辑
摘要:fiddler2功能强大!!! 阅读全文
posted @ 2012-09-06 16:23 kingwell 阅读(138) 评论(0) 推荐(0) 编辑
摘要:我们经常遇到需要动态加载JS,有时一个,有时候多个,每次都使用DOM很麻烦,现在可以把它封装起来,直接调用就可以了,而且设置一个状态,如果已经添加就不需要再次添加,代码如下: 1 function loadJS(url){ 2 var statu = true;//初始状态 3 var js=document.getElementsByTagName("script"); 4 for(var i=0; i< js.length; i++){ 5 if(js[i].getAttribute("src") == url ){ 6 s... 阅读全文
posted @ 2012-07-05 12:25 kingwell 阅读(349) 评论(0) 推荐(0) 编辑
摘要:Jquery是一个优秀的Javascrīpt框架,它改变了程序员的编程习惯,一个简单的操作执行复杂的功能,还有兼容性方面也做得很好,功能强大的没话说了,如果你没听过Jquery,那我就没话说了,呵呵。最近一个项目中要做一个拖动的功能,基于Jquer开发的,不过遇到一个问题,也可以说是兼容性的问题吧,我们让一个DIV居中,一般的做法是<div style="position:absolute; width:500px; height:200px; margin-top:-100px; margin-left:-250px;"></div>我们去做拖动的 阅读全文
posted @ 2012-07-02 17:13 kingwell 阅读(12869) 评论(3) 推荐(0) 编辑
摘要:基本我自己封装的一些常用函数:KW.jsJS Code: 1 /** 2 @ Name : Kingwell Javascript Library 3 @ Author :kingwell 4 @ Date : 2012-8-22 5 @ Email : jinhua.leng##gmail.com 6 @ Version : 1.2 7 @ Update : http://kingwell-leng.iteye.com/blog/1570768 8 功能: 9 1: $ID选择 10 2: 事件绑定,事件移除,获取事件目标 11 3: 阻止冒泡,阻止默... 阅读全文
posted @ 2012-06-28 11:23 kingwell 阅读(1526) 评论(0) 推荐(1) 编辑
摘要:现在CSS Reset的时候,都流行使用line-height:1;了,这个明显的好处就是解决了在input Chrome与Safari里Input框里垂直居中的问题,有兴趣人鞋童可以试一下。 阅读全文
posted @ 2012-06-21 13:55 kingwell 阅读(3454) 评论(0) 推荐(1) 编辑
摘要:Javascript 获取URL指定参数,想破头了,终于想到了。给一个URL与一样Name,返回指定参数:JS Code:<script type="text/javascript">var url="http://www.wondershare.com/reviews/reviews-write.html?mypid=54&p=Wondershare&abc=Wondershare+Photo+Recovery&myos=Windows&name=12345&ID=147"function getUr 阅读全文
posted @ 2012-06-20 10:38 kingwell 阅读(252) 评论(0) 推荐(0) 编辑
摘要:最近公司的软件需要嵌入一个网页,但是需要在其它网站上读取数据,我试了读取不取,这应该是存在跨域问题,网上找了一个,利用<script type="text/javascript" src="......"></script>可以解决这个问题。。。。。 阅读全文
posted @ 2012-06-19 17:19 kingwell 阅读(134) 评论(0) 推荐(0) 编辑
摘要:有时候需要用到IF判断在IE CSS hack(更多方法)当中常用到if IE 来判断浏览器的类型,解决CSS甚至于JS的兼容性问题,之前大家可能知道if IE来解决CSS的兼容性问题,其实if IE不仅仅是用于CSS hack的使用,我们在前端开发中甚至可以使用if IE来做JS的处理,如下面的代码: 引用<!–[if IE 5]> <script>document.write(”仅IE5.0与IE5.5可以识别”);</script> <![endif]–> <!–[if gte IE 5.0]><script>doc 阅读全文
posted @ 2012-06-19 17:10 kingwell 阅读(358) 评论(0) 推荐(0) 编辑
摘要:最近公司的Fantashow要嵌入一个网页,做了一个星级评论插件:HTML Code:<!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><title>template</title>< 阅读全文
posted @ 2012-06-19 17:04 kingwell 阅读(1202) 评论(0) 推荐(0) 编辑
摘要:在上一家公司做网站的时候遇到一个问题,IE6下select标签覆盖div的问题。虽然很多人很讨厌IE6,但是IE6.0还是有很多用户,特别是前端设计人员,很多Bug让人很纠结,关于IE6下select标签覆盖div的问题,现在已经有完美解决办法<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>IE6下select标签覆盖div的解决办法</title> </he 阅读全文
posted @ 2012-06-19 16:59 kingwell 阅读(1626) 评论(1) 推荐(0) 编辑
摘要:最近一个项目刚做完,利用一点时间做下JS总结:对Javascript性能优化就要是以下两个方面:一:下载时间:删除注释,删除制表符和空格,删除所有换行。压缩JS文件。二:执行时间:1:使用局部变量2:避免With语句3:减少使用Eval4:选择正确的算法5:反转循环6:翻转循环7:展开循环8:优化IF语句如果条件比较多,可以使用Switch case9:字符串连接如果比较多的话,可以使用Array和Join10:优先使用内置方法。11:存储常用的值。12:使用数组,对象字面量。13:节约使用DOM 使用文档碎片平时注意这些,你的JS就性能就有大大的提高了。个人愚见,请高手指教! 阅读全文
posted @ 2012-06-19 16:49 kingwell 阅读(252) 评论(0) 推荐(0) 编辑
摘要:现在Javascript库海量,流行的也多,比如jQuery,YUI等,虽然功能强大,但也是不万能的,功能不可能涉及方方面面,自己写一个的JS库是对这些的补充,很多也比较实用,把应用到项目中中去也比较方面,这也是对工作的一些积累,也加深对知识的理解。2012-6-20更新,添加设置Cookie,获取Cookie,删除Cookie方法。很实用哦.......................2012-7-22更新,表格排序,获取URL参数,批量清除Cookie...2012-8-24更新,动态加载JS,Ajax封装,HTML编码... 1 /** 2 @ Name : Kin... 阅读全文
posted @ 2012-06-19 16:42 kingwell 阅读(3471) 评论(3) 推荐(1) 编辑
摘要:删除Array重复元素的方法:<script type="text/javascript"> Array.prototype.del=function(){ var n=[]; if(this.length<1){return this} for(var i=0; i<this.length; i++){ var st=false for(var j=0; j<n.length; j++){ if(this[i].toString() == n[j].toString()){ st=true } } if(!st){ n.push(this[i 阅读全文
posted @ 2012-06-19 16:39 kingwell 阅读(374) 评论(0) 推荐(0) 编辑