
前端开发
文章平均质量分 55
ITbyc
杨雨个人博客网站是一个关注个人博客建设搜索引擎优化网络推广Html5css3,PHP,CMS建站等技术信息博客,提供博主在学习成果和工作中经验总结,是一个互联网从业者值得收藏的网站。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
精简CSS文件 使您的CSS网页布局代码更专业
众所周之,在不影响整个网页构架与功能的情况下,网页文件越小越好,因为更小的网页文件有利于浏览器对网页的解释时间缩到更短,自然访客也就不用面临等待网页缓慢呈现的烦躁了,这一点对于那些带宽少网速慢的用户犹为明显。 尽管对于现如今的带宽来说,网页文件那仅以K来算的大小实在是微不足道,但如何将这以K来计算的网页文件精简到最小还是网页设计师们所应该考虑的问题之一。试想一下,你会是希望打开一个网站的原创 2014-11-11 13:24:57 · 575 阅读 · 0 评论 -
移动端性能大比拼:CSS Sprites vs. Data URI
本文是作者调查Data URI在移动端性能表现的第三篇文章,第一二篇分别是:在移动平台上,Data URI要比原链接慢6倍;Data URI性能:不要在Base64上指责它。下面是笔者对原文的翻译。 大约一个月之前,我们做了一个研究,关于使用Data URI构建Web组件性能不佳的研究。在发表调查结果后,来自Web性能社区的一个最为持久的问题也随即显现出来: 怎样把Data URI转载 2014-12-12 09:37:04 · 544 阅读 · 0 评论 -
编写更好的jQuery代码的建议
讨论jQuery和javascript性能的文章并不罕见。然而,本文我计划总结一些速度方面的技巧和我本人的一些建议,来提升你的jQuery和javascript代码。好的代码会带来速度的提升。快速渲染和响应意味着更好的用户体验。 首先,在脑子里牢牢记住jQuery就是javascript。这意味着我们应该采取相同的编码惯例,风格指南和最佳实践。 首先,如果你是一个javascript新转载 2014-12-12 09:42:24 · 299 阅读 · 0 评论 -
使用AJAX的十大理由
尽管AJAX是个相对新生的术语,但其背后的技术却并不新颖。随着XMLHttpRequest对象在大多数浏览器中的实现,以及GMail和Google Maps的出现激发了软件开发者重新考虑如何构建网页的灵感。我们从基础开始认识AJAX,一种颠覆性的技术,其改变了Web应用程序的开发和应用方式,使得交互性页面和网站处于目前网络潮流的最前沿。 当请求被发送到浏览器后,其所具有的改变网页内容的功能已转载 2014-12-12 09:40:21 · 446 阅读 · 0 评论 -
在网站制作中随时可用的10个 HTML5 代码片段
HTML 很容易写,但创建网页时,您经常需要重复做同样的任务,如创建表单。在这篇文章中,我收集了10个超有用的 HTML 代码片段,有 HTML5 启动模板、空白图片、打电话和发短信、自动完成等等,帮助你提高开发速度。 HTML5 启动模板 当启动一个新的项目的时候,你需要一个启动模板。这里是一个简洁干净的模板,可以作为 HTML5 项目的基础。转载 2014-12-12 09:15:12 · 895 阅读 · 0 评论 -
CSS3 选择器——基本选择器
CSS的选择器,我想大家并不会陌生吧,因为天天在使用,但对于CSS3的选择器,要运用的灵活到位,我想对很多朋友还是一定的难度,特别是CSS3中的:nth选择器。那么从现在开始我们先丢开他们版本的区别,从头一起来看看CSS选择器的运用。 CSS是一种用于屏幕上渲染html,xml等一种语言,CSS主要是在相应的元素中应用样式,来渲染相对应用的元素,那么这样我们选择相应的元素就很重要了,如何选择转载 2014-12-12 09:48:33 · 691 阅读 · 0 评论 -
10 个旨在美化网站的 HTML5 滑块设计
现在,网站变得更优雅生动,引入了大量的动画和活动的内容——这得益于商业设计的创新。几年前的网页羞涩无趣,其上面的内容静止而乏味。因为滑块的使用这些状况已然改变。现代风格的设计模式是关于滑块的:滑块滑动和页面过渡增强了网站的完整性感觉,允许你选择内容进行强调。 随着HTML5、CSS3和jQuery的到来,将滑块添加到你的站点变得更是相当无压力。HTML5的滑块滑动非常容易使用,增添了网页转载 2014-12-12 09:20:27 · 1388 阅读 · 0 评论 -
20 个超酷的 HTML5/CSS3 应用及源码
1、HTML5视频破碎重组特效,强大视觉冲击 HTML5视频播放器很多,但是HTML5视频特效还是很少见的,这款HTML5视频破碎重组特效非常刺激,给人强大的视觉冲击。点击视频任意地方,HTML5将会将这些区域击碎,过一段时间,这些被击碎的视频碎片又将自动重新组合。是一款非常不错的HTML5视频特效。 在线演示 / 源码下载 2、HTML5 3D G转载 2014-11-11 14:01:15 · 1500 阅读 · 1 评论 -
DIV+CSS网页布局中CSS失效的原因
当我们把做好的页面通过W3C validation验证时,验证程序抛出大量差错和警告,说明你的XHTML尚未完善,可能无法在不同浏览器上保持一致功能。下面十个细微的失效问题难住了大批程序员,本文就告诉你如何解决。在本文开始前介绍一些使用W3C验证程序时需要注意的问题。 1、不要担心验证程序的警告:如果验证程序说发现12处错误以及83处警告,不要理它,继续进行下一步。 2、一次更正一个转载 2014-11-11 13:36:04 · 1948 阅读 · 0 评论 -
DIV CSS网页布局 让搜索引擎蜘蛛不再累
怎样做CSS布局呢? CSS文件的链接方式 1、附加链接:外部CSS文件 2、导入CSS:常用应用多个CSS文件时,将多个CSS导入一个CSS文件中 CSS规则定义有三种 1、类比如“.RedText”、“.BlueText”和“.BigText”等等 2、标签针对原有HTML标签做的重新CSS定义 3、高级伪类、定义了ID的元素,以及综合性定义 CSS规则的应用 1、只有“类”样转载 2014-11-11 13:34:33 · 1004 阅读 · 0 评论 -
给JavaScript初学者的24条最佳实践
如果你看完了下面的内容,请务必让我们知道你掌握的小技巧! 1.使用 === 代替 == JavaScript 使用2种不同的等值运算符:===|!== 和 ==|!=,在比较操作中使用前者是最佳实践。 “如果两边的操作数具有相同的类型和值,===返回true,!==返回false。”——《JavaScript:语言精粹》 然而,当使用==和!=时,你可能会遇到类型不同转载 2014-12-12 09:44:54 · 328 阅读 · 0 评论