以图明志

CSS

一些比较高效的CSS写法建议

避免一些低效的key selectors去匹配大量的元素
当浏览器解析html的时候,它构造了一个文档树来展现所有被显示的元素。 它在特定的样式表中去匹配元素,根据标准的css的层叠,继承和顺序规则, 在mozilla的实现中(可能其他的也是这样),对于每一个元素,css引擎通过规则去寻找匹配,css引擎评估每一个规则是从右到左的,从最右的selector开始, 也称之为key selector,直到找到匹配为止。

JavaScript

整理一些JavaScript时间处理扩展函数

之前用到的js处理时间的函数
在JavaScript中,时间处理是经常需要用到的。最近想要慢慢建立自己的代码库,整理了几个之前用到的js处理时间的函数,发出来跟大家分享一下,以后的使用中会不断增加和修改代码库。有时需要把字符串转换为日期对象,用来把形如yyyy-mm-dd或者dd/mm/yyyy的字符串转换为日期对象。

JavaScript

JavaScript各变量类型的判断方法

形如“是否为……?” 的判断的boolean函数
我们很容易被漂亮的代码吸引,也不知不觉的在自己的代码库中加入这些。却没有冷静的想过它们的优劣。这不,我就收集了一系列形如 "是否为……?" 的判断的boolean函数。以上isXX系列中,isUndefined在类库中用的最多。如判断是否传入了某个参数,判断对象是否拥有某个属性等等。但这个函数是不必存在,我已将其移除。

JavaScript

做一个类似JQuery获取DOM对象的$()

dom操作的一个简易函数
在dom操作时,有时根据id获取单个对象、有时根据className获取多个对象。平常可能我们用两个函数来实现这两个功能。不过我将它们整合了一下,目前使用情况良好,函数如下。另外,$与$结合使用的话,就会更加的方便了。

JavaScript

用iFrame模拟Ajax上传文件

$.post直接上传图片是不可行的
前段时间在解决ajax上传文件时折腾了好一阵。直接用$.post上传文本信息肯定是没有问题的。但是$.post直接上传图片是不可行的。后来看到网上的一些解决方案,有现成的ajax上传文件的封装的方法也有利用flash的。flash确实是个好方法 但是不是每个人都会flash的而且下载下来现成的方法要做修改也不是件易事。

JavaScript

JavaScript的团队编程规范

仅作参考
本规范是针对javascript函数式编程风格与公司严重依赖于jQuery进行编码的现实制定出来。禁止使用eval,with与caller(ecma262 v5 的use strict要求)。eval只允许在加密时机器生成。声明变量必须加上 var 关键字,除了在for(;;)循环等语句中,原则上不允许使用连续声明。因为连 续声明的效率不如分开声明高,而且很容易手误致其暴露到全局作用域下。

CSS

IE6支持!important吗?

IE6对!important单个的类是支持的
设了!important的样式的属性优先于id选择器和class选择器。,比如id为"Main"的div在它的Class设背景色为红色,,id选择器下又设了背景色为蓝色,照css的"就近原则",它的背景色应该是红色了,因为id选择器的优先级高于class选择器,但是,一旦class里设了"!important",哈哈,id,一边去吧。

CSS

用IE滤镜实现的一些特效

透明度/阴影/渐变等
CSS3是当下非常火的一个话题,很多浏览器都已经开始支持这一特性,然后IE这个拥有庞大用户群体的平台,却无法提供这样的支持,即便是IE9发布,也无法改变这一事实,然而,幸运的是,IE并非在这方面毫无作为,很多有经验的开发者都听知道IE的滤镜,看看下面的内容将告诉大家,IE是如何通过这些滤镜,实现CSS3效果的。

JavaScript

收藏一个JavaScript字符串连接方法

写成了类的方式,方便调用
最近在看一同事写的代码时,有一个字符串用了一堆"+"号,看了半天没明天到底会输出什么样的内容,就想到用字符串连接的类,把以前的方法写成了类的方式,方便调用。下面的类支持实例调用和静态调用,参数可以是单独的字符串,或者json的格式,或者类似参数数组的方式,见下面示例。

JavaScript

如何写出高质量的JavaScript代码

学习下如何写出高质量的js编码
优秀的Stoyan Stefanov在他的新书中(《Javascript Patterns》)介绍了很多编写高质量代码的技巧,比如避免使用全局变量,使用单一的var关键字,循环式预存长度等等。这篇文章不仅仅从代码本身来考虑如何优化编码,也从代码的设计阶段来考虑,包括书写API文档,同事的review,使用JSLint。

Flex/ActionScript

用贝塞尔曲线绘出美丽的图案

强大的ActionScript编程
神奇的ActionScript3,利用贝塞尔曲线可以绘画出美丽的图形,不得不感叹数学的美丽,还有能够把这种美丽发掘出来的强大的编程语言。下面大家欣赏下这些漂亮的图案吧。

JavaScript

让JS帮你决定午餐吃什么吧

js轮播选择:午餐吃啥?
最愁就是每天中午吃什么了,有空就做了个 JavaScript 轮播随机选择。会轮播预先自定义的菜单中,然后点选定的时候确定一款。代码可以查看本页源代码获得,你可以自定义修改菜单数组。

CSS

用CSS模拟魔兽世界技能冷却的效果

巧用div的边框厚度实现这种效果
显然这种效果不复杂,一张背景图片,加上前面带有透明度的多边形图层,在脚本控制下就可以转起来了。但问题在于用什么方法来构建这个多边形?在IE下可以用VML,其他浏览器可以用Canvas等等。虽然行的通,但都不是最简单的。仔细分析下,该效果本质就是若干个三角形拼接而成。而三角形,如果你熟悉CSS2的话,一定在哪个地方见过。。。

HTML

HTML标签的使用要注意语义化

用什么标签最能描述这块内容
语义化标签:你认为用什么标签最能描述这块内容,觉得这样表述更有意义,那么就可以使用这个标签。现在的浏览器对CSS支持都挺完善的(不包括CSS3),讲究的是结构与表现相分离,结构与行为相分离,一个WEB页面,结构是最主要的,结构相当于一栋房子的墙,标签是一块块砖,砖摆得有序,摆得整治齐,墙才牢固,所以说标签语义化很重要。

JavaScript

格式化金额数与自动四舍五入

可以控制小数位数,自动四舍五入
下面是一个格式化函数,可以控制小数位数,自动四舍五入。例如:12345格式化为12,345.00,12345.6格式化为12,345.60,12345.67格式化为 12,345.67,只留两位小数。调用fmoney("12345.675910", 3),返回12,345.676。

Flex/ActionScript

swf自动播放时如何全屏全部显示

param name="scale" value="noscale"
在QQ Show里面看到一个很可爱的挂件,很想把它弄下来。弄下来的方法很简单,直接去网页缓存文件里面找。找到了之后,按下面的方法插入到网页中。请右键点击上面的flash,可以发现,“显示全部”的选项勾选了。事实上,只要不默认勾选这个选项就可以正常显示了。方法很简单,加上这么一句:param name="scale" value="noscale"
4 / 25 首页 < Prev 2 3 4 5 6 Next > 尾页 页码: