JavaScript

在IE中用CSS3选择器

如果能在IE中实现一些高级的CSS技术,比如CSS3选择器、CSS3多背景、CSS3阴影等。或许就能更好的学习新技术,而不会总感觉那么遥远,总感觉新技术用不上。

写了一个JS。页面中只需引入这个JS,一些高级的CSS技术在IE中同样有效。实现起来很简单,比如选择器(现在只写了选择器 = =),通过JS找到一些高级选择器特有符号(如[] + ~ > *= ^=),把这些样式变成某个类的样式,把这个类名添加到相应的元素标签上。利用 jQuery 找到IE中相应的元素标签。

我找了下网上实现相同功能的办法,都需要一些配置,或者必须得在服务器环境下开发才行。我不是资深的工程师,不想那么麻烦,尽量做到跟平时写静态文件一样。也许这样看起来安全上没那么严谨。同时还有一些问题没解决,比如一些伪类没想好怎么处理。

看一下 demo 吧,共同解决。
点这里是 github 项目地址


用不用jQuery库

我也一直在想这个问题:用不用JQ库?

有人说用了之后会让人变笨,写的再好不了解具体的东西其实还是不会…什么什么的。

这几天有些碎碎的想法:
1、各种库层出不穷的出来是帮助人解决问题的。
2、要深刻学习机器语言,不要用什么汇编语言、高级语言,那会让你搞不清计算机具体是怎么工作。现在还有抱这种想法的人吗?
3、能把jQuery整好的人,基础的JavaSrcipt不可能太差。这不是两种割裂的语言。(相反,精通JavaSrcipt的人,有可能对jQuery一窍不通,但要学起来会相当快,甚至不能说那是“学”,只是了解一下相应的套路即可。)
4、我们的工作是解决问题,不是研究基础语言的。需要用JavaSrcipt的项目,不介意具体用什么办法,用JavaSrcipt可以,用jQuery也可以只要能解决问题。(jQuery是开源的不会带来技术之外的其他问题)
5、由第4点说来,有些项目不用jQuery,是因为jQuery不适合这个项目只好选择其他库而不是改用原生的JavaSrcipt。
6、由第5点说来,用不用jQuery库这个问题,应该换为“只用jQuery?”。多了解其他比如YUI、Prototype、MooTools知晓他们之间的异同、功能侧重对原生JavaSrcipt的理解也更能深入一层。
7、抱着原生JavaSrcipt不放,不如找个相应的库迅速解决问题。这不就是所谓的“站在巨人肩上”吗?
8、有更多的时间关注新东西,应该远远好于纠结于已有解决办法的老问题。


基于jQuery的仿flash的幻灯片演示插件

把工作中的一个仿flash的幻灯片演示,打包成了jQuery插件。大概满足以下需求:
1、点击小图片切换大图片;
2、每隔一段时间自动播放下一张图片;
3、点击左右按钮,显示相应前后图片;
4、如果当前图片是最后一张,则返回到第一张重新开始;
5、小图片有滚动效果;
6、大图片有渐入效果。

这里有演示地址,请点击参观
——————分割线——————
顺便把源代码放到了github,虽然我不知道这个网站是干嘛的,但貌似很火。费了半天劲才整上去,请点击这里


浏览器开发者工具

1. Firebug
对于网页开发人员来说,Firebug是Firefox浏览器中最好的插件之一。它可以对已有的样式进行修改或者添加新的样式,并且直接在页面上预览效果。详细应用情况可以参看一峰同学的这篇文章

2. IE8
对于网页开发人员来说,IE系列一直是个挥之不去的噩梦。IE6/7见最后“IETester”的介绍,IE8原生了开发者工具,虽然跟Firebug相比差点,但也有它自己的特色,比如集成了Firefox下Web Developer插件的功能;新的标尺和取色工具;设置IE7标准/IE8标准/怪癖模式三种兼容模式等等。请看:教程一教程二

3. Safari
Safari的开发者工具默认安装的时候没有启用,可以通过“偏好设置” -> “高级” -> 勾选 “在菜单中显示‘开发’菜单”启用,启用后即可通过菜单栏打开,也可以单击鼠标右键然后“检查元素”。Safari的开发者工具与Firebug基本差不多但也有区别,比如不能新建一个样式,只能修改已有样式的值。Safari有个特点就是可以改变用户代理,从而将自己识别为另一个浏览器,看来Safari还在缅怀上个世纪的浏览器检测大战。网上对Safari的介绍不多,官网应该是比较详尽的。

4. Chrome
Google Chrome与Apple Safari同为Webkit内核,开发者工具长的一个样。右击鼠标“审查元素”即可打开,需要知道的是Chrome3.0的开发者工具还是英文版。

5. Opera
Opera的开发者工具叫做Opera 蜻蜓,与Firebug一样的大同小异,Opera 9.5 及以上版本通过“工具”->”高级”->”开发者工具”启用。可以下载 Opera 调试菜单来配合 Opera 蜻蜓。在我的工作中对Opera的接触不多,所以详细情况还是看看官网的介绍,发烧友级别的可以去论坛逛逛。

6. IETester
IETester是没有装虚拟机的朋友测试IE兼容性的必备软件。而IETester的团队之前是做IE浏览器的网页开发插件DebugBar的,自然DebugBar插件也可以整合进IETester。追求代码完美,被IE烤的焦头烂额的朋友可以在这里下载,使用请点这里


网页截屏3

ciudadesycostas.com

ciudadesycostas.com

ciudadesycostas.com

ciudadesycostas.com


Copyright © 2008-2012 Chesanqi's Web World. All rights reserved.
Jarrah theme by Templates Next | Powered by WordPress