Dangbao's Blog

近期状态

回家好几个月了,天天陪着媳妇待产,从快节奏的生活突然降速,逐渐适应了。
每天没那么多的事,就觉得时间过得很慢,没事干?没事干就收拾家呗。
包头的夏天还是比较适宜人居的,每天晚上凉快了都出去溜一圈。
媳妇回来以后爱吃起烧麦了,一周至少要吃一次。
工作基本定了,但是得周末跑长途回家了。
正好现在是假期,本老师不用上班啊。
孩子快出世了,想到就激动不已!

其实我是师范生……

其实我是个师范生,包分配的国家统招生,包分配这个词听起来很古老了,但是1999年我们入学的时候确实是这样的,而且还签了定向分配协议。当然,由于地方上的不详原因,积压了几届的毕业生没有分配。于是我自谋出路,于是我学了计算机专业,于是有了这个博客。现在,政府承诺分配,我居然终于要当老师了。

也许,从此后这个博客的内容要有所改变了。。。

再见,北京

开始于2007年10月18日,
离开于2012年05月15日。
这是我北漂4年半的时间。

1张手机卡、
2张银行卡、
3处住所、
4家公司、

再见,春运。
再见,排队。
再见,堵车。

jqueryMobile开发手机网页

现在移动互联网的应用越来越广泛,花了一点时间研究了jqueryMobile,体验到其简单强大的功能,记录一下。

关于jqueryMobile

我们知道jquery最令人称道的就是其兼容性极佳,jqueryMobile同样继承了这个优点。目前可以支持包括安卓、黑莓、iOS和Windows Mobile等其他平台,并利用内置的组件,轻松创建统一的、跨移动设备的界面。同样,在桌面PC浏览器也可以访问哦。查看jqueryMobile Demo页面

配置jqueryMobile

jqueryMobile是基于html5+css3+jquery来构建页面的,我们也可以理解为它是1个jquery插件。当然为了向下兼容,只是用了html5的DTD声明,在页面中还是用xhtml的元素来呈现。默认皮肤的背景和按钮也是用CSS3来写的,我们阅读css文件时候可以看到为了兼容各浏览器的代码。所以,目前看到的情况是IE9以下的浏览器测试,背景渐变显示为纯色背景,边框圆角显示为直角等等。
引入框架:

官方现在已经发布了1.1.0候选版,并称在几周后发布最终版。 全文

使用Dreamweaver正则表达式批量替换

需求:想要将页面所有链接地址替换为#。

方法一

CTRL+F打开“查找和替换”,勾选“使用正则表达式”
查找href="([sS]*?)"
替换为href="#"
副作用:样式表链接地址也会被替换为#,需提前备份。

方法二

也可以查找href="
替换为href="#
这样所有的链接都变成锚点了,原链接地址失效了,哈哈。
副作用:样式表链接也加#了。
全文

浏览器内核小记

现在双核浏览器很盛行,比如搜狗、QQ、遨游、360等等。它们的高速模式都采用Webkit核心,而兼容模式都是采用IE内核,自动找用户本地低版本的IE核心。我们常见的几种浏览器核心:

Trident:

IE浏览器使用的内核,该内核程序在1997年的IE4中首次被采用,是微软在Mosaic代码的基础之上修改而来的,并沿用到目前的IE9。Trident实际上是一款开放的内核,其接口内核设计的相当成熟,因此才有许多采用IE内核而非IE的浏览器涌现(如 Maxthon、The World 、TT、GreenBrowser、AvantBrowser等)。此外,为了方便也有很多人直接简称其为IE内核(当然也不排除有部分人是因为不知道内核名称而只好如此说)。

Gecko:

Netscape6开始采用的内核,后来的Mozilla FireFox(火狐浏览器) 也采用了该内核,Gecko的特点是代码完全公开,因此,其可开发程度很高,全世界的程序员都可以为其编写代码,增加功能。因为这是个开源内核,因此受到许多人的青睐,Gecko内核的浏览器也很多,这也是Geckos内核虽然年轻但市场占有率能够迅速提高的重要原因。

Presto:

目前Opera采用的内核,该内核在2003年的Opera7中首次被使用,该款引擎的特点就是渲染速度的优化达到了极致,也是目前公认网页浏览速度最快的浏览器内核,然而代价是牺牲了网页的兼容性。 全文

html网页基础知识培训稿

分享下给公司写的关于html网页基础知识的培训文档,给各个职位的同事培训网页知识显然是个不太好处理的事情,太简单了索然无味,太复杂了一头雾水。本着给大家复习网页知识的态度,在常规网页介绍中穿插了一些经验和技巧。
点击下载html网页基础知识培训ppt+demo

tr在火狐中display:block显示错乱的解决方法

同事遇到这么一个问题,一个多列表格,其中一行是根据用户操作显示或隐藏。单元行需要显示时,使用display:block属性,不需要显示时使用display:none属性,在IE浏览器中显示正常。

用Firefox浏览时却出现了布局错乱的问题:
属性为"display:block"的tr整行内容宽度仅与第一列td的宽度相同。

解决方法:
用display:' ' 这个属性dispaly后面值为空,IE和FF都兼容了。

简单jquery弹出层

做一个专题页需求是点击后弹出一个层,然后再层上点关闭。弄个插件觉得不太值得,就写了个简易弹出层,原理是通过点击事件显示和隐藏新层,新层通过绝对定位显示在水平居中位置。
点击查看简单jquery弹出层

悬浮表格头部jq插件fixedtableheader

fixedtableheader在线演示

标签:

android bom border css工具 css布局 display DW ff firefox fireworks fixed flashget html ie6 IETester IE开发人员工具 iis jQuery jq插件 win7 WordPress 分类信息 挂马 无线路由器