Coming,Baby!

准备将一路走来的笔记慢慢从有道云转移到博客中来。

服务器

服务器用的是阿里云吗？
环境是apache还是nginx?
阿里云平台有什么缺点？
1、需要你自己拥有环境安装及安全配置的能力或人，他们只保证云服务器的正常运行，不保证你自己搭建的环境的正常与否。（可以用阿里云的镜像来搞定环境配置，也可以到云市场找第三方服务商）
2、备案：接入商必须是阿里云，需要做备案转入。（管的比较严，有些服务商只要有备案就OK）
3、和腾讯云比起来，貌似有点贵。（有对比才知道）
迁移注意什么？
1、首先咨询下，所在省的备案转入是否需要闭站。
2、阿里云那边的环境搭建好。（比如php的程序，配置下apache或nginx+mysql+php，根据你们程序的实际情况选择）
3、原站点备份。（程序数据、数据库数据、一些重要的配置数据）
4、之后和普通站点的搬家一样的。（注意点：保证原服务器一段时间[72小时DNS生效时间]的正常访问）

Nginx 是一款面向性能设计的HTTP服务器，相较于Apache、lighttpd 具有占有内存少，稳定性高等优势。
Nginx的优点
Nginx做为HTTP服务器，有以下几项基本特性：
1.处理静态文件，索引文件以及自动索引；打开文件描述符缓冲．
2.无缓存的反向代理加速，简单的负载均衡和容错．
3.FastCGI，简单的负载均衡和容错．
4.模块化的结构。包括gzipping, byte ranges, chunked responses, 以及 SSI-filter等filter。如果由FastCGI或其它代理服务器处理单页中存在的多个SSI，则这项处理可以并行运行，而不需要相互等待。
5.支持SSL 和 TLS SNI．
Nginx专为性能优化而开发，性能是其最重要的考量, 实现上非常注重效率 。它支持内核Poll模型，能经受高负载的考验, 有报告表明能支持高达 50,000 个并发连接数。
Nginx具有很高的稳定性。其它HTTP服务器，当遇到访问的峰值，或者有人恶意发起慢速连接时，也很可能会导致服务器物理内存耗尽频繁交换，失去响应，只能重启服务器。例如当前apache一旦上到200个以上进程，web响应速度就明显非常缓慢了。而Nginx采取了分阶段资源分配技术，使得它的CPU与内存占用率非常低。nginx官方表示保持10,000个没有活动的连接，它只占2.5M内存，所以类似DOS这样的攻击对nginx来说基本上是毫无用处的。就稳定性而言, nginx比lighthttpd更胜一筹。
Nginx支持热部署。它的启动特别容易, 并且几乎可以做到7*24不间断运行，即使运行数个月也不需要重新启动。你还能够在不间断服务的情况下，对软件版本进行进行升级。
Nginx采用master-slave模型, 能够充分利用SMP的优势，且能够减少工作进程在磁盘I/O的阻塞延迟。当采用select()/poll()调用时，还可以限制每个进程的连接数。
Nginx代码质量非常高，代码很规范， 手法成熟， 模块扩展也很容易。特别值得一提的是强大的Upstream与Filter链。 Upstream为诸如reverse proxy,与其他服务器通信模块的编写奠定了很好的基础。而Filter链最酷的部分就是各个filter不必等待前一个filter执行完毕。它可以把前一个filter的输出做为当前filter的输入，这有点像Unix的管线。这意味着，一个模块可以开始压缩从后端服务器发送过来的请求，且可以在模块接收完后端服务器的整个请求之前把压缩流转向客户端。
Nginx采用了一些os提供的最新特性如对sendfile (Linux 2.2+)，accept-filter (FreeBSD 4.1+)，TCP_DEFER_ACCEPT (Linux 2.4+) 的支持，从而大大提高了性能。
Nginx的模块
整体采用模块化设计是nginx的一个重大特点，甚至http服务器核心功能也是一个模块。要注意的是：nginx的模块是静态的，添加和删除模块都要对nginx进行重新编译，这一点与Apache的动态模块完全不同。
与PHP的集成
目前使用FastCGI+Nginx运行PHP应用时如果配置文件设置不合理，并不是十分可靠。建议使用NAMP架构（Nginx+Apache+Mysql+PHP），即使用Nginx处理静态请求，并将动态请求反向代理给Apache处理。

利用Apache服务器
基于HTML的静态和动态网站，可以使用Apache服务器。
这是最常用的有需要时，服务安全内容的观众。
它的功能作为Web服务器，CGI，SSL，虚拟域的支持，插件模块。
它是免费的，可靠的和易于配置。

优点
功能丰富：它是极其丰富的现代网站是非常有用的功能，并遵循最新的网络协议
可自定义的：它的模块化架构适合自己的定制时，有必要建立一个服务器配置客户端的需求。
易于管理：在apache的配置文件使用ASCII。这使得他们极其简单的管理，因为它是东部使用任何文本编辑器编辑文件。
可扩展：随着开源架构和API，它是一个服务器应用程序做它的发展，在世界各地的开发人员总是在不断发展。由于这种可扩展性，任何开发人员可以创建一个自定义的模块，并提交其他开发人员通过使用Apache的开发社区。
效率：这是瘦，速度快，因此使用很少的系统资源。是专为性能优化的C代码，它是基于。
独立OS：它可以运行在各种操作系统，如UNIX，Windows 9x/NT之上，MacOS和许多其他。
稳定性：多年来，它已经演变和发展成为一个非常可靠和稳定的Web服务器。通信和报告可能的错误是由于其开放的源代码可以无缝地轻松。这也意味着，的错误解决由世界各地的开发，从而迅速解决。

一 个 网 站 的 上 线

一个网站要想成功上线，要经过域名注册，服务器租用，网站备案，当然网站制作和内容的增加肯定是必不可少的。那下面我们就一步步来说说详细的流程情况
一个域名是网站必要的，如www.qifanweb.com。域名是打开网站的必要条件，你可以选择自己喜欢的域名，不过很多时候你喜欢的域名都被注册了，没有了，之好选择别的了。域名注册好以后下一步还要进行备案，因为现在你的网站要想放在国内的服务器必须域名有备案号以后才可以上线的。因此找一家接入商备案是必不可少的。
虚拟主机也叫服务器，是放置网站文件（也就是网站代码）的地方。一般来说企业网站的大小只有500M左右。所以一般只要最小容量的主机就可以了。当然这个根据客户自己的选择和要求。另外我们在选择服务器主机的时候也要注意自己网站是用什么语言开发的。因为有些主机对网站的开发语言也是有限制的。
最主要就是网站的制作了啊，自己开发或请专业的网站设计人员定制一套网站代码。对于企业来说，做网站最重要的是这一步，域名和主机是很好解决的，最主要就是网页的设计和制作了啊，这要根据不同的客户不同的需求来制作。还有后期包括资料的上传。总得来说就是要把网站的网站做得好好看得。
网站建设实施步骤
1.注册域名、购买空间，并做好相应配置
2.将网站代码用FTP工具上传至虚拟主机空间
3.根据信息产业部要求申请ICP备案许可号
4.开通，您可以使用自己的域名访问该网站了

百度搜索公司名称找不到公司网站的原因分析

很多客户在网站上线后都会咨询这样一个问题：为什么在百度搜索公司名称却找不到我公司的网站呢? 要怎么解决? 今天，深圳网站建设公司根据多年的从业经验，从以下两个方面给大家讲解：

　　一、新网站已经上线，但百度还未收录
　　首先检查robots.txt是否设置了禁止蜘蛛抓取，如果设置了，一定要记得解除。然后向百度提交我们的网站，目的是告诉百度我们的网站上线了，提交地址是：http://www.baidu.com/search/url_submit.html。最好，我们应该站在用户的角度，去更新网站内容，切记，内容最好是原创的(尽量不要直接复制网上的)，坚持每天更新3篇左右。

　　二、新网站已经收录，但是搜索公司名称搜索不到
　　对于，新网站刚上线，如果网站收录了，搜索公司名称找不到，是非常正常的。站在seo的角度来说，就是网站权重低，排名靠后或者没有排名，对于，未收录的网站，肯定是没有排名的，那么，我们应该先解决网站收录的问题，让百度尽快收录我们的网站。那么，具体的该怎么操作呢?

　　1、不断的更新网站内容，一定要原创，最差也要伪原创，不可直接复制黏贴；

　　2、新增内容都在首页进行展示，同时新增页面添加首页链接；

　　3、新站权重不高，增加友情链接；

　　4、去新浪博客、天涯博客、微博等等去发布外链，带上公司网址。

第一步：注册域名

　　什么是域名？

　　域名是Internet上用来查找网站的专用名字，与我们熟悉的地址、门牌号的作用相似。据规定，域名由英文字母（不区分大小写），阿拉伯数字和横杠“－”组成，不能有空格， “－”不能放在最前面或最后面，每个层次最长不能超过67个字母。
　　域名注册很简单的，比如网站 http://www.nicenic.com/design/?s=leixin注册一个用户名.
２.登陆这个用户名
３.查询你要注册对域名是否被人注册。如果被人注册另外起一个
４.如果你想注册域名没有被人注册。你就可以进行注册了
５.填写一个域名注册表单。表单提交后你的域名还没有生效。只是提交一个订单.交费后你的域名就能正式生效（不同的域名是不同的价格）
６.把你的域名解析到服务器ＩＰ上
７.在服务器上绑定你的域名
８.把你的文件上传到服务器上
９.大功告成，一会在地址栏输入你注册域名就可以看到你的网站了

第二步：制作内容

　 有钱就请人做，省事，省心，但不省银子，一般费用几千到几万不等，要省钱就自己动手了，做网站也是一样的，如果不会做网站的话可选用耐思尼克 http://www.nicenic.com/design/?s=leixin全新升级的V5版建站宝盒NiceBox是虚拟主机增值服务赠送成品网站，包含各种各样精美网站模板，上百种网站功能，带产品发布系统、新闻系统、会 员系统、投票系统、广告系统、招聘系统等动态功能模块，页面随意增加。运用功能强大的管理平台，轻点鼠标就能立即制作精美的网站,不仅周期大大缩短，而且免费就可以使用，不要额外的技术和成本投入，能同步分享我们对产品的技术升级和功能改进，大大节省用户拥有网站的成本。。只要是在耐思尼克购买虚拟主机产品，就可以免费支持并使用此系统管理平台 。

第三步：申请空间

　　对于个人网站和小型网站，一般都是采用主机托管的方式，也就是向一些服务商来购买存放网页的空间，上到一定规模的网站，就需要自己来购买服务器、去电信部门托管。 省钱小妙招，一般服务商都提供，域名加虚拟主机一起购买的优惠！

第四步：上传内容

　　使用FTP软件，连接到对应的地址，把网站内容上传上去就可以了。

第五步：维护网站

　　对内容进行更新和维护

第六步：推广宣传

　　推广网站常用的几种方式：（免费）
　　1． 搜索引擎登录
　　2． 友情链接
　　3． 论坛灌水
　　4． 登录网址大全

如何上线
第二步中你买到网站空间时空间商一般会给你一个后台管理和ftp帐号，你可以通过空间商的后台上传压缩包，然后在线解压，或者通过ftp传都可以。
传了程序你需要在空间的管理后台绑定你第一步申请并在第三步获得了备案号的域名，绑定后到域名管理后台去做A记录，也就是我们所说的解析，填入你的ip，解析成功后，稍等一段时间，因为域名dns解析有缓存，一般一个小时左右就可以访问了，按照提示，一步步的安装程序。安装过程一般在程序的文档中会有帮助文件，仔细看看，很简单。

前端自动化（Grunt/Gulp/Webpack）----- 前端构建工具

为何要用构建工具？（自动化工具）
一句话：自动化。对于需要反复重复的任务，例如压缩（minification）、编译、单元测试、linting等，自动化工具可以减轻你的劳动，简化你的工作。当你在 Gruntfile 文件正确配置好了任务，任务运行器就会自动帮你或你的小组完成大部分无聊的工作。

Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔，等到实际需要的时候再异步加载。通过 loader 的转换，任何形式的资源都可以视作模块，比如 CommonJs 模块、 AMD 模块、 ES6 模块、CSS、图片、 JSON、Coffeescript、 LESS 等。

为什么要使用Grunt？(green特)
Grunt生态系统非常庞大，并且一直在增长。由于拥有数量庞大的插件可供选择，因此，你可以利用Grunt自动完成任何事，并且花费最少的代价。如果找不到你所需要的插件，那就自己动手创造一个Grunt插件，然后将其发布到npm上吧。先看看入门文档吧。

易于使用
通过代码优于配置的策略，Gulp (构魄) 让简单的任务简单，复杂的任务可管理。
构建快速
利用 Node.js 流的威力，你可以快速构建项目并减少频繁的 IO 操作。
插件高质
Gulp 严格的插件指南确保插件如你期望的那样简洁高质得工作。
易于学习
通过最少的 API，掌握 Gulp 毫不费力，构建工作尽在掌握：如同一系列流管道。

Less-- CSS 预处理工具
http://www.imooc.com/learn/102 ------ Less即学即用。
http://www.imooc.com/article/16455 - - - - - 学习总结
Koala下载地址：http://koala-app.com/index-zh.html

http://www.atool.org/css_less.php    -------  css/less/sass/scss互转（工具网）

版本控制----- SVN 、GIT 、Github
github 给特哈波 http://www.imooc.com/video/7623 !!!
https://desktop.github.com/ github客户端下载地址

设计模式———MVC\MVVM

判断移动PC———device.js

图表 —— echarts 配置文档
http://echarts.baidu.com/option.html#title

用过什么CSS库呢？

Normalize.css 是？
Normalize.css 是一个可以定制的CSS文件，它让不同的浏览器在渲染网页元素的时候形式更统一。
Normalize.css 能干什么？
保留有用的默认值，不同于许多 CSS 的重置
标准化的样式，适用范围广的元素。
纠正错误和常见的浏览器的不一致性。
一些细微的改进，提高了易用性。
使用详细的注释来解释代码。
支持的浏览器：
Google Chrome (latest)
Mozilla Firefox (latest)
Mozilla Firefox ESR
Opera (latest)
Apple Safari 6+
Internet Explorer 8+
Normalize.css到底有什么用
不同的浏览器在对于CSS没有定义的一些样式属性是不一样的，
比如没有在自己的CSS里面规定超链接有没有下划线的时候，有些浏览器有，有些浏览器没有；
再比如有一些浏览器规定的超链接默认颜色是蓝色，有一些又是黑色。
而这个CSS的功能就是对几乎所有的默认样式进行重置，让所有的浏览器上对于未定义的样式浏览效果达到一致
（虽然说无法完全一致，但至少可以消除掉大部分差距）
当然如果你自己的CSS已经对默认样式进行了重置，不使用它也是可以的。
那我同时link两个css的话，会不会有冲突？
我使用Normalize.css是为了像你所说的对几乎所有的默认样式进行重置，让所有的浏览器上对于未定义的样式浏览效果达到一致，那我再link我自己的style.css是不是也可以在他的基础上达到我的效果？
答：把Normalize.css里面的所有内容放在自己的style.css的最上面，那样如果有冲突的话，写在后面的CSS设置默认是会覆盖掉写在前面的

以下是一个整理的 css Reset
---------------------------------------------------------------------------------

/*
KISSY CSS Reset
理念：清除和重置是紧密不可分的
特色：1.适应中文 2.基于最新主流浏览器
维护：玉伯([email protected]), 正淳([email protected])
*/

/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

/* 设置默认字体 */
body,
button, input, select, textarea { /* for ie */
    /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
    font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; /* 用 ascii 字符表示，使得在任何编码下都无问题 */
}

h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }

address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/* 重置列表元素 */
ul, ol { list-style: none; }

/* 重置文本格式元素 */
a { text-decoration: none; }
a:hover { text-decoration: underline; }

abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
    border-bottom: 1px dotted;
    cursor: help;
}

q:before, q:after { content: ''; }

/* 重置表单元素 */
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 重置 hr */
hr {
    border: none;
    height: 1px;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html { overflow-y: scroll; }