随笔分类 -  web前端开发 技术

fillder代理调试
摘要:手机设置代理之后用fiddle抓取页面的时候开始显示不了。然后设置了一个fiddle Options就好了 记录一下 阅读全文

posted @ 2013-04-19 15:01 kpbiao 阅读(273) 评论(0) 推荐(0) 编辑

jQuery GET POST AJAX與php异步加载
摘要:jQuery异步加载应用越来越多,可以有效解决一次性数据加载量过大的问题,提高网页加载速度,提升用户使用感受,也可以不切换页面做到更新数据的效果。异步加载的方法包括GET、POST、AJAX等,可以加载静态页面,也可以加载动态页面(PHP)的、json、xml数据。关于提升网页加载速度详细方法,請参阅《怎样提高网站访问速度缩短网页加载时间》jQuery API的介绍的写法://$post$.post(url, [data], [callback], [type])//$get$.get(url, [data], [callback], [type])//$ajax$.ajax([options 阅读全文

posted @ 2011-09-26 14:43 kpbiao 阅读(2974) 评论(1) 推荐(1) 编辑

iPad网页开发教程及规则
摘要:在iPad上使用Safari浏览普通网站网页的时候,网页因为太大而导致需要手动放大缩小或者滑动,虽然这种滑动行为在iPad上市之初的各种宣传中被津津乐道,但时间久了我们还是会发现这样做并不方便,给用户带来的感受并不十分好。不支持Flash在没有越狱的iPad Safari中,网站的Flash都是无法显示的,但可以通过第三方软件或插件或者浏览器来解决,不过,即使不能显示Flash,你一样能够用HTML5和CSS3实现同样的效果。没有鼠标光标这意味着鼠标属性,例如鼠标悬停属性是不可能有的。你或许可以为这个找到一些变通的办法,但是到你的用户那里这些该如何工作将会是困难的事。滚动条不能按照预期那样起作 阅读全文

posted @ 2011-09-26 14:29 kpbiao 阅读(3267) 评论(0) 推荐(0) 编辑

em单位
摘要:em有如下特点:1. em的值并不是固定的;2. em会继承父级元素的字体大小。所以我们在写CSS的时候,需要注意两点:1. body选择器中声明Font-size=62.5%;2. 将你的原来的px数值除以10,然后换上em作为单位;3. 重新计算那些被放大的字体的em数值。避免字体大小的重复声明。也就是避免1.2 * 1.2= 1.44的现象。比如说你在#content中声明了字体大小为1.2em,那么在声明p的字体大小时就只能是1em,而不是1.2em, 因为此em非彼em,它因继承#content的字体高而变为了1em=12px。但是12px汉字例外,就是由以上方法得到的12px(1. 阅读全文

posted @ 2011-09-26 10:40 kpbiao 阅读(364) 评论(0) 推荐(0) 编辑

清除浮动mini版
摘要:1)清除浮动mini版(简约而不简单).clr:after { content:"";display:table;clear:both;}.clr{zoom:1;} 阅读全文

posted @ 2011-09-26 09:30 kpbiao 阅读(114) 评论(0) 推荐(0) 编辑

滚动
摘要:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文

posted @ 2011-08-24 16:09 kpbiao 阅读(175) 评论(0) 推荐(0) 编辑

常见错误
摘要:即使是CSS高手,也难免在书写CSS代码的时候出一些小错误,或者说,任何一种代码都是如此。小错误却往往造成大问题,浪费很多无辜的时间来调试和排错。查看下面这份CSS网页布局中易犯的10个小错误,努力的修正你可能会犯的错误,加速你的前端开发效率。1. 检查html元素是否有拼写错误、是否忘记结束标记即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。2. 检查CSS是否书写正确检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具,但也能检查出拼写错误。3. 用删除法确定错 阅读全文

posted @ 2011-08-23 11:38 kpbiao 阅读(137) 评论(0) 推荐(0) 编辑

css好处--忽悠的时候用
摘要:业界越来越关注DIV+CSS的标准化设计,大到各大门户网站,小到不计其数的个人网站,在Div+CSS标准化的影响下,网页设计人员已经把这一要求作为行业标准。那么什么是Div+CSS标准?Div+CSS的标准化设计到底有什么好处?Div 全称 division 意为“区分”使用 DIV 的方法跟使用其他 tag 的方法一样。如果单独使用 DIV 而不加任何 CSS, 那么它在网页中的效果和使用 <P></P> 是一样的。DIV本身就是容器性质的,你不但可以内嵌table还可以内嵌文本和其它的HTML代码CSS是CascADIng style Sheets的简称,中文译作“ 阅读全文

posted @ 2011-08-23 11:23 kpbiao 阅读(232) 评论(0) 推荐(0) 编辑

css缩写
摘要:高效的css写法中的一条就是使用简写。通过简写可以让你的CSS文件更小,更易读。而了解CSS属性简写也是前端开发工程师的基本功之一。今天我们系统地总结一下CSS属性的缩写。色彩缩写色彩的缩写最简单,在色彩值用16进制的时候,如果每种颜色的值相同,就可以写成一个:color:#113366可以简写为color:#136所有用到16进制色彩值的地方都可以使用简写,比如background-color、border-color、text-shadow、box-shadow等。盒子大小这里主要用于两个属性:margin和padding,我们以margin为例,padding与之相同。盒子有上下左右四个 阅读全文

posted @ 2011-08-23 11:20 kpbiao 阅读(348) 评论(0) 推荐(0) 编辑

jQuery性能指标和调优
摘要:本文的写作灵感源自读者关于先前一篇文章的电子邮件反馈;该邮件这样写道 “jQuery 在简单的页面上无可挑剔,但在复杂的页面上性能极其低下。在解决性能问题之前,您必须对复杂页面使用常规的 JavaScript。” 这立即让我想到 “jQuery 和 JavaScript 之间的性能比较会是什么样的?”事实上,我很少看到将 jQuery 库与 JavaScript 或其他 JavaScript 库进行比较的文章。我可能像大多数人一样,仅看到用 jQuery 编写客户端代码的简易,而忽略了可能的性能问题。在我看来,在易用性和性能之间进行折衷是值得的。但是,存在这样一种折衷吗?jQuery 是不是比 阅读全文

posted @ 2011-08-23 11:16 kpbiao 阅读(308) 评论(0) 推荐(0) 编辑

div+css牛人也得看的15个css
摘要:DIV+CSS最重要的优势之一:保持视觉的一致性;以往表格嵌套的制作方法,会使得页面与页面,或者区域与区域之间的显示效果会有偏差。而使用DIV+CSS的制作方法,将所有页面,或所有区域统一用CSS文件控制,就避免了不同区域或不同页面体现出的效果偏差。下面为你介绍几点注意事项,希望对你有帮助。1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因,这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域,需要 200*200=40, 000 次,占用资源。2、无边框。推荐的写法是 border:none;,哈哈,我一直在用这个。 border:0; 只是定义边框宽度为零 阅读全文

posted @ 2011-08-23 11:05 kpbiao 阅读(262) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示