FED

本篇文章是笔者的《CSS设计指南》学习笔记的第二部分，由于最近都在准备期末考的事，所以都没来得及对《CSS设计指南》进行一些总结，没有看之前第一部分的话也可以从这里传送过去。其实HTML页面中每个元素其实都是一个「盒子」，默认情况下这些盒子的边框不可见，背景也是透明的，所以我们不能直接的看到页面中盒子的结构，但是我们可以借助一些WebDeveloper工具条可以方便地显示盒子的边框和背景，让我们能很直观的看到这些盒子的结构。...

本篇文章是对这几天看完CharlesWyke-Smit的《CSS设计指南》后的一些学习笔记与心得，笔者好像是大一的时候开始接触网页设计，由于并不是计算机专业的，所以所有都是自己自学的，记得当时自己对CSS基本上什么都不懂，甚至连怎么在CSS中选择某个class和id都不懂，然后就直接下载一些源码来看，后来看到这些CSS文件中有.和#，然后就连蒙带猜的学会了怎么使用它们，然后就在源码中看到什么不懂的就直接上W3School中查找API，这样也慢慢的让我掌握了CSS中常用的部分，并且制作网页时大多数的问题都能够得到解决。由于期间自己的态度摇摆不定也想学PHP、Java、Android等等，然而结果可想而知，并没有坚持下来，如今大三也快结束马上要进入准大四的阶段了，感觉不能在这样下去了，前段时间一直在思考一个问题，自己到底喜欢什么，然后回想自己大学以来花的最多时间的地方是什么，最终的出的结果就是——前端，尽管前端涉及的知识很多，但这并不能阻碍我对它的热情。决定下来后的第一件事情就是系统的巩固一下自己的知识体系，然后就有了这篇《CSS设计指南》的学习笔记，这本书也是比较多人推荐并且好评比较多的

escape,encodeURI,encodeURIComponent之间的关系及使用场景你清楚吗？escape()函数可对字符串进行编码，这样就可以在所有的计算机上读取该字符串。string必需。要被转义或编码的字符串。...

url、href、src之间的关系及使用场景你清楚吗？统一资源定位符是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示，是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的URL，它包含的信息指出文件的位置以及浏览器应该怎么处理它。基本URL包含模式（或称协议）、服务器名称（或IP地址）、路径和文件名，如“协议://授权/路径?查询”。完整的、带有授权部分的普通统一资源标志符语法看上去如下：协议://用户名:密码@子域名.域名.顶级域名:端口号/目录/文件名.文件后缀?参数=值#标志...

为了不被喷得太惨，给标题加了这么多的限制定语也是相当不容易的了。此文讨论的是我所处的环境下对JavaScript构建的一些简单探索，因此有相当多的前提限制。首先，何为大型。从我们的系统来看，20多个业务模块，近100个页面组成的单页系统，对应的业务源码代码量如下：...

通常被我们用来干嘛呢？比如：height：*px;line-height:*px;是这样的么？我们常常用它来对文字进行居中。为什么这样就能居中呢？因为行高是元素基线之间的距离，行高会减去字体的高度然后上下平分去建立一个行内框（inlinebox），如果这个时候高度和行高一致，自然就体现为居中。那么它有什么可研究之处呢？比如：有时候设置了line-height却仍然不能将内容居中怎么办？设置了vertical-align：middle;没用是为什么？...

irefox和Opera有一个新特性，名叫“往返缓存”（back-forwardcache，或bfcache），可以在用户使用浏览器的“后退”和“前进”按钮时加快页面的转换速度。这个缓存中不仅保存着页面数据，还保存了DOM和JavaScript的状态；实际上是将整个页面都保存在了内存里。如果页面位于bfcache中，那么再次打开该页面就不会触发load事件。尽管由于内存中保存了整个页面的状态，不触发load事件也不应该会导致什么问题，但为了更形象地说明bfcache的行为，Firefox还是提供了一些新事件。...

像素（Pixel）对于WEB开发者来说很是熟悉，在PC互联网时代没少与其打交道。进入移动互联网之后，随着移动设备屏幕的解析度越来越高，衍生了一些关于屏幕和像素的一些新概念，比如DPI，DP，PT，Retina，4K等等，本文对这些概念做一个简单的介绍。DPI（DotsPerInch）是印刷行业中用来度量空间点密度用的，这个值是打印机每英寸可以喷的墨汁点数。计算机显示设备从打印机中借鉴了DPI的概念，由于计算机显示设备中的原子单位不是墨汁点而是像素，所以就创造了PPI（PixelsPerInch），这个值是屏幕每英寸的像素数量，即像素密度（Screendensity）。由于各种原因，目前PPI(主要是iOS)和DPI(比如在Android中)都会用在计算机显示设备的参数描述中，不过二者的意思是一样的，都是代表像素密度。...

移动web开发，总避免不了1设备像素边框的问题。本文参考了half-pointcssborderinios一文。仅有Firefox和Safari8(introducedinOSXYosemite)支持。twitter有位哥们听到这个消息时，已经不知所云。...

组件需要重置时，只需在组件容器上重置即可：...

ngular2将基于TypeScript来开发，我们期待基于新工具会产生怎样的火花，并且将会持续地与Angular团队协作，提升Angular开发者的开发体验。合作的第一个成果将在出现在即将发布的TypeScript1.5中。我们与Angular团队共同设计出了一系列的新的特性，这些特性有助于你在使用类似Angular2这样的动态类库时，保持代码清晰。还包含一种新方式，使用元数据来注解类的声明。类库和应用的开发者可以使用这些元数据注释来把代码信息和代码清晰地分开，比如配置信息或者条件检查等等。...

译序：参加完测试的同学可以在本专栏下面讨论哦！友情提示下，CSSCore部分的测试确实没有答案，不过后面的CSSCore(practice)有答案哦！你了解CSS吗？在六个月前，我提供了一个在线免费CSS测试系统。测试结果表明很多一线开发者并没有如他们所想的那样了解CSS。目前有超过3,000人参加了该项测试，平均成绩只有55分。...

SublimeText快捷键...

发现最近大家都在关注有关前端开发的薪资问题，不同地方各有差异，今天我就总结一下发出来方便大家的查阅。根据你掌握的技能程度，薪水是不一样的。div+css，js会套用效果的4k到6k，新手熟悉切图，工作效率高的5k左右。有两年工作经验的，会ajax，可以手写代码，就是指常用的单词不用靠编辑器，了解一门后台语言（最好是php），不低于8k。对原生js有非常深入的研究，开发组件，框架库之类的，12k+，最低10k。最近比较流行移动终端，会这些的可能会更高一点的。...