摘要：科普文一则,说说我对前端技术体系(也称浏览器端技术体系)的认识,希望能让更多人了解前端,也希望能借此丰富前端开发的大局观.去年我写了网站性能优化系列文章,看过的朋友会知道,这类文章重点并非介绍各种具体的优化技巧,而是在关注发掘这些优化点的思路和方法.然后介绍给大家多种检测手段去发现问题,进而有目标的... 阅读全文

摘要：又好久没写东西了,写上一篇的时候还以为接下来的工作会轻松一些,结果未从我所愿呐,又是一阵忙碌.而这段时间穿插着做了很多12年淘宝校园招聘的前端面试,很多同学都有问到,学校里没有前端的课程,那如何学习JavaScript? 我的回答是:读书吧~相对于在网上学习,在项目中学习和跟着有经验的同事学... 阅读全文

摘要：Jsource前端资源的收集前端技能@拔赤浏览器Chrome (Chrome Canary)FirefoxSafariOperaFucking IE国外开源项目jQueryprototypemootoolsDojoYUIModernizrexpressjavascript-patterns国内开源项... 阅读全文

摘要：【一些前端框架和库】1.backbone.js（前端MVC框架，实际针对Web就是MVR.(Model,View,Router路由)，backbone依赖underscore.js库。）a)Backbone.js(1.1.2)API中文文档：http://www.css88.com/doc/back... 阅读全文

摘要：javascript之数组操作 - 不悔的青春 - 博客园1、数组的创建var arrayObj = new Array();　//创建一个数组var arrayObj = new Array([size]);　//创建一个数组并指定长度，注意不是上限，是长度var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]);　创建一个数组并赋值要说明的是，虽然第二种方法创建数组指定了长度，但实际上所有情况下数组都是变长的，也就是说即使指定了长度为5，仍然可以将元素存储在规定长度以外的，注意：这时长度会随之改变。2、数组的元素 阅读全文

摘要：web前端笔试题整理 - CSDN博客Web前端开发笔试题集锦-过来人求职网CSS,JS方面几个简单的笔试题 - 做人如果没有梦想，那跟咸鱼有什么区别？的日志 - 网易博客CSS样式优先级_Web开发,学习Javascript 学习资料收集地 开始学习JQUERY_百度空间详解CSS选择器、优先级与匹配原理 - 51CTO.COM 阅读全文

摘要：一些前端开发 IE 中的常用调试工具：Microsoft Script Debugger —— Companion.JS need to install thisCompanion.JS —— Javascript debugger for IE , like Console API featureIE Developer Toolbar —— Like Firebug (DOM/CSS etc)Fiddler —— Web Debugging ProxyHttpWatch —— HTTP viewerFiddler一个很强大的http流查看工具http://www.fiddlertool.c 阅读全文

摘要：关于渲染模式：在多年以前（IE6诞生以前），各浏览器都处于各自比较封闭的发展中（基本没有兼容性可谈）。随着WEB的发展，兼容性问题的解决越来越显得迫切，随即，各浏览器厂商发布了按照标准模式（遵循各厂商制定的统一标准）工作的浏览器，比如IE6就是其中之一。但是考虑到以前建设的网站并不支持标准模式，所以各浏览器在加入标准模式的同时也保留了混杂模式（即以前那种未按照统一标准工作的模式，也叫怪异模式）。经过多年的发展，后来又出现了近似标准模式（在一种模式中同时融入标准模式和部分混杂模式的特性，也称为接近标准模式、准标准模式、最有限混杂模式）和超级标准模式（近似标准模式、标准模式、超级标准模式三者也共同 阅读全文

摘要：同事推荐的文章：http://www.stevesouders.com/blog/2013/11/07/prebrowsing/ 阅读全文

摘要：html申明对ie6-8在html中添加no-css3这个class和各个版本的class，对ie7以下添加lte7这个class，然后根据我们目前使用浏览器的比例，把第一的ie6放在判断第一位。无标题文档判断浏览器，添加所需文件//为ie6-8添加一个ie.css文件//为ie6添加处理png的js文件 常规布局这个布局的特点是border，margin，padding由里面的inner部分来完成，所以左中右三个加起来就是总的宽度，而不用考虑左中右的margin，border，padding之类的，当然之所有选择这个布局，还有其他的一些变化，详细请参看布局。这里列出左右... 阅读全文

摘要：温故而知新———— 最近温习了一遍Javascript 语言，故把一些基础、概念性的东西分享一下。(下面内容大都为条目、索引，是对知识点的概括，帮助梳理知识点，具体内容需要查阅资料)JavaScript 数组JavaScript 函数基础Javascript 运算符JavaScript 流程控制JavaScript 正则表达式JavaScript 字符串函数JavaScript 数据类型JavaScript 变量Window 对象DOM 基本操作此条目是由王子墨发表在前端随笔分类目录的。将固定链接加入收藏夹。 阅读全文

摘要：程序设计之道无远弗届，御晨风而返。———— 杰佛瑞 · 詹姆士我所遇到的前端程序员分两种：第一种一直在问：如何学习前端？第二种总说：前端很简单，就那么一点东西。我从没有听到有人问：如何做一名优秀、甚至卓越的WEB前端工程师。何为：前端工程师？前端工程师，也叫Web前端开发工程师。他是随着web发展，细分出来的行业。Web前端开发技术主要包括三个要素：HTML、CSS和JavaScript！它要求前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板 阅读全文

摘要：一个朋友做了2年前端重构，不知道 YSLOW。我推荐给他的时候，他惊呼这工具很强大。YSLOW 只是 Yahoo 前端发布的一个评测网站前端质量的插件。它的原理是基于 Yahoo 前端工程师提出来的优化方案。关于YSlow的详细解释网上资料大都不详尽，而且说法有多偏差。YSlow 的权威解释可以参照书籍《High Performance Web Sites》O’Reilly出版的。电子工业出版社翻译了这本书，中文名叫《高性能网站建设指南》，想深入研究高性能网站建设的前端工程师可以看看。这本书纸质版的就二十几块钱。只有扫描版的电子版，貌似还不太清晰。此条目是由王子墨发表在看书分类目录的。将固定链 阅读全文

摘要：Yslow是雅虎开发的基于网页性能分析浏览器插件，从年初我使用了YSlow后，改变了博客模板大量冗余代码，不仅提升了网页的打开速度，这款插件还帮助我分析了不少其他网站的代码，之前我还特意写了提高网站速度的秘籍，就是通过这款插件分析得出的。网络上已经有不少Yslow使用说明了，本文我想介绍下我使用Yslow的方法和一些别人没提到的小技巧。Yslow的安装方法现在Yslow已经有很多版本了，本文介绍的是3.0.4最新版，打开Yslow官网就能看到有四个版本可供选择：火狐（firefox）浏览器、谷歌（chrome）浏览器、欧朋（opera）浏览器和移动版。安装Yslow要先安装 Firebug（本 阅读全文

摘要：一直觉得前端开发缺个手册，这是个体力活。不过总得有人来干。今天闲来无事，把一些工具(online和client的)、常用网址、以及经验总结等罗列出来和大家分享下。这个标题起地大了点，肯定会有很多地方没列到，包括类目的分法也可能考虑不周，所以还请大家积极补充指正，可以直接留言，也可以发邮件给我(sorrycc#gmail.com)。之所以加上“大众”两字，因为以下资源对于高手来说可能早就很熟悉了。另外想提一句，工具是死的，好不好用得看你会不会用。比如Firefox、Fiddler等，除了显而易见的功能以外，都有一些小的技巧，掌握了可以让你事半功倍。更新记录：[20081025] 第一版快捷导航： 阅读全文