![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
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 · 1108 阅读 · 0 评论 -
【Web Tricks 11】模拟Bootstrap标签页的实现
相信大家做前端都会去用Bootstrap,twitter的前端们做了件大好事,自发布以来, 这个框架发展十分迅速,很多人都会给予Bootstrap来写组件等,它带来的直接好 处就是让不太懂设计的人也能做出像样的前端来,可是由于它要考虑很多兼容性 等问题,也会有一些麻烦的地方,比如标签页的实现:使用了a标签。我猜想之所 以用这个的原因应该是想符合锚的思想吧,但是如此一来,问题也来了,如果页面原创 2013-07-25 16:26:10 · 3744 阅读 · 0 评论 -
【Web Tricks 10】web编程中几个容易混淆的函数(概念)
下面有几个函数(概念)平常使用的时候比较容易混淆,这里做个总结(所有图来源于jquery) 1、innerWidth():包含了padding和内容宽度(innerHeight()类似) w3school上给出的innerWidth解释: 只读属性,声明了窗口的文档显示区的高度和宽度,以像素计。 这里的宽度和高度不包括菜单栏、工具栏以及滚动条等的高度。 IE 不支原创 2013-04-18 11:27:17 · 1824 阅读 · 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 · 1707 阅读 · 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 · 2079 阅读 · 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 · 3963 阅读 · 0 评论 -
【Web Trick 4】CSS 实现footer固定页面底部
很多时候我们都需要去实现这个功能:将footer自适应固定在页面底部, 不管页面主内容的大小是多少,可以采用js去实现,但是js实现的话不 是很推荐,因为很多时候js的执行是滞后于页面加载的,所以你会看到 用js实现的动态css效果会导致你的页面刚出来的时候乱成一团,当然 你可以用定时器之类的技巧改善。下面我们尝试用css来实现。 首先是将主标签设为100%,如下: html,原创 2012-12-04 16:42:56 · 3380 阅读 · 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 · 1773 阅读 · 0 评论 -
【Web Trick 5】CSS替代图片
随着互联网内容越来越丰富,我们所架的网站也越来越复杂,很多时候我们都会 听到用户抱怨,这个网站怎么那么卡,半天载不进来等等之类的话,这个时候我 们就要考虑去优化自己的网站了,优化的方法很多,主要是针对不同的架构去做 不同的调研,比如用CSS sprites技术来减少请求,这里主要讲一个用CSS来代 替图片的技巧,达到如下效果: 初始状态原创 2012-12-07 10:40:25 · 1757 阅读 · 0 评论 -
【Web Trick 1】css解决页面居中
说到页面居中,我想对于每个web开发者来说都不陌生,我们常用的方法会是用js来解决, 但是用js会有很多问题,比如: 1、一般是将居中代码放在页面加载的函数中,这就有问题了,如果页面从一个屏幕拉到另 一个屏幕,居中代码不会执行,居中失效 2、不同浏览器对于js的执行不尽相同,很可能你会遇到一些比较奇怪的问题,但是就是找 不到原因 那么我们该如何去做了,在做了一些demo后,觉得用css原创 2012-12-04 10:34:51 · 1199 阅读 · 0 评论 -
【Web Trick 3】常用的js字符串操作函数
Js字符串操作函数大全 /* ****************************************** 字符串函数扩充 ****************************************** */ /* =====================转载 2012-12-04 14:40:56 · 776 阅读 · 0 评论 -
Ubuntu中sendmail的安装、配置
因为项目需要一个邮件服务器功能,用已有的企业邮箱又有各种限制,就来捣鼓了下和这个相关的一些东西。一般是有好几个选择,比如Postfix,sendmail,qmail,第一个我之前用过,但是项目需求只有发邮件,也不知怎的就选择了sendmail,事实证明还是不要作,废话不说,结合自己的一些经验总结一下,希望能让大家少踩坑。 一、安装 必装: sudo apt-get insta原创 2015-06-28 13:24:57 · 6089 阅读 · 0 评论