- 博客(31)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 css文字截断
css文字截断2012年10月31日16:43 <<css文字截断测试.html>>.img_info .info h6 a{ font-size:14px;display: inline-block;max-width:170px;overflow: hidden;white-space:nowrap;text-overflow:...
2013-08-15 19:17:37
264
原创 Javascript跨浏览器处理键盘事件keydown,keypress,keyup
用户在使用键盘时会触发键盘事件。目前，对键盘事件的支持主要遵循的是DOM0级。 在英文输入法下，所有浏览器都遵循以下三个事件：keydown: 当用户按下任意键时触发，而且按住不放的话，会重复触发此事件。keypress: 当用户按下字符键时触发，而且按住不放的话，会重复触发此事件。按下Esc键也会触发这个事件，Safari3.1之前的版本按下非字符键时也触发。keyu...
2013-08-15 18:24:30
321
原创 你真的了解cookie吗
cookie所拥有的属性：name,value,domain,path,expires,secure用以唯一确定一个项cookie的属性：name,path,domain
2013-08-15 18:23:07
242
原创 《CSS权威指南》读书笔记
元素通常有两种形式：替换和非替换，最常见的替换元素为img和input【外链的样式表分为永久样式表、首选样式表（定义不同的title）、候选样式表（alternate stylesheet）】link标记用于文档与其它文档相关联，链接CSS时必须定义rel(relation)【stylesheet|alternate stylesheet(候选样式表，通常配合title属性分组使用)】和ty...
2013-08-15 18:22:32
181
原创 输入框光标定位
function selectText (el,start,end) { if(el.createTextRange){ var Range = el.createTextRange(); Range.collapse(); Range.moveEnd('character',end); Range.moveSta...
2013-08-15 18:20:13
210
原创 SEO
影响网站排名的因素关键词位置：title位置最重要关键词密度（2%-8%）内容质量：内容原创性和相关性链接锚文本：页面权重：BR、PR值高低页面导出链接：URL结构：层级不能太深页面的重要性：外站给内站的链接SEO主要内容域名尽量短（考虑关键字，域名历史等），保证服务器的稳定性以及同一IP其它网站的质量URL设计规范化：（简洁直观、避...
2013-01-11 00:09:29
230
原创 前端性能优化
Web性能优化手段： 减少HTTP请求数使用CDN给HTTP头部添加过期时间使用Gzip压缩样式表置于页面最前面把脚本放在最后使用外部JavaScript和CSS8.压缩(Minify)Javascript和CSS背景图片数量及大小的优化避免使用 CSS 表达式（Expression）用 <link> 代替 @import避免使用滤镜...
2013-01-10 23:48:45
127
原创 Jade模板引擎入门教程（转载）
Jade模板引擎入门教程Jade是一款高性能简洁易懂的模板引擎，Jade是Haml的Javascript实现，在服务端（NodeJS）及客户端均有支持。 功能 客户端支持 超强的可读性 灵活易用的缩进 块扩展 代码默认经过编码处理以增强安全性 编译及运行时的上下文错误报告 命令行编译支持 HTML5模式（使用!!!5文档类型） 可选的内存缓存 联合动态和静态标记类 利用过滤器解析树的处理...
2012-12-27 15:41:05
195
原创 各浏览器的HACK写法（转载）
各浏览器的HACK写法Hack是针对不同的浏览器去写不同的CSS样式，从而让各浏览器能达到一致的渲染效果，那么针对不同的浏览器写不同的CSS CODE的过程，就叫CSS HACK，同时也叫写CSS Hack。然后将Hack放在浏览器特定的CSS文件中，让其符合条件的浏览器解析这些代码，就如前面所说的条件样式，我们将CSS Hack代码放入条件样式文件中，符合条件的浏览器就解析，不符...
2012-10-24 17:09:28
146
原创 网页加载过程详解
网页加载的详细步骤拆分：1、用户打开url链接2、浏览器查询url的dns地址3、提交url请求到服务器端4、服务器端处理5、传输处理好的html文本内容到浏览器6、浏览器解析html，并加载css，js，图片等内容7、加载完成，用户看到完整的页面内容 其中第六步的浏览器解析过程将是前端优化最直接、有效的地方，该过程的详细过程为：接受网络数据-》将二进制码变成...
2012-10-15 14:45:48
853
原创 五、引用类型
对象属性的访问一般为点表示法，但javascript也可以使用方括号表示法来访问对象的属性。这两种访问对象属性的方法没有任何功能区别，但使用方括号语法的优点是可以通过变量来访问属性。ECMAScript 5为数组添加了两个位置方法：indexOf()和lastIndexOf()。（IE 9+才支持）同时ECMAScript 5还为数组定义了5个迭代方法。（以下方法不会修改数组中的包含...
2012-09-14 14:16:42
130
原创 javascript类的模拟（对象、继承、私有属性、私有方法）
对象 在构造函(在调用函数时，若没有传递this对象，会在内部创建一个临时的this对象)数内部使用this关键字创建类的共有属性和方法，最后显示返回this对象，或者用new关键字隐式返回这个临时对象。 function Parent(name){ this.name = name || "default"; //赋予默认值 //return this...
2012-09-07 12:06:20
247
原创 IE6图片透明兼容性问题
首先，万恶的IE6是支持png-8的，但是在如今的富客户端下，png-8往往满足不了需求，我们需要跟精细的png-24甚至更高，那么很快问题就来了，IE6是不支持png-24的透明的。一下介绍IE6兼容png-24图片的两种方式：一、使用滤镜 #test{display:block;width:120px;height:120px;background:url(img/test.png...
2012-09-05 14:06:07
140
原创 四、变量、作用域和内存问题
五种基本类型的值在内存种占据固定大小空间，因此被保存在栈内存种，引用类型的值是对象，保存在堆内存中。确定一个值是哪种基本类型用typeof操作符，而确定一个值是哪种应用类型可以用instanceof操作符，但在多框架的页面中存在问题，常用Object.prototype.toString.call(value)判断，检测数组还可用ECMAScript 5提供的Array.isArray...
2012-09-03 13:30:02
114
原创 javascript数组操作
join(delimiter): 把数组中各个元素使用分隔符(delimiter)拼成字符串concat(array1, array2, ...): 合并数组，对原数组不影响，只是返回合并后的新数组pop(): 删除并返回最后一个元素push(element1, element2, ...): 在数组末尾追加元素shift(): 删除并返回第一个元素unshift(element1, elemen...
2012-08-30 22:37:48
122
原创 利用浏览器特征识别浏览器版本
function selfUserAgent(){ if(window.ActiveXObject){ //MSIE 6.0 or below //判断是否是IE 7以上 if(document.documentElement && typeof document.documentElement.style.maxHeight != "unde...
2012-08-29 13:19:29
192
原创 js弹窗被浏览器拦截问题
对于需要跳转新页面的链接，js中的window.open()方法会经常被浏览器拦截而带来不好的用户体验。解决方法为用a标签的href和target完成打开新窗口，这样将不被浏览器拦截。a标签的跳转为显示跳转，所以不被拦截。可以在a的click事件里动态更改a标签的href属性完成动态打开新窗口的功能。...
2012-08-21 18:03:26
835
原创 窗口自关闭
关闭当前窗口的js：兼容IE 6 7； <script type="text/javascript"> function selfClose(){ window.opener = null; window.open('','_self'); window.close(); };</script> FF下得先配置允许自关闭： ...
2012-08-20 15:25:43
150
原创 三、基本概念
标识符：指变量、函数、属性的名字，或者函数的参数。标志符规则：第一个字符必须是一个字母、下划线（_）或一个美元符号（$）;其他字符可以使字母、下划线、美元符号或数字；（其中的字母可包含扩展ASCII或Unicode字母字符，但不推荐）严格模式（ECMAScript 5）：在整个脚本中启用严格模式，可以再顶部添加代码："use strict";也可以放在指定函数内表示在指定...
2012-08-16 13:50:43
114
原创 二、在HTML中使用javaScript
标签的位置：一般把全部JavaScript引用放在<body>元素中，页面内容后面。延迟脚本（defer="defer"）：浏览器立即下载，但延迟执行，延迟到页面解析完成后执行，说明此脚本的执行不会影响页面的构造。异步脚本（async="async"，仅适用于外部脚本）：异步加载，立即下载文件，不保证文件加载顺序。...
2012-08-16 11:35:45
150
原创 Photoshop CS5快捷键技巧大全（转载）
关闭当前图像 【Ctrl】+【W】打开“预置”对话框 【Ctrl】+【K】显示最后一次显示的“预置”对话框 【Alt】+【Ctrl】+【K】设置“常规”选项(在预置对话框中) 【Ctrl】+【1】设置“存储文件”(在预置对话框中) 【Ctrl】+【2】设置“显示和光标”(在预置对话框中) 【Ctrl】+【3】设置“透明区域与色域”(在预置对话框中) 【Ctrl】...
2012-07-11 13:24:55
190
原创 js跨域方式script格式的ajax请求
据说是处于安全角度考虑，ajax请求不允许跨域，但这却仅限制了传统的html,text,json,xml等格式的数据的请求，而放过了对script格式的数据的请求。也就是说我们可以以script的方式请求一个地址，返回的数据将会以script的方式执行，如此可以通过请求到的脚本在本地创建临时变量,如此实现跨域请求并获得跨域的数据。暂时未研究jsonp是如何实现的，但我猜应该也是基于此原理的...不...
2012-07-07 23:30:49
265
原创 正则表达式（转载）
[align=left; border: none; padding: 5px; width: 960px; font-size: 14px;][align=center; padding: 5px;]常用正则表达式用户名：/^[a-z0-9_-]{3,16}$/十六进制值：/^#?([a-f0-9]{6}|[a-f0-9]{3})$/URL：/^(https?:\/\/)?([\da-z\.-...
2012-07-05 11:11:41
109
原创 关于CSS元素隐藏(转载)
在CSS中，让元素隐藏（指屏幕范围内肉眼不可见）的方法很多，有的占据空间，有的不占据空间；有的可以响应点击，有的不能响应点击。{ display: none; /* 不占据空间，无法点击 */ }{ visibility: hidden; /* 占据空间，无法点击 */ }{ position: absolute; top: -999em; /...
2012-07-02 17:36:54
122
原创 jQuery及原生js对selected，checked等表单项的操作
select获取选择的文字 $("select option[selected]").text();$("select")[0].selectedOptions[0].innerHTML;//或者innerText获取选择项的value $("select option[selected]").val();$("select")[0]. selectedO...
2012-07-02 14:25:26
193
原创 项目bug记录1
get请求中有中文参数的必须编码encodeURIComponent()，注意区别于encodeURI()a标签不自动跳转的在设置href属性为"javascript:void(0)",同时在该标签的click事件的末尾必须return false涉及回显的输入域必须对其中的“，<,>,',&等符号进行编码，如果回显是是填入输入域的话，需先创建好输入域，再解码...
2012-06-27 14:48:36
112
原创 javascript关键字列表
Javascript关键字(Reserved Words)是指在Javascript语言中有特定含义，成为Javascript语法中一部分的那些字。Javascript关键字是不能作为变量名和函数名使用的。使用Javascript关键字作为变量名或函数名，会使Javascript在载入过程中出现编译错误。 Javascript关键字列表： break delete function return ...
2012-06-25 17:15:44
175
原创 js跨frame操作
页内存在多个frame，即多个window对象时。如存在一个top frame 和一个name属性为test的子frame。在top frame中对子frame进行Dom操作 window.frames["test"].document 在ziframe中对top farme 进行Dom操作 window.parent.document iframe里的js要操作父...
2012-06-09 23:12:37
423
原创 HTML特殊字符编码
HTML特殊字符编码2009-07-14 23:34:21标签：HTML 编码 休闲 职场 ASCIIHTML特殊字符编码 在分析HTML字节流或者源代码的时候，需要对HTML特殊字符编码以及ASCII的知识有所了解，才能避免跌入陷阱。一些所列举的都是HTML的一些规范，和ASCII码的官方定义表。放到这里查看方便。 一、一些很重要的...
2012-06-09 14:48:45
289
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人