子非魚

本文主要面对前端初级新手，是我从事前端项目外包这一年多时间里积累的经验，提供一系列的工具和资料来帮助新手更高效的从事前端开发。但是由于本人水平有限，所以只能写一些初级的方法和工具。没有添加诸如 grunt 这类的更高级的工具，因为我对这块目前还没有很多实战经验。此外，关于移动端的调试开发，也很少做过，所以本文没有很多相关信息，有待进一步补充。原始而传统的前端页面重构工作流程这里说的是我

快速的页面加载对提升搜索引擎排名、网站转化率和整体的用户体验是非常重要的。网站页面的加载速度也是衡量网站性能的一个重要因素。如果网站不是以最好的性能在运行，迟缓的加载会让你在低的排名和搜索流量上花费更大的代价。页面的加载速度会对用户的行为和转化率产生很大的影响。那么？有哪些简单的方式可以优化加载速度呢？1、图片优化首先，你需要优化你网站上的图片，来获得丝毫加

一、快速切换文件当DevTools被打开的时候，按Ctrl+P（cmd+p on mac）,就能快速搜寻和打开你项目的文件。二、在源代码中搜索在页面已经加载的文件中搜寻一个特定的字符串，快捷键是Ctrl + Shift + F (Cmd + Opt + F)，这种搜寻方式还支持正则表达式。三、快速跳转到指定行在Sources标签中打开一个文件之后，在Windows和

如果你打算在2015年重新设计你的网站，那么你可能有必要了解设计优秀网页的趋势。尽可能早地考虑网页设计特点是一个好主意。　　你决定的任何网页设计都必须是高度可用、直观的，并且它应该满足市场和用户的需求。你的网页设计也必须可适应移动端。下面是2015年最受欢迎的网页设计趋势，每个网站都应该遵守这些趋势。　1.响应式布局　　截至2015年4月“任何不适应

jquery,angular,bootstrap,backbone,framework7,lodash,underscore,less,sass,grunt,gulp,npm,bower,yeoman,require,seajs,express,koa,mongdb,rethinkdb,redis,mysql,hybrid,laytpl,handlebars,ejs,jade

结合个人经历总结的前端入门方法，总结从零基础到具备前端基本技能的道路、学习方法、资料。由于能力有限，不能保证面面俱到，只是作为入门参考，面向初学者，让初学者少走弯路。互联网的快速发展和激烈竞争，用户体验成为一个重要的关注点，导致专业前端工程师成为热门职业，各大公司对前端工程师的需求量都很大，要求也越来越高，优秀的前端工程师更是稀缺。个人感觉前端入门相对容易，但是也需要系统地认真学习，在打好基础...

只要是做网站，导航就不得不做吧。　　只要是做导航，高亮显示当前页面就不得不做吧（如果你想用户体验更好点，不让用户知道Ta正处在网站的哪个页面怎么成）。　　做了很多网站，解决这个问题的方法其实我用过很多种。有纯用css实现的，有用css混合js或者jquery实现的，也有通过后台传值给js通过判断来实现的......但是今天做项目中我发现了一种很简单实用，但是网上又比较少有人用的方法（仅限t

几个月前第一次听说了angularjs这个框架，那时并没有什么好感。因为我偏执的认为angular这个名字很晦涩，不易记忆和理解。直到最近项目中要用到它，我又不得不开始学习它，并在一天天的使用中爱上了它 ... ... （今天貌似情人节啊，谈爱字我才想起来，大家七夕快乐哈哈）angularjs 最酷炫的五大特性：双向绑定，依赖注入，mvc，模板，Directives。学习angul

js基础但又实用知识的回顾 知识点：typeof、instanceof和constructor1. js中5种原始数据类型：NumberStringBooleanUndefinedNull2. js中2种组合数据类型：对象数组3. typeof返回的6种变量类型：‘number’ — 这个值是数值；‘string’ — 这个值是字符串；‘boole

作为前端开发者，布局都应该已经写了不少了，但很多时候我们实现布局的思路可能都不一定正确或者不是最合适的。要想自己的布局水平有所提高，两个经典的布局： 圣杯布局 和 双飞翼布局，我个人觉得还是很有必要掌握的。

盒子模型是 CSS 中很重要的概念，它涉及到的无非就是内容(content)、填充(padding)、边框(border)、边界(margin)。但是其实很多人不知道的是，盒子模型其实有两种类型：标准盒模型和IE盒模型。

JavaScript 的深拷贝和浅拷贝在 JavaScript 的变量赋值操作中，如果一个变量值是简单类型，直接复制没有问题。但如果是对象或者数组，直接复制后的新对象或者数组只要一修改，原对象或者数组就会同样跟着被修改。如果你不了解深拷贝和浅拷贝，你可能就会觉得这是 bug，不可理解。但是看完本文你就能理解了。

有一个词叫"手机网站"（mobile web），指供手机浏览的网站，但它是不存在的。人们提到"移动互联网"的时候，其实专指另外一样东西：手机App。一、Web App VS. Native App　　比起手机App，网站有一些明显的优点:跨平台：所有系统都能运行免安装：打开浏览器，就能使用快速部署：升级只需在服务器更新代码超链接：可以与其

JavaScript是世界上最流行的脚本语言，因为你在电脑、手机、平板上浏览的所有的网页，以及无数基于HTML5的手机App，交互逻辑都是由JavaScript驱动的。 简单地说，JavaScript是一种运行在浏览器中的解释型的编程语言.那么问题来了，为什么我们要学JavaScript？尤其是当你已经掌握了某些其他编程语言如Java、C++的情况下。简单粗暴的回答就是：因为你没有选择。在We

现在，几乎整个互联网行业都缺前端工程师，不仅在刚起步的创业公司，对上市公司乃至巨头这个问题也一样存在。没错，优秀的前端工程师简直比大熊猫还稀少。　　每天，HR群都有人在吐槽招不到前端工程师。实话说对这些需求，Betty也无能为力，因为在供不应求的前端招聘市场上，优秀的前端工程师才是有话语权的那一方。不仅在国内的互联网行业，在国外，前端工程师一样是需求旺盛、供不应求的香饽饽。　　举个

今天写代码，碰到一个关于!important的问题。由于之前并没有好好理解这个概念，所以今天特意查了下资料做个总结。CSS的原理：我们知道，CSS写在不同的地方有不同的优先级， .css文件中的定义 首先，先看下面一段代码：DOCTYPE HTML>html>head>meta http-equiv="Content-Type" content="te

效果如下：　　鼠标放上“不要碰我，雅蠛蝶"，内容立马变成了"我说过不要碰我！"这样就能自定义一个属于你自己的标签，是不是非常容易呢？wow，从此麻麻再也不用担心我找不到适合自己的html标签了。----- 摘录自前端牛人张鑫旭的博客

一、dl dt dd认识html 是一组合标签，使用了dt dd最外层就必须使用dl包裹，此组合标签我们也又叫表格标签，与table表格类似组合标签，故名我们也叫dl表格（扩展阅读：table tr td、table tr th表格布局）。为常用标题+列表型标签。如没有对dl dt dd标签初始CSS样式，默认dd列表内容会一定缩进。（扩展阅读：ul li、ol li、li

Web性能优化最佳实践中最重要的一条是减少HTTP请求。而减少HTTP请求的最主要的方式就是，合并并压缩JavaScript和CSS文件。　　关于编写css时，我们应注意通过一些细节来控制css文件的大小，比如：全局样式、继承样式、缩写样式，空格、注释等；同时你也可以通过在线工具对你的css文件进行压缩，来减少css文件的大小，但压缩后的css文件在可维护性、识别性方面变的特别弱。但更复杂的情

1、前端是一个比较新的行业，不像C、Java之类的在学校就可以学到（当然能学到多少是另一回事），目前我还没听说哪个学校会专门为CSS、Javascript开一个课程。相比后端或者设计人才，在学校的时候就希望往前端方向发展的人要少的多。这个圈子的人专业都不对口。2、前端真正高速发展不过几年，相较C、Java，历史积累的技术经验少，很多前端牛人的技术都是自己在项目中锻炼出来的，但他们可能又没有

Visual Studio Code，是一款微软今年新出来的GUI编辑器。它其实就是一款简单的代码编辑工具，跟Visual Studio、WebStorm、Eclipse、myEclipse...这些集成的开发环境并不是一个概念。目前市场上比较常见的一些GUI编辑器的产品：SublimeText、Notepad++、Atom、H5 Builder、Brackets等等，包括终端下的Vi

Ionic：一款用web技术开发类似原生App的神乎其技的html5框架一、Ionic框架简介　　Ionic是一个专注于用web开发技术，基于HTML5创建类似于手机平台原生应用的一个开发框架。绑定了与AngularJS和Sass。这个框架的目的是从web的角度开发手机应用，基于PhoneGap的编译平台，可以实现编译成各个平台的应用程序。（跨平台，既可以编译成安卓

关于一个WEB前端的职业规划，其实是有各种的答案，没有哪种答案是完全正确的，全凭自己的选择，只要是自己选定了，坚持去认真走就好。但是，任何规划和目标的实现都依赖于知识的积累，而知识的积累来源于学习及学习后大量的实践。一、职业方向定位首先，只有确定好自己的职业方向，才能做好职业规划。在我看来，做WEB前端技术能够找到的职业方向有以下几种：（1）

点击打开链接

一些比较著名的个人网站： 阮一峰：http://www.ruanyifeng.com/blog/ 池建强：http://macshuo.com/ 张鑫旭：http://www.zhangxinxu.com/ 廖雪峰：http://www.liaoxuefeng.com/ 王巍：http://onevcat.com/ 唐巧：http://blog.devtang.com/ … …还有其