之前发的一篇博客里没有附上答案，现在有空整理了下发出来，希望能帮助到正在找工作的你，还是那句话：技术只有自己真正理解了才是自己的东西，共勉。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实现的单多选选择框 源码下载 / 在线演示
在网页排版布局中比如文章列表标题排版，无论多少文字均不希望换行显示，需要强制在一行显示完内容。这就可以nobr标签来实现。它起到的作用与word-break:keep-all 是一样的。nobr 是 No Break 的缩写，意思是禁止换行。通常在浏览器上显示的文档会在到达浏览器的横幅底端时自动换行，但是如果文字被包含在～标签里的话，则不会换行。由www.169it.com搜集整理 一、nobr语法 1 ...