Web

这部分内容涉及HTML、JavaScript和CSS知识，不涉及后端PHP和MySQL知识。

https://github.com/hgneng/2048

1. 首页index.html

https://github.com/hgneng/2048/blob/master/index.html

2. 样式main.css

https://github.com/hgneng/2048/blob/master/style/main.css

3. JavaScript逻辑

JavaScript是按照HTML里引用的顺序执行的，所以阅读JavaScript逻辑时应该按照引用的顺序一个一个阅读：

Java服务端

浏览器驱动，Firefox的驱动是内置的（在45以上的版本暂时无法使用），无需额外下载

JavaScript客户端文档

Python客户端文档

Java客户端API，其它语言可能需要查阅Java的API

使用教程

传说中GitHub第一的项目，是学习Web开发的项目，值得深入研究一下。

https://www.freecodecamp.com

对服务器的access.log做了一下分析，总结出用户浏览器的使用情况。要注意的是，网站的使用者是中学的教师和学生。由于360浏览器没有一个容易识别的UserAgent，因此其使用量会隐藏在Chrome和MSIE里面。解读下面数据的时候应该主要看Visitors列而不是Hits。

对比一下IE8和IE6的Visitors、Hits、Bandwidth数据发现，IE6消耗更多的带宽，可能是IE8的缓存做得比IE6好很多的缘故。

使用移动QQ浏览器的用户是最多的，占17.3%。而UC浏览器只占7.9%。（注意，我从不写软文，尽管读者可以不信）这个数据令我有点意外，我以为QQ浏览器和UC浏览器市场占有率是差不多的。不过这可能反而年轻一代用户喜欢用QQ，顺便也用了QQ浏览器。事实上用户使用国内众多浏览器中其中一款的原因可能只是受市场营销影响的从众选择，各大浏览器只要在Webkit内核基础上不引入太多bug应该差别不大。不过，从Visitors和Bandwidth数据来看，以省流量起家的UC还是可以看出一定的技术能力。

UserAgent为MetaSr的是搜狗浏览器。

Drupal里有些PHP文件以module和install作为后缀，Netbeans 8.0以上的编辑器不能识别，解决方案如下：

• Choose NetNeans > Preferences > Miscellaneous > Files
• Next to File Extension, choose New...
• Enter module for the File Extension.
• Select text/php-5 for Associated File Type (MIME).
• 重启编辑器

jQuery、Bootstrap、AngularJS等都可以引用百度的CDN，会快很多。有些文件在页面里没有列出，例如Bootstrap的CSS，但是可以自己根据相应的JS路径构造CSS路径。

http://cdn.code.baidu.com/

• AngularJS 2已经发布beta版，但是所有技术是针对下一代JaveScript标准的，要兼容目前浏览器的JavaScript内核需要引用尺寸比较大的库，不是一个轻巧的解决方案。
• AngularJS 1最简洁的教程在官网首页下部，而不是Tutorial，应该往下滚动首页，不容错过。
• AngularJS有若干模块（比如路由），并不是只引用一个JS就可以。
• AngularJS一些全局变量前面有$符号，但不要误会其支持jQuery语法。要用jQuery需要单独引用2.1以上版本。

1. 下载安装Firefox的The easiest Xdebug插件

2. 确认/Applications/XAMPP/xamppfiles/lib/php/extensions/no-debug-non-zts-20131226/xdebug.so存在（20131226可能不同）

3. 编辑/Applications/XAMPP/etc/php.ini，找到zend_extension区域，添加以下代码：

 

zend_extension="/Applications/XAMPP/xamppfiles/lib/php/extensions/no-debug-non-zts-20131226/xdebug.so"（注意修改成正确的路径，可能需要替换20131226）

​http://w3school.com.cn/quiz/quiz.asp?quiz=html5

Axure RP是美国Axure Software Solution公司旗舰产品，是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、 流程图、原型和规格说明文档。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理 。

http://www.axure.com/