
Web Tricks
文章平均质量分 82
dengbodb
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
【Web Trick 2】CSS HACK 解决浏览器兼容性问题
使用CSS HACK可以说是没办法的办法,虽然不是很推荐,但是有时必须得用,下面罗列了一下主要用到的HACK技术:使用 IE CSS 条件注释区分 IE 浏览器最简单的区分 IE 浏览器的方法自然是使用他们的条件注释。如下所示: 使用 CSS 解析器 Hacks 区分 IE/* IE */backgroud-color:yel原创 2012-12-04 14:31:51 · 1146 阅读 · 0 评论 -
【Web Tricks 11】模拟Bootstrap标签页的实现
相信大家做前端都会去用Bootstrap,twitter的前端们做了件大好事,自发布以来,这个框架发展十分迅速,很多人都会给予Bootstrap来写组件等,它带来的直接好处就是让不太懂设计的人也能做出像样的前端来,可是由于它要考虑很多兼容性等问题,也会有一些麻烦的地方,比如标签页的实现:使用了a标签。我猜想之所以用这个的原因应该是想符合锚的思想吧,但是如此一来,问题也来了,如果页面原创 2013-07-25 16:26:10 · 3812 阅读 · 0 评论 -
【Web Tricks 10】web编程中几个容易混淆的函数(概念)
下面有几个函数(概念)平常使用的时候比较容易混淆,这里做个总结(所有图来源于jquery)1、innerWidth():包含了padding和内容宽度(innerHeight()类似)w3school上给出的innerWidth解释:只读属性,声明了窗口的文档显示区的高度和宽度,以像素计。这里的宽度和高度不包括菜单栏、工具栏以及滚动条等的高度。IE 不支原创 2013-04-18 11:27:17 · 1864 阅读 · 0 评论 -
【Web Trick 9】实现页面中的“回到顶部”按钮
很多在页面的list很长的时候,我们都需要给用户提供一个回到顶部的向上滚动按钮,这里给出一个测试代码 test .back-to { position: fixed; bottom: 35px; _bottom: 35px; right: 10px; z-index: 999;原创 2013-01-10 14:39:50 · 1748 阅读 · 0 评论 -
【Web Trick 8】JS操作cookie
最近要做的一个东西需要操作cookie,所以就把封装后的cookie发出来。var Cookie = { add: function(objName, objValue, objHours) { var str = objName + "=" + escape(objValue); if (objHours > 0) { var date = new Date(); va原创 2013-01-06 14:55:09 · 2118 阅读 · 0 评论 -
【Web Tricks 7】纯CSS实现的层级(树形)菜单
最近在做后台的导航条的时候,有一个问题是菜单项很多,于是需要做一个层级(树形)菜单,本来是打算用JS来实现,后来想了想还是去用CSS来实现,这样子对于浏览器的支持会大一些,而且不会出现那种闪屏现象,好了废话不说,上代码.menu { display:block; font-family: arial, sans-serif; width:100%; position:fixe原创 2012-12-29 13:29:11 · 4023 阅读 · 0 评论 -
【Web Trick 4】CSS 实现footer固定页面底部
很多时候我们都需要去实现这个功能:将footer自适应固定在页面底部,不管页面主内容的大小是多少,可以采用js去实现,但是js实现的话不是很推荐,因为很多时候js的执行是滞后于页面加载的,所以你会看到用js实现的动态css效果会导致你的页面刚出来的时候乱成一团,当然你可以用定时器之类的技巧改善。下面我们尝试用css来实现。首先是将主标签设为100%,如下:html,原创 2012-12-04 16:42:56 · 3471 阅读 · 0 评论 -
【Web Trick 6】CSS+DIV 自适应高度
在【Web Trick 4】CSS 实现footer固定页面底部中曾经提到过用DOM的盒子模型结合最小高度来实现footer至于底部,这里扩展一下,以最经典的3段结构展示一下利用百分数来实现自适应高度。【Web Trick 6】CSS+DIV 自适应高度html,body{ margin: 0; //覆盖浏览器默认设置 padding: 0; h原创 2012-12-07 17:10:44 · 1812 阅读 · 0 评论 -
【Web Trick 5】CSS替代图片
随着互联网内容越来越丰富,我们所架的网站也越来越复杂,很多时候我们都会听到用户抱怨,这个网站怎么那么卡,半天载不进来等等之类的话,这个时候我们就要考虑去优化自己的网站了,优化的方法很多,主要是针对不同的架构去做不同的调研,比如用CSS sprites技术来减少请求,这里主要讲一个用CSS来代替图片的技巧,达到如下效果:初始状态原创 2012-12-07 10:40:25 · 1805 阅读 · 0 评论 -
【Web Trick 1】css解决页面居中
说到页面居中,我想对于每个web开发者来说都不陌生,我们常用的方法会是用js来解决,但是用js会有很多问题,比如:1、一般是将居中代码放在页面加载的函数中,这就有问题了,如果页面从一个屏幕拉到另一个屏幕,居中代码不会执行,居中失效2、不同浏览器对于js的执行不尽相同,很可能你会遇到一些比较奇怪的问题,但是就是找不到原因那么我们该如何去做了,在做了一些demo后,觉得用css原创 2012-12-04 10:34:51 · 1243 阅读 · 0 评论 -
【Web Trick 3】常用的js字符串操作函数
Js字符串操作函数大全/******************************************* 字符串函数扩充 *******************************************//*=====================转载 2012-12-04 14:40:56 · 814 阅读 · 0 评论 -
Ubuntu中sendmail的安装、配置
因为项目需要一个邮件服务器功能,用已有的企业邮箱又有各种限制,就来捣鼓了下和这个相关的一些东西。一般是有好几个选择,比如Postfix,sendmail,qmail,第一个我之前用过,但是项目需求只有发邮件,也不知怎的就选择了sendmail,事实证明还是不要作,废话不说,结合自己的一些经验总结一下,希望能让大家少踩坑。一、安装必装:sudo apt-get insta原创 2015-06-28 13:24:57 · 6185 阅读 · 0 评论