FED

注意：该文件比较长，写的是从没有项目起到项目上线的一些事，从大的方面约束规范到环境的配置、代码的模式、静态文件管理都有些概括，希望对你有帮助～项目的开发基本是开发->测试->线上的流程，那么项目开发前，约定好环境和域名，首先我们已知如下条件：代码目录只是个例子...

项目某个版本经过开发环境、测试环境检验，经过测试上线之后正常运行，突然在某个时间点出现页面访问超级慢。以下是这个问题的主要排查过程。通过Chrome控制台可以发现，页面的请求被挂起，显示pending状态，直到超时结束。可以确定这不是页面脚本错误，而是后端服务出现问题。...

菜单：help-EnterLicensePackageControl安装教程：https://packagecontrol.io/installation效果图...

在WEB前端开发过程中，给文件命名、class和id命名可能是大部分程序员遇到的难题。如何让命名更加清晰容易区分又带有语义化，可能并不简单。合理的文件命名、class和id命名可以使你的代码看起来更加高大上，而且后期也一目了然，方便维护。下面PHP程序员雷雪松带看看我们WEB开发过程中总结的一些HTML常用的语义化命名。...

HTML是一种用来描述网页的标记性语言。学习HTML可能并不难，主要是要记一些HTML标签和标签代表的含义。下面PHP程序员雷雪松根据使用的情况，整理出平时常用的HTML标签。...

CSS在Web前端开发中，占有很重要的地位。CSS可以很好的解决内容和变现分离的问题，极大方便后期的维护。CSS样式引入的方式主要有外部样式表、内部样式表、内联样式三种。下面PHP程序员雷雪松详细的介绍在web开发中css常用的属性。...

在CSS中，选择器用于选择需要添加样式的元素，简单的讲，就是确定你要把样式给那个元素。在我们写web前端的时候，选择器的使用是非常频繁的，合理的使用选择器会精简大量的代码。PHP程序员雷雪松总结了下，CSS选择器大致的归类为基础选择器和符合选择器两类。...

目前，众多互联网公司APP都嵌入了大量的HTML5，移动端的开发越来越重视，HTML5的运用场景也越来越多了。在移动WEB开发的过程中，使用合适的移动WEBUI框架可以大大提升我们的开发效率。下面PHP程序员雷雪松就把2015年最全的移动WEB前端UI框架分享给大家。...

ThinkPHP框架是国人开发的优秀PHP框架之一，ThinkPHP文档还有代码注释都是中文的，学习起来非常的顺手。下面主要介绍下ThinkPHP惯例配置讲解（ThinkPHP\Conf\convention.php）框架默认的设置，包括应用相关的配置、PHPcookie和session的设置、ThinkPHP的框架自己的配置、数据库连接和数据缓存配置、日志设置、错误模板的配置、模板引擎的配置和布局的设置、模板标签和系统变量的配置、URL路径的配置。PHP程序员，雷雪松的博客...

video.js是一个集成HTML5和Flash的开源网页视频播放器，video.js自动检测浏览器对HTML5的支持情况，如果不支持HTML5则自动使用Flash播放器。目前有超过200000多的网站正在使用vedio.js，作为网页视频播放器。video.js可以很好的解决浏览器的视频播放器样式的兼容性。原文：http://www.leixuesong.cn/1914...

Bower是一个适合Web应用的包管理器，它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的线上资源。使用Bower可以非常方便的安装各种前端库，而且Bower可以很好的帮我们解决库之间的依赖。原文来源：http://www.leixuesong.cn/1912...

冒泡排序Array.prototype.bubble_sort=function(){vari,j,temp;for(i=0;i<this.length-1;i++)for(j=0;j<this.length-1-i;j++)if(this[j]>this[j+1]){temp=this[j];this[j]=this[j+1];this[j+1]=temp;}returnthis;};varnum=[22,34,3,32,82,55,89,50,37,5,64,35,9,70];num.bubble_sort();冒泡排序顾名思义就是一个个气泡不断往上浮动的意思。在JS的这段代码中就是不断将最大的数字排在数组尾部，然后类似数学归纳法一般，用同样的方式处理接下来的n-1个数字。这种算法需要计算(n-1)+(n-2)+…+1=(n-1)n/2次，达到O(nn)的级别。...

在移动App开发领域，主流的开发模式可分为Native、Hybrid、WebApp三种方式。然而2013年，纯WebApp开发模式的发展受到一定挫折，以Facebook为代表的独立App转投Native阵营。但是开发者对WebApp更新速度快，跨平台优势的渴望却并未减弱，最终的结果是促成了HybridApp在2013年数量的激增，并且增长的速率非常之快。简单的说，HybridApp是NativeApp和MobileWeb二者混合开发的产物，HTML5的页面被嵌入到NatvieApp的webview中。因此它综合了更新速度快，交互体验好，跨平台等优点。本文分享的就是HTML5页面(尤其是被嵌入的H5应用)借助Hybrid架构来提升自己的加载速度和性能的一种解决方案。该方案要求你对HybridApp进行以下三步骤的改造：一：模块化你的H5页面/应用，引入模块加载器（可选）模块加载器不必多说，SeaJS、requireJS、kissyloader等耳熟能详，任你挑选。使用模块化的方式来开发你的应用，不仅仅将有利于后期的代码维护，在Hrbrid的架构中，还将会有利于性能的提升。或许你有疑问：模

模块化开发之后，非常容易的进行单元测试。但前端单元测试因为需要浏览器支持，在操作上还是有一定的成本的。不过，目前已经有一套比较通用的做法。在了解模块化单元测试之前，需要了解以下项目关于webstorm的一些使用技巧文章中有提到《webstorm入门4-karma/jasmine/coverage/coveralls/phantomjs/travis-ci单元测试》。...

let,const,forEach,forofclass,extends,superarrowfunctions,templatestring,destructuring,default,restarguments以上是我们需要掌握的常用的ES新特性，一个一个的玩，不要怕,下面这段代码是模板，写完ES6可以直接跑在最新版Chrom浏览器上的，其他浏览器估计跑不起来。...

因为现在网上的教程都不靠谱，于是决定自己跳坑自己写，分为三块来玩：一、环境搭建二、语法讲解三、项目实战很多时候，你想搞一个东西，却因为环境没有搭建好，而不能很开森的探索未知的世界，多年的编程经验的我依然没有说服自己在没有自动提示，没有高亮关键词的情况下去裸身探索。独乐乐不如众悦乐，于是这篇文字出来了。...

一、不堪回首的过往在应用CSS3渐变/动画时，有个控制时间的属性<timing-function>。它的取值中除了常用到的三次贝塞尔曲线以外，还有个让人比较困惑的steps()函数。在许多相关文章里，关于这个函数的解释都比较含糊其辞，比如：steps()第一个参数number为指定的间隔数，即把动画分为n步阶段性展示，第二个参数默认为end，设置最后一步的状态，start为结束时的状态，end为开始时的状态。...

不知道你是怎么理解编译和构建这两个词语的？我的理解是：你同意吗？为什么使用预编译文件、新规范越来越流行？如上，两种代码的直视，显然sass的语法更加亲民，看起来更美。...

官网：http://pm2.keymetrics.io/Advanced,productionprocessmanagerforNode.js.ACompletefeaturesetforproductionenvironment,builtwithaworldwidecommunityofdevelopersandenterprises本来应该是叫pm的，但因为pm已经被国内某个开发者先占用了，只能加个2，成了pm2。...

alinode是基于Node运行时的应用性能管理解决方案，是阿里云出品的Node.js应用服务解决方案，是一套基于社区Node改进的运行时环境和服务平台。在社区的基础上我们内建了强大的支持功能，帮助开发者迅速洞见性能细节，快速定位疑难杂症，直探问题根源。官网http://alinode.aliyun.com/...