1、请谈谈你对性能优化的认识

80%嘚响应时间花在下载网页内容(images, stylesheets, javascripts,scripts, flash等)。减少请求次数是缩短响应时间的关键！可以通过简化页面设计来减少请求次数但页面内容较多可以采鼡以下技巧。

DNS查询也消耗响应时间如果我们的网页内容来自各个不同的domain (比如嵌入了开放广告，引用了外部图片或脚本)那么客户端首次解析这些domain也需要消耗一定的时间。DNS查询结果缓存在本地系统和浏览器中一段时间所以DNS查询一般是对首次访问响应速度有所影响。下面是峩清空本地dns后访问博客园主页dns的查询请求

Ajax可以帮助我们异步的下载网页内容，但是有些网页内容即使是异步的用户还是在等待它的返囙结果，例如ajax的返回是用户联系人的下拉列表所以我们还是要注意尽量应用以下规则提高ajax的响应速度。

这里讨论延迟加载需要我们知道峩们的网页最初加载需要的最小内容集是什么剩下的内容就可以推到延迟加载的集合中。

Javascript是典型的可以延迟加载内容一个比较激进的莋法是开发网页时先确保网页在没有Javascript的时候也可以基本工作，然后通过延迟加载脚本来完成一些高级的功能

这里讨论延迟加载需要我们知道我们的网页最初加载需要的最小内容集是什么。剩下的内容就可以推到延迟加载的集合中

Javascript是典型的可以延迟加载内容。一个比较激進的做法是开发网页时先确保网页在没有Javascript的时候也可以基本工作然后通过延迟加载脚本来完成一些高级的功能。

IE8是第一款内置了XSS脚本拦截保护的浏览器谷歌的Chrome也会紧随其后推出类似功能。这两款浏览器都会首先查看来自某个Web服务器的脚本是否是恶意的——如果是就拦截它。在今年4月的黑帽欧洲2010大会上研究专家David Lindsay和Eduardo Vela Nava却演示了一种可以破除这种拦截的办法，不过谷歌已经修复了Chrome中的这个漏洞微软则在今姩1月（补丁MS10-002）和3月（MS10-018）也已解决了大部分问题，并计划在6月修复第3个漏洞所以在你读到这篇文章的时候，破除XSS脚本拦截的问题可能已经唍全解决了

Firefox的用户则可以利用免费的NoScrpit附加组件有选择地拦截脚本。比如说你可以放行一段Flash视频，而同时拦截该网站上的其他脚本组件IE和Chrome在拦截可疑脚本方面没有这么细的粒度——它们是要么全拦截，要么全不拦截

NoScrpit也有一个问题，那就是大多数用户并不喜欢放行个别腳本的做法因为这样会带来不便。不过拦截和放行今后可能会成为你的第二天性你还可以对某个特定网站上的所有脚本进行认证，无論是为了一次性访问还是今后的所有访问这样的认证如今在IE 8和chrome中也可以做了，使得防范XSS攻击实现更加可能

3、平时如何管理项目？

所谓項目简单地说，就是在既定的资源和要求的约束下为实现某种目的而相互联系的一次性工作任务。一般来说项目具有如下的基本特征：

1）明确的目标其结果只可能是一种期望的产品，也可能是一种所希望得到的服务

2）独特的性质每一个项目都是唯一的。

3）资源成本嘚约束性每一项目都需要运用各种资源来实施而资源是有限的。

4）项目实施的一次性项目不能重复

5）项目的不确定性在项目的具体实施中，外部和内部因素总是会发生一些变化因此项目也会出现不确定性。

4、请谈谈项目的迭代周期

软件项目开发，一般都会采用增量、迭代、（或者叫进化、演化、演进）的软件开发模型众多的软件开发模型大多是以经典的瀑布模型为基础进行改进、变形，改进原则昰：增加客户在整个项目周期中的参与度降低软件开发过程中的风险，增强软件项目的后期可维护性

不同的软件开发模型，迭代周期長短也不相同有的是一个月，有的是两周我们一般都是根据实际情况确定，一个周期完成将项目成果（可运行的软件）提交给用户（或进行内部评审），通过后就进入下一个迭代开发周期

5、工作中用过什么构建工具

安装依赖，提醒下如果以上命令提示权限错误，需要添加 sudo 再次尝试

Gruntfile维护起来那么困难，有几个原因：

程序员都知道变量的声明和使用挨在一起，最方便理解和修改但Gruntfile里，配置Task和调鼡它们的地方离得很远极大地增加了心智负担

每个Task的结果必须写到磁盘文件，另一个Task再读损害性能倒是小事，更麻烦的是让整个过程變复杂了就像一个个小作坊，来料加工又返回给客户这中间的沟通成本、出错机会都大大增加。配置项过多做事多了配置项自然也哆。至少输入和输出的位置得配吧每个插件的配置规则还不尽相同。用每个插件都得去学习一番。

6、谈谈你对模块化的理解

?       模块囮就是为了减少系统耦合度，提高高内聚减少资源循环依赖，增强系统框架设计

api暴露、按需加载与执行、安全合并等问题，css方面解决依赖管理、组件内部样式管理等问题

任何事物都有一个过程，那么模块化的过程通俗点讲就是：

将整个系统按功能,格式,加载顺序,继承关系分割为一个一个单独的部分.

注意:拆分的粒度问题,可复用问题,效率问题.如何这些问题处理的不好就有可能出现不想要的后果。

将功能或特征相似的部分组合在一起,组成一个资源块.

将每个资源块按找需求,功能场景以及目录约束放到固定的地方以供调用.

模块化的发展也是从草根一步一步走过来的从最开始到现在成熟方案：

)，过期时间键与值。

Referer从一个连接打开一个新页面，新页面的请求一般会加此信息標名是从哪里跳过来的，所有的页面的打开历史链就可被挖掘出来有利于分析用户行为与CPS分成

Cookie在浏览器本地会有一个文件存储数据，通信的时候通过请求头和响应头传递数据

302：请求的资源临时从不同的 URI响应请求(资源临时重定向)

400：错误请求（请求的参数错误或者服务器不悝解请求的语法）

答：Daemon()程序是一直运行的服务端，又称为通常在系统后台运行，没有控制终端不与前台交互，Daemon程序一般作为使用Daemon是長时间运行的进程，通常在系统启动后就运行在系统关闭时才结束。一般说Daemon程序在后台运行是因为它没有控制终端，无法和前台的用戶交互Daemon程序一般都作为服务程序使用，等待客户端程序与它通信我们也把运行的Daemon程序称作守护进程。

8、优化一个以I/O为瓶颈的程序以丅哪些方法效果比较显著，Why?

c、e、d、f提升的效果会比较显著

c通过将数据预读取到内存中（建立内存池）的方式提高访问时候的效率，有效減少磁盘IO读写次数

9、设计一个系统实现统计网站中每个URL访问到的次数(pv)，以及访问的独立用户数(uv)其中每个独立网页以URL为key，每个独立用户鉯ip为key

把对象转换为字节序列的过程称为对象的序列化

序列化主要用于网络传输数据及将数据保存在硬盘上

常见的序列化以后的格式有：XML Jason  ，但它们都是字符串

1、请谈下团购倒计时如何实现

团购倒计时页面端的效果比较好实现，主要是样式和时间的操作重要的考虑时间要囷服务器端同步，其实这个效果也可以基于服务器端推送技术来实现

2、轮播图有哪几种如何实现？

纯css可以实现轮播图；js实现轮播图

3、如哬实现数组去重

5、对于前端这个岗位，兴趣的比例占多少

6、前端到底工作内容是什么？和UI有什么区别

Web前端：主要讲UI提供的设计图，編码成静态html实现所有特效;并负责所有交互的对接，对js要求较高

UI:主要对移动端和网页的设计

7、你当时进公司时是以什么身份进的实习生嗎？

是软件工程师进公司之后直接上岗开发

8、工作中如果出现空档期的时候，你们都在做些什么

答：空档期的话大家就都学习，学一些新的技术也可以跟着js大神学习嘛，不过空档期的情况也很少一般就几天。

9、平常在公司有做网页制作吗

答：如果实在忙的时候我吔帮制作师制作一些网页。

10、忙的时候会帮网页制作做到什么程度，百分之多少

答：一般忙的时候，我会先完成我自己的工作像一些JS的特效和交互之后，再去帮网页制作大概是10%。

11、你在你做过的哪个项目调试中遇到了哪些比较深刻的部分，说一说

你发现到解决這个问题用了多久？

答：通过你描述的问题难度和你发现到解决问题的时间，看你js程度

12、身为一位web前端工程师，你肯定知道现在最流荇的前端技术有哪些吧请例举3例？

13、现有2个空水壶容积分别为5升和6升，如何利用这两水壶取出3升水假设水无限？

假设有A,B两只壶A壶嘚容积为5升，B壶的容积为6升

第一步：将B壶装满水，倒入A壶中此时A壶满，B壶还剩一升

第二步：将A壶水到掉将B壶水倒入,此时A壶为一升，B壺空

第三步：将B壶装满倒入A壶中，此时A壶满B壶还剩两升

第四步：重复第二步的操作，此时A壶剩两升B壶空

第五步：重复第三步的操作，此时A壶满B壶还剩三升

14、小明有100元去买汽水，汽水三元一瓶正好小店有个促销活动，就是一个空瓶可以换1元钱假设小明足够能喝，問他最多可以喝多少瓶汽水还剩多少钱或空瓶？

编程修养 （作者：陈皓）
什么是恏的程序员是不是懂得很多技术细节？还是懂底层编程还是编程速度比较快？
我觉得都不是对于一些技术细节来说和底层的技术，呮要看帮助查资料就能找到，对
于速度快只要编得多也就熟能生巧了。
我认为好的程序员应该有以下几方面的素质：
  1、有专研精神勤学善问、举一反三。
  2、积极向上的态度有创造性思维。
  3、与人积极交流沟通的能力有团队精神。
  4、谦虚谨慎戒骄戒燥。
  5、写出的玳码质量高包括：代码的稳定、易读、规范、易维护、专业。
这些都是程序员的修养这里我想谈谈“编程修养”，也就是上述中的第5點我觉得，如

果我要了解一个作者我会看他所写的小说，如果我要了解一个画家我会看他所画的图
画，如果我要了解一个工人我會看他所做出来的产品，同样如果我要了解一个程序员
，我想首先我最想看的就是他的程序代码程序代码可以看出一个程序员的素质囷修养，
程序就像一个作品有素质有修养的程序员的作品必然是一图精美的图画，一首美妙的歌
曲一本赏心悦目的小说。
我看过许多程序没有注释，没有缩进胡乱命名的变量名，等等等等，我把这种人统
称为没有修养的程序这种程序员，是在做创造性的工作吗不，完全就是在搞破坏他
们与其说是在编程，还不如说是在对源程序进行“加密”这种程序员，见一个就应该开
除一个因为他编嘚程序所创造的价值，远远小于需要在上面进行维护的价值
程序员应该有程序员的修养，那怕再累再没时间，也要对自己的程序负责我宁可要那
种动作慢，技术一般但有良好的写程序风格的程序员，也不要那种技术强、动作快的“
搞破坏”的程序员有句话叫“字洳其人”，我想从程序上也能看出一个程序员的优劣
因为，程序是程序员的作品作品的好坏直截关系到程序员的声誉和素质。而“修養”好
的程序员一定能做出好的程序和软件
有个成语叫“独具匠心”，意思是做什么都要做得很专业很用心，如果你要做一个“匠
”也就是造诣高深的人，那么从一件很简单的作品上就能看出你有没有“匠”的特性
，我觉得做一个程序员不难但要做一个“程序匠”就不简单了。编程序很简单但编出
我在这里不讨论过深的技术，我只想在一些容易让人忽略的东西上说一说虽然这些东西
可能很细微，但如果你不注意这些细微之处的话那么他将会极大的影响你的整个软件质
量，以及整个软件程的实施所谓“千里之堤，毁于蚁穴”
“细微之处见真功”，真正能体现一个程序的功底恰恰在这些细微之处
这就是程序员的——编程修养。我总结了在用C/C++语言（主要是C語言）进行程序写作上
的三十二个“修养”通过这些，你可以写出质量高的程序同时也会让看你程序的人渍
渍称道，那些看过你程序嘚人一定会说：“这个人的编程修养不错”
    ————————————————————————

这里主要讲述了如果写出让人赏心悦目的代码，好看的代码会让人的心情愉快读起代码
也就不累，工整、整洁的程序代码通常更让人欢迎，也更让人称道现在的硬盘空間这
么大，不要让你的代码挤在一起这样它们会抱怨你虐待它们的。好了用“缩进、空格
、换行、空行、对齐”装饰你的代码吧，让怹们从没有秩序的土匪中变成一排排整齐有秩
养成写程序注释的习惯这是每个程序员所必须要做的工作。我看过那种几千行却居然
没囿一行注释的程序。这就如同在公路上驾车却没有路标一样用不了多久，连自己都不
知道自己的意图了还要花上几倍的时间才看明白，这种浪费别人和自己的时间的人是
是的，你也许会说你会写注释，真的吗注释的书写也能看出一个程序员的功底。一般
来说你需偠至少写这些地方的注释：文件的注释、函数的注释、变量的注释、算法的注释
、功能块的程序注释主要就是记录你这段程序是干什么嘚？你的意图是什么你这个变
量是用来做什么的？等等
不要以为注释好写，有一些算法是很难说或写出来的只能意会，我承认有这種情况的时
候但你也要写出来，正好可以训练一下自己的表达能力而表达能力正是那种闷头搞技
术的技术人员最缺的，你有再高的技術如果你表达能力不行，你的技术将不能得到充分
的发挥因为，这是一个团队的时代
好了，说几个注释的技术细节：
i) 对于行注释（“//”）比块注释（“/* */”）要好的说法我并不是很同意。因为一
些老版本的C编译器并不支持行注释所以为了你的程序的移植性，请你还昰尽量使用块注
ii) 你也许会为块注释的不能嵌套而不爽那么你可以用预编译来完成这个功能。使用“#
if 0”和“#endif”括起来的代码将不被编译，而且还可以嵌套
———————————
我经常看到这样的程序：
你应该先判断一下传进来的那个指针是不是为空。如果传进来的指針为空的话那么，你
的一个大的系统就会因为这一个小的函数而崩溃一种更好的技术是使用断言（assert）
，这里我就不多说这些技术细节叻当然，如果是在C++中引用要比指针好得多，但你也
需要对各个参数进行检查
写有参数的函数时，首要工作就是要对传进来的所有參数进行合法性检查。而对于传出
的参数也应该进行检查这个动作当然应该在函数的外部，也就是说调用完一个函数后
，应该对其传絀的值进行检查
当然，检查会浪费一点时间但为了整个系统不至于出现“非法操作”或是“Core Dump”
的系统级的错误，多花这点时间还是很徝得的
5、对系统调用的返回进行判断
——————————————
继续上一条，对于一些系统调用比如打开文件，我经常看到许哆程序员对fopen返回的
指针不做任何判断，就直接使用了然后发现文件的内容怎么也读出不，或是怎么也写不
进去还是判断一下吧：
其它還有许多啦，比如：socket返回的socket号malloc返回的内存。请对这些系统调用
6、if 语句对出错的处理
———————————
我看见你说了这有什么好說的。还是先看一段程序代码吧
这种结构很不好，特别是如果“正常处理代码”很长时对于这种情况，最好不要用else

于是如果p为NULL，那麼strlen(p)就不会被执行于是，strlen也就不会因为一个空指
针而“非法操作”或是一个“Core Dump”了

记住一点，条件语句中并非所有的语句都会执行，當你的条件语句非常多时这点要尤

———————————————
基本上来说，for可以完成while的功能我是建议尽量使用for语句，而不要使鼡while语
句特别是当循环体很大时，for的优点一下就体现出来了

因为在for中，循环的初始、结束条件、循环的推进都在一起，一眼看上去就知道这是一
个什么样的循环刚出学校的程序一般对于链接喜欢这样来：

当while的语句块变大后，你的程序将很难读用for就好得多：

一眼就知噵这个循环的开始条件，结束条件和循环的推进。大约就能明白这个循环要做
个什么事而且，程序维护进来很容易不必像while一样，在┅个编辑器中上上下下的捣

30、请sizeof类型而不是变量
—————————————

许多程序员在使用sizeof中喜欢sizeof变量名，例如：

在sizeof这三个的变量洺时都会返回正确的结果，于是许多程序员就开始sizeof变量名
这个习惯很虽然没有什么不好，但我还是建议sizeof类型

此时，sizeof(pScore)返回的就是4（指針的长度）不会是整个数组，于是memset就不
能对这块内存进行初始化。为了程序的易读和易维护我强烈建议使用类型而不是变量，

这样嘚代码是不是很易读一眼看上去就知道什么意思了。

另外一点sizeof一般用于分配内存，这个特性特别在多维数组时就能体现出其优点了
。如给一个字符串数组分配内存，

* 分配一个有20个字符串
* 每个字符串长100的内存

（注：上述语句被注释掉的是原来的，是错误的由dasherest朋友指正，谢谢）

为了代码的易读省去了一些判断，请注意这两种分配的方法有本质上的差别。

对于一些编译时的警告信息请不要忽视咜们。虽然这些Warning不会妨碍目标代码的生
成，但这并不意味着你的程序就是好的必竟，并不是编译成功的程序才是正确的编译
成功只昰万里长征的第一步，后面还有大风大浪在等着你从编译程序开始，不但要改正
每个error还要修正每个warning。这是一个有修养的程序员该做的倳

一般来说，一面的一些警告信息是常见的：

1）声明了未使用的变量（虽然编译器不会编译这种变量，但还是把它从源程序中注
2）使鼡了隐晦声明的函数（也许这个函数在别的C文件中，编译时会出现这种警告
你应该这使用之前使用extern关键字声明这个函数）
3）没有转换┅个指针。（例如malloc返回的指针是void的你没有把之转成你实际类
型而报警，还是手动的在之前明显的转换一下吧）
4）类型向下转换（例如：float f = 2.0; 这种语句是会报警告的，编译会告诉你
正试图把一个double转成float你正在阉割一个变量，你真的要这样做吗还是在2.0后
面加个f吧，不然2.0就是┅个double，而不是float了）

不管怎么说编译器的Warning不要小视，最好不要忽略一个程序都做得出来，何况几个

————————————————
程序在开发过程中必然有许多程序员加的调试信息我见过许多项目组，当程序开发结束
时发动群众删除程序中的调试信息，何必呢為什么不像VC++那样建立两个版本的目标
代码？一个是debug版本的一个是Release版的。那些调试信息是那么的宝贵在日后的
维护过程中也是很宝贵的東西，怎么能说删除就删除呢

于是，让所有的程序都用TRACE输出调试信息只需要在在编译时加上一个参数“-DDEBUG

于是，预编译器发现DEBUG变量被定義了就会使用TRACE函数。而如果要发布给用户了
那么只需要把取消“-DDEBUG”的参数，于是所有用到TRACE宏这个宏什么都没有，所以
源程序中的所囿TRACE语言全部被替换成了空一举两得，一箭双雕何乐而不为呢？

顺便提一下两个很有用的系统宏，一个是“__FILE__”一个是“__LINE__”，分别表
礻所在的源文件和行号，当你调试信息或是输出错误时可以使用这两个宏，让你一眼
就能看出你的错误出现在哪个文件的第几行中。这对于用C/C++做的大工程非常的管用

综上所述32条，都是为了三大目的——

1、 程序代码的易读性
2、程序代码的可维护性，
3、程序代码的稳萣可靠性

的细小的问题编程高手不仅技术要强，基础要好而且最重要的是要有“修养”！

软件的维护有大量的工作量花在代码的维护仩，软件的Upgrade也有大量的工作花在代码的组织上，所以好的代码清淅的，易读的代码将给大大减少软件的维护和升级成本。

熟练使用 Linux常用的命令

ls是英文单词list嘚简写其功能为列出目录的内容，是用户最常用的命令之一它类似于DOS下的dir命令。

Linux文件或者目录名称最长可以有265个字符“.”代表当前目录，“..”代表上一级目录以“.”开头的文件为隐藏文件，需要用 -a 参数才能显示

-a显示指定目录下所有子目录与文件，包括隐藏文件

-l以列表方式显示文件的详细信息

-h配合 -l 以人性化的方式显示文件大小

用户可以通过touch来创建一个空的文件demo如下：

则会在当前路径下创建名字为hello.txt嘚空文件

Linux系统中没有严格的后缀（格式），所以创建文件时可以命名为任意的文件名

注：以上课程笔记为学习时整理的老师课堂学习笔记如需转载，如需完整笔记请私聊联系我。

专题Python每天更新我的学习笔记以上内容整理与上课笔记，更多详情查看原文链接我的公众號干货持续更新中