- 博客(66)
- 收藏
- 关注
RSS订阅原创 一个让以各种类型元素为容器的“按钮”都文字居中的方法
最近在做一个Button控件，这个控件不仅限于使用<button>标签做容器，还允许使用<span><div>设置<h1>这样的标签。但是，对容器类型的大容忍度的代价就是要协调好这些容器在不同浏览器下的不同表现。下面总结下需要处理的兼容问题： 1. <= IE7版本的浏览器，不支持box-sizing属性的设置，且，but...
2013-06-29 13:05:14
295
原创 JS类中能模拟出依赖对象本身的可变的私有属性吗？
JS是轻量级语言，在类的概念上没有如Java那样严格意义上私有函数，公有函数，私有属性，公有属性。但是我们考虑到复用，仍然会希望能够模拟出这些特性。有关私有函数、公有函数的方法，其实蛮简单，就是把私有函数以变量的形式，扔到prototype的闭包中;公有函数则以返回的形式暴露在外面。 function People() {};People.prototype = (f...
2012-11-22 16:11:03
134
原创 JS数组去重
网上关于JS数组去重的方法很多，我这人比较懒，一般知道了一个最快速的，就不想再记那些慢的了。之前比较公认的一种快速方式是引用类似hash表的思想。代码如下： var ddd = [1,2,4,5,2, 222,1,5,6];var uq = {};var rq = [];for(var i=0; i<9; i++){ if(!uq[ddd[i]...
2012-11-13 18:12:05
139
原创 LESS —— 动态样式语言 学习纪要
学习LESS源于一次分享的要求。之前一直没有使用，是因为使用这种以“敏捷开发”为目标而诞生的语言在一开始总是需要一些时间来变换思维，以及随之而来的“如何让CSS也具有结构性”的思考负担。其实这些思考都是应该有的，只是在项目时间比较紧的时候，往往更希望通过“加快打字速度”来提高效率。。。。 言归正传。。。LESS的语法和使用在中国社区已经描述的很清楚了，所以我只从自己学习使用的角度记录些需要...
2012-08-30 18:54:02
177
原创 关于PHP 中 session值丢失的一个案例
其实此时此刻我并不知道造成这个错误的深层原因是什么，也不知道问题被解决的具体道理，只是先把这种异常情况记录一下，以防有人跟我一样被折磨过长时间。 这个问题是在我做一个腾讯微博授权绑定功能时出现的。 我希望在微博授权完成后使用session记录token信息，然后在创建关联账户时会用到这个session，期间不可避免的会页面跳转。然后问题出现了，页面在跳转后，session丢失了，而...
2012-07-11 22:07:33
399
原创 CSS学习笔记
使用CSS有些年头了，但是很惭愧从来没有系统的看过一本书，基本都是“问题和需求”驱动的学习。最近比较闲，搞本《CSS权威指南》来看看，把一些之前忽略的问题总结一下，留待后用。 引言 1. CSS的意义： 在保持HTML结构化的同时丰富页面效果；缩减文件大小 出于这个意义，在css出现后，我们在书写html代码时，应该尽量避免使用样式标签，如<b&...
2012-07-09 22:35:09
95
原创 阶段性总结。。。
自己的空间，不说废话了。。。 1. 通过配置apache服务器的httpd-vhosts.conf文件完成不同域名之间、一级域名到二级域名的跳转，参见：http://blog.sina.com.cn/s/blog_5cdc071b0100c4ij.html 2. 通过修改ci（codeigniter）的routes.php文件实现url的RESTful化，如，将 xxx.yyy.c...
2012-05-16 17:29:04
77
原创 页面中包含大比率压缩图片会损耗内存
最近做了一个类似美丽说的图片分享网站，测试时发现打开某个网页时，firefox在资源管理器里的内存占用从原来的130M瞬间上升到了800M。。。这是个恐怖的数字。回去看自己的代码，猜想有没有可能是内存泄露的原因，但是内存泄露也不至于“瞬间”上升吧？接着发现某些页面就没有这种现象，对比了下，原因便一目了然了，占用巨大内存的页面拥有大量的高压缩图片——这个名字我自己起的，指的就是那些原尺寸很大，但是显...
2011-12-25 23:58:53
152
原创 PHP. 在判断语句中，0值的$_POST想到于false
好吧，今天又因为由基础不扎实而导致的低级错误耽误了好多时间。。。。 我从前端取到一个价格数据传回后台，使用$_POST['price']接收。原本代码中设置了对price参数是否存在的判断，我是这么写的。。。。 if($_POST['price']) { //do something} 结果发现，对于 price = "0" 这种传入值始终无法执行“...
2011-11-25 19:03:26
286
原创 上传图片一直不变的问题 | IE的file无法手动置空
今天在开发一个图片上传控件的时候，发现在IE8下上传一张图片后，接着再上传一张，居然显示的是之前的那张图片。造成这个问题的原因其实很简单： 我用uid+type作为后台存储图片的新名字，也就是，每个user只保存一张图片，这样，每次上传后，图片的src其实都是一样的。浏览器会把相同src的图片自动缓存。因此，虽然后台的图片已经更新，但是浏览器确实从缓存中读出来的，因此一直...
2011-11-19 04:15:08
188
原创 做一个资源加载进度条
最近在开发一个工具类的网站，网站的背景和各模块的构建都需要加载很多图片资源。网速快得情况下还好，但是网速稍微慢一些，就会出现页面上短暂的CSS混乱或者图片空白的状况，使得用户体验相当的不好。所以就想到了使用一个资源加载进度条，在完成这些图片加载之后，再像用户显示界面。完成这个功能需要掌握如下key： 如何为css中的背景图设置缓存：其实很简单，只要缓存那张图片就可以了，也就是创建一个...
2011-11-14 15:51:01
182
原创 【Frontend Knowlodge Chart】 学习之安全相关
安全相关考查前端及系统安全方面的知识，需要对各种攻击手段和防范措施有基本的了解。知识点HTML转义符号、脚本转义符号。 参见百度百科：http://baike.baidu.com/view/73.htm常见的XSS漏洞，及其避免方式。Xss（跨站脚本攻击），简单来说，就是让不支持富文本的区域支持了富文本的执行，例如blog的标题是不支持富文本的，但由于页面显示时没去...
2011-10-20 19:54:28
141
原创 【Frontend Knowlodge Chart】 学习之HTTP协议
HTTP协议 考查HTTP协议的认知程度和基本知识。知识点HTTP协议的概念，HTTP请求、响应的组成。常见HTTP Method表达的意思，不仅仅是GET和POSTGET： 请求指定的页面信息，并返回实体主体。HEAD： 只请求页面的首部。POST： 请求服务器接受所指定的文档作为对所标识的URI的新的从属实体。PUT： 从客户端向服务器传送的数据取代指定的文...
2011-10-20 19:53:10
149
原创 【转】Frontend Knowlodge Chart
转一个牛人总结的前端知识框架图 http://www.otakustay.com/wp-content/uploads/2011/03/fe-knowledge-chart.htm 今儿开始，决定一条一条的过筛子，不然，妄称FE啊！！！ ...
2011-10-17 16:21:32
88
原创 我最近新学会的XXX
最近忙上，忙下，忙里，忙外，活儿做了不少。这里有重复劳动，也有新奇体验。重复的就无需再说，记录下新近学到的一些东西，以免以后遇到又去找来找去，baidu google的。。。。 内容都很基础，涉面也很杂，如果这个博客不小心被哪个大牛看到，不要嘲笑我。。。。 iframe相关： 两站交互问题：使用背景：A站想要与B站进行交互实现方式：在...
2011-09-01 18:28:06
79
原创 【转】Firefox下iframe的onload事件有可能无法触发 作者：zhanglili
Firefox下，已经load的document，重新open再write一个iframe，则这个iframe的onload不会执行。重现步骤在页面中放置一个iframe，并注册一个onload处理函数。在该处理函数中，打开iframe的文档流。向文档流使用document.write写入一个iframe，这个iframe包含一个onload属性。查看onload的处理...
2011-05-31 14:29:12
692
原创 避免function的循环引用
循环引用 window.onload = function(){ var el = get(); el.onclick = function(){ } //循环引用： ao->el->function->ao //1. el = null; //2. 不持有dom， el.onclick 改成 get()....
2011-05-26 16:44:50
116
原创 如何获取一个dom元素的绝对位置
应用场景：鼠标滑过某元素时，需要弹出一个信息标签，标签的位置要根据滑过元素的位置而定。 难点：目标元素并不一定是absolute的，因此不能简单的通过top，left这种属性获取。元素可能包裹在n个父元素内，需要把这些因素都考虑进去。 解决思路：先获取该元素的offsetLeft和offsetTop，然后取它的offsetParent，并向外循环，累加这些left和...
2011-05-18 12:05:56
2024
原创 关于CSS Selector的优先级
用CSS这么些年，从来没从算法级别考虑过它的优先级原理，只是凭经验记住类似“id最大，class其次”这种tip。今儿看到一篇讲css优先级算法的文章，豁然开朗，引过来，记录一下。 其实CSS的算法就是下面这张图， 解释一下： CSS中主要有 style， #， .，tag，四种 selector 。按照顺序分别占据*,*,*,*的第1，2，3，4个位置。将一串...
2011-05-16 15:27:30
303
原创 javascript，php文件上传详解
今儿说点儿基础但是蛮重要的前端技术——使用file input实现文件上传。 话说很久以前，我一直以为鼠标在点击file input，弹出dialog，选择文件点”打开“以后，文件就自动上传了的，现在终于知道，自己太傻太天真了。操作系统才不会自动帮你做那个事情捏~ 今天跟踪了下js执行的流程，知道了真正执行上传动作之前在本地客户端到底完成了哪些动作。 当点击...
2011-04-29 19:20:58
162
原创 IE6下left绝对定位诡异错误
今天开发自己的一个小网站时出现一个诡异的错误：目标div明明设置了“position:absolute;left:0"的css样式，但是页面在IE6下显示出来，该div莫名的向右偏移了n多px，败家IE6没有办法监测dom，所以我只能猜。这个瞎猫碰死耗子的过程我就不描述了，只说结果： 原因：绝对定位的div的外部父div因为没有设置高度，在IE6下默认成0，且不会因...
2011-04-29 01:44:17
146
原创 【转】浅谈跨域WEB攻击
转自http://www.80sec.com/cross_domain_attack.htmlEMail: rayh4c#80sec.comSite: http://www.80sec.comDate: 2011-04-07From: http://www.80sec.com0×00 前言一直想说说跨域web攻击这一概念，先前积累了一些案例和经验，所以想写这么一篇文档让大家了解...
2011-04-08 17:54:13
221
原创 SecureCRT 常用命令
老大今天让用SecureCRT登录linux机器。为了应付我的臭脑子，引来一片常用命令的文章做备忘。文章引自http://www.cnblogs.com/ztf2008/archive/2009/09/11/1564979.html。感谢作者。常用命令：一、ls 只列出文件名 （相当于dir，dir也可以使用） -A:列出所有文件，包含隐藏文件。 -l：列表形式，包含文件的绝大...
2011-04-07 16:08:34
123
原创 我大意了大意了~ 360浏览器的js标准还挺高的！！
今天用360浏览器测一个网页，其中一个js文件莫名其妙的没有任何执行效果。FF，IE7,8都没问题。浏览了一下代码，觉得没什么问题。无奈之下，换了个js编辑器，结果赫然出现两个红叉叉。原来是有两个json对象的写法不标准，最后一个属性值后面多加了“,”。果断删掉，重新运行，世界恢复平静了。。。。 前车之鉴啊，无论浏览器怎么智能，代码书写还是要保证标准才是正道。...
2011-04-06 14:06:17
102
原创 为什么IE取screen.width不准确？
前几日做一个根据显示器分辨率动态分配每行图片个数的功能时碰到题目中的问题。出现此问题应满足以下条件： 1. 使用IE浏览器。2. 使用双显示器。 我的作案条件： 1. 主显示器设为我的笔记本显示器（1280*800）。2. 第二显示器分辨率（1680*1050）。3. 在第二显示器中打开网页。 结果：...
2011-03-30 20:04:41
542
原创 js实现滚动条到底自动加载图片
之前Google的图片搜索结果界面提供了一个功能，即滚动条滚动到接近底部的位置自动加载剩余图片。个人觉得这个功能还蛮人性化的，避免来回翻页的繁琐，让搜索结果以增量形式展现。所以也自己仿造了一个。功能是基于JQuery的。下面是代码。 $(window).scroll(function() { var o = $('#pincontainer'); ...
2011-03-30 19:52:18
463
原创 CSS3实现红心动态变化效果
情人节降至，用CSS3做个红心，送给那个我想见见不到的人。。。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> New Document </TITLE><META NAME="Ge
2011-02-13 19:00:14
607
原创 如何解决IE，FF的div宽度兼容问题？
记得n久以前，引了别的大侠的一篇FF，IEdiv宽度兼容方面的文章，结果自己不求甚解，读文儿读半句，结果就是使用一个巨愚蠢的方法解决一个简单的问题使用了好久。 不多说了，这个兼容问题很常见，就是width，padding，margin之间的那点事。 习惯那我这样裸写（所谓裸写，就是html头不加!DOCTYPE做限制）html代码的同学大概都知道，IE和FF处理这...
2011-01-29 18:40:12
174
原创 来点基础的——td设置固定宽度后，会自动拉伸吗？
这是一道看似很简单，但是很考察html基础的笔试题。面试回来后，赶紧测了 一下，发现答案是：不会。于是博主的变态好奇心泛滥了，开始排列组合。 下面代码是各种宽度组合，有符合我的逻辑的，有诡异不可控的。感兴趣的同学运行一下看看吧。 看代码：<HTML><HEAD><style type="text/css">tab...
2011-01-29 14:48:51
422
1
原创 用事实说话---看看事件冒泡
直入正题，看看下面的代码： <HTML><HEAD><style type="text/css">#outer{ display:block; width:200px; height:40px; background-color:green;}#inner{ display:block; ...
2011-01-29 00:24:19
93
原创 浏览器脚本兼容总结（持续更新）
笔记而已。。。 1.日期函数取年号var date = new Date();var year = date.getYear();IE：当当前年号>2000时，直接返回当前年号。如2011，返回2011；当当年年号<=2000时，返回年号=当前年号-1900FF：返回年号=当前年号-1900兼容解决：使用getFullYear()或getUTCYear();...
2011-01-22 19:48:17
158
原创 JavaScript实现动态时间效果
首先说明JavaScript日期相关的一些操作。1.创建日期对象 var dateObj = new Date()//返回当前系统时间，Thu Jan 20 2011 23:25:24GMT+08002.获取时针数字 dateObj.getHours() // 23 3.获取分针数字 dateObj.getMinutes() //25 4.获...
2011-01-21 00:28:08
318
原创 CSS布局：两列，左边宽度自适应，右边宽度固定200px
这是百度的一道笔试题，网上的答案相当统一的只有一个。但是我本人不是很喜欢使用position：absolute这种属性，所以自己重新写了一个。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> New Doc...
2011-01-20 22:58:13
1422
原创 JavaScript操作cookie
相关知识： 不同的浏览器对cookie的实现也不一样，但其性质是相同的。例如在Windows 2000以及Windows xp中，cookie文件存储于documents and settings\userName\cookie\文件夹下。通常的命名格式为：userName@domain.txt。 应用场合： 缺点： 1.cookie可能被禁用。当用户非常注重个人隐私保护时，他很可能禁用浏览器的c...
2011-01-20 01:36:17
66
原创 图片跑马灯
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> New Document </TITLE><META NAME="Generator" CONTENT="EditPlus
2011-01-20 00:37:04
90
原创 JQuery实现图片幻灯片效果
效果图： source code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> New Document </TITLE><META NAME="Generator
2011-01-19 23:25:22
562
原创 为节点绑定事件的几种方法
“绑定事件”是UI开发中最常用到的操作之一，这里介绍几种方法，供大家选择： 1、html内嵌法 顾名思义，就是在html代码里节点代码里绑定事件。如下面代码 <html><head><script type="text/javascript"> function test(){ alert("bang"...
2010-11-28 13:01:17
887
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人