常用到的一些优化: 1.提倡前端开发工程师在书写xhtml的时候做到结构语义化(标签语义化的好处:1.有利于搜索引擎;2.结构清晰便于团队合作;3.有利于盲人屏幕阅读器。至于如何做到标签语义化,就看个人的理解了,这方面我也觉得模糊,跟个人的习惯估计也有一定的关系。)。 2.css,js文件数量及大小的优化(一般情况下建议css和js采用外联式,减少重复性代码,代码重复利用)。 3.背景图片数量及大小的优化(用PNG8格式的图片结合...
之前发的一篇博客里没有附上答案,现在有空整理了下发出来,希望能帮助到正在找工作的你,还是那句话:技术只有自己真正理解了才是自己的东西,共勉。Web前端笔试题Html+css1.对WEB标准以及w3c的理解与认识。标签闭合,标签小写,不乱嵌套:提高搜索机器人的搜索几率;使用外联的css和js,结构行为表现的分离:文件下载与页面加载速度更快,内容能被更广泛的设备所访问;更少的代码和组件:容易维护,改版方便,不需要变动页面内容...
前端开发工具: web前端开发乃及其它的相关开发, 推荐sublime text, webstorm(jetbrains公司系列产品)这两个的原因在于,有个技术叫emmet, http://docs.emmet.io,而这两个对他的支持是: sublime text 是所有编辑器里边支持emmet比较好的的唯一一款。 webstorm是所有编辑器里边唯一内置emmet的一款,并且将emmet的精神往前推动的一款。webstorm针对前端er。 他们的详细对比: http://www.36ria.com/5884一. css工具: 1. emmet h...
本文处之:http://www.w3cfuns.com/blog-1-534.html 规范目的为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改.基本准则符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有序, 尽可能的减小服务器负载...
指点迷津,Web前端工程师必读 【背景】 如果你是刚进入web前端研发领域,想试试这潭水有多深,看这篇文章吧; 如果你是做了两三年web产品前端研发,迷茫找不着提高之路,看这篇文章吧; 如果你是四五年的前端开发高手,没有难题能难得住你的寂寞高手,来看这篇文章吧; web前端研发工程师,在国内是一个朝阳职业,自07-08年正式有这个职业以来,也不过三四年的时间。这个领域没有学校的正规教育,没有行内成体系的理论指引,几...
10个 CSS简写/优化 技巧 http://www.xinran001.com/bbs/thread-72525-1-1.html 高效整洁CSS 代码原则 (上) http://www.xinran001.com/bbs/thread-71710-1-1.html 高效整洁CSS代码原则 (下) http://www.xinran001.com/bbs/thread-71711-1-1.html 实战中总结出来的CSS常见问题及 解决办法 http://www.xinran001.com/bbs/thread-105-1-31.html 解决IE6、IE7、 Firefox兼容最...
注:转自zctya's blog 在用CSS+DIV的布局中,经常会发现,当一个DIV float之后,如果他的高度超过了其父DIV的高度时,其父DIV的高度并不会相应的进行调整。要解决这个问题(也叫做闭合(清除)浮动),我们有四种办法: 1. 额外标签法 这种方法就是向父容器的末尾再插入一个额外的标签,并令其清除浮动(clear)以撑大父容器。这种方法浏览器兼容性好,没有什么问题,缺点就是需 要额外的(而且通常是无语义的)标签...
大三上学期快结束了,学了很多东西,但是总感觉什么也会,但是什么不精,这样是很危险的,梳理了一下自己所学的东西,决定先系统搞定Web前端开发,学了一段时间后,感觉得有个路线图,这样才能自成一套系统技术,于是摸索着画出了下图,小的前端还有这么多内容。。。请各大牛我忘了什么东西没有,请补充,我要在2014年1月31号之前精通Web前端,我有点基础,应该是很容易达到。 回复讨论(解决方案) 这图用什么工具画的,好漂亮...
移动web(智能机)前端的物理尺寸是多少(布局做兼容) iPhone? 安卓xx机? 。。。 回复讨论(解决方案) 宽度按100%,或者用JavaScript获取分辨率 宽度100%. 480*320 请查询 手机浏览器的mate属性 设置 device-width 目前的 iphone和andriod 上的浏览器 可以通过他强制设置 设备大小 就是 480*320
CSS 和 HTML,JavaScript 是网页的基础,作为前端开发人员,对这三者都要很熟悉。特别是未来流行全栈开发的时代,每项技术都是你知识结构中必要的一个节点。 在开发中,选择好工具是非常重要的。这篇文章分享最好的20款 CSS 编辑器给开发人员,因为这些实用的工具将让你的工作更有效率。 1. WebStrom 7 WebStorm 是 Jetbrains 公司旗下一款 JavaScript 开发工具。被广大中国 JS 开发者誉为“Web前端开发神器”、“最...
《Web 前端开发精华文章推荐》2014年第2期(总第23期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。 文章来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源
结构样式行为的分离 结构标准包括XML标准、XHTML标准、HTML标准;样式标准有CSS标准;行为标准主要包括DOM标准和ECMAScript标准。 通常的项目会按照如上的方式进行分离,但自己曾今做过的一个项目整个网站架构是按照模块进行分离的: 需求:设计一个网站,该网站的用途是根据用户需求生成网站, 例如一个企业展示网站,需要主页A,主页A包括布局(例如头部容器,导航容器,焦点图容器,然后之后再一个三列的容器,然后再页尾容...
《Web 前端开发精华文章推荐》2014年第5期(总第26期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。 文章来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源
《Web 前端开发精华文章推荐》2014年第7期(总第28期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。 文章来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源
4.mootools实现checkbox和radiobox效果 能在支持 FireFox、Chrome、Safari、傲游、搜狗、360浏览器。 源码下载/ 在线演示 5. jquery打钩打叉图标特效 源码下载 / 在线演示 6. 纯CSS3实现的单多选选择框 源码下载 / 在线演示