前端为什么需要构建工具

注: 在知乎上面几年前回答的问题，搬过来给你看看吧

1 调试服务器首先如果你是一个准备做WEB开发实践的，不管前端、后台，首先需要了解一两种服务器apache，tomcat，nginx啥的，至少能够配置一个基本的本地服务和修改索引路径，前端页面使用http/https协议访问，而不是本地文件协议（file协议下很多jsAPI都是受限的）。

2 调试自动更新服务器搭建好了，那么现在开始调试网页，然后你修改一点代码，去浏览器里面F5刷新页面看看效果，再修改一点代码，再去浏览器里面F5刷新页面看看效果如此循环往复， maybe让工具帮助你检测本地文件修改然后实时刷新网页更靠谱。

3 换种方式写代码然后就是写代码了，less/sass是不错的css组织工具，ES6也能让你的javascript代码显得更严谨和逻辑清晰，要是能够在访问页面的时候实时获取css/babel(es6编译器)编译结果神马的应该显得很cool。

4 模块化当然在完成逻辑相对复杂的交互功能时候，可能需要你组织非常复杂的代码功能，这个时候了解一下模块化的开发思想显得很有必要requirejs事实上更早，也更广泛一点，seajs在国内也不错。

5 模板引擎然后就是对于js生成HTML(或者其他什么的)的一种包装方式, 即：js模板引擎(handlebars,jade)， 你可以尝试在开发时候使用这样的模板工具生成自己想要的HTML文档什么的，也是一种不错的体验，这个就像你用less写css代码一样，或者说用php，jsp这样的服务端语言工具生成实时HTML页面。

6 代理调试有的时候你开发的东西并不只是前端代码，牵扯到跟服务端应用之间的数据交互，难免需要使用ajax，ajax这货基于安全考虑是不允许跨域的，因此可能需要通过代理的方式实现数据调试这样的工具也有不少，nginx服务器是其中的佼佼者。

7 资源合并优化OK， 如果到完成开发阶段，你需要提交自己开发的代码到线上服务器了，在提交之前，你需要考虑将开发的资源进行最优化(合并，压缩神马的)， js方面有uglify，css有cssmin神马的，压缩还可能根据不同的类型进行不同程度和配置的压缩，这些事情交给别个工具处理显得很有必要，要是能够一键处理那简直了， 百度的fis，业内最流行的gruntjs、gulpjs神马的，事实上它们在配置化编译LESS/Coffee这类工作在自己的流程中也很在行。

8 Combo使用异步模块化开发带来的弊端就是对于大量零碎依赖文件需要分别开辟多个http链接去获取，这可不是一个好现象，要知道单个浏览器单域名并发获取资源的数量是很有限的， 因此例如KISSY就支持了简单配置一个combo参数来组织一个获取nginx的 http-concat格式资源的路径，当然这样的动态合并模式也适用于普通的资源请求合并。

9资源缓存和更新 CDN 能够确保你已经发布到服务器上的资源以最快的响应时间到达浏览器，但是带来的问题是，你的代码更新，CDN则傻乎乎的不理你，除非你在使用的地方告诉它需要更新了( 时间戳、MD5文件名啥的 )。

事实上，我觉着凡是重复进行的工作总有可以程序和代码可以替你完成的部分，前端开发中这种事情尤其多，工具啥样的自己去定义才最合适自己，而nodejs的出现使得前端自己可以方便的开发这类东西（上面的less、coffee、uglify、gruntjs、fis、gulp这些个单词可以说：都依赖nodejs）。

PS: 感兴趣可关注 f2e-server， 百度搜索关键字第一个就是官网。

如何设置ftp服务器，在如图网络下？

移动网关指的是啥？

服务器IP、无线网关的IP、路由器IP，都有提供，才能告诉你是否可以架设FTP。

如果无法实现网络端口映射，架设FTP没用。

至于FTP服务器的架设很简单，可以用系统自带，也可以运行专门的FTP服务器，这不是问题所在。

只有你提供详实的IP地址段，网络拓扑，设备，才是关键。

不就是个手机想访问服务器么？FTP干啥？不就是传送文件么？

想传送文件，不用这么复杂，如果都能连接互联网，那就手机、电脑运行都向日葵、ToDesk等就好。

如果都在同一网段局域网，那就都运行RealVNC就好。

ftp服务器怎么搭建

方法如下：

操作设备：戴尔笔记本电脑

操作系统：win7

操作程序：管理选项10

一、首先选择“管理选项”打开“本地用户和组”可以在列表中看到用户选项，如下图所示：

二、然后从下拉菜单中选择新用户，开始构建填写用户名和密码，如下图所示：

三、之后找到“控制面板”选项并将其打开，如下图所示：

四、单击下面的卸载程序按钮进入安装程序列表界面，如下图所示：

五、在左上角的菜单栏中打开或关闭Windows，单击进入，如下图所示：

六、转到Windows功能界面打开或关闭，勾选其子菜单的FTP服务和FTP可扩展性，然后单击按下OK按钮，如下图所示：

七、添加IIS服务后，单击Internet信息服务管理-此时我们可以看到连接右框架，如下图所示：

八、然后右键单击该网站以选择添加网站，如下图所示：

九、然后在弹出的添加网站框中输入我们的网站名称，然后选择添加，如下图所示：

十、创建我们的FTP后，启动绑定和SSL设置，端口号选择2121IP地址填写本地IP地址，如下图所示：

怎么做ftp服务器

架设一台FTP服务器其实很简单。首先，要保证你的机器能上网，而且有不低bai于ADSL512Kbps的网络速度。其次，硬件性能要能满足你的需要。最后，需要安装FTP服务器端的软件，这类软件很多，可以使用微软的IIS，也可以使用专业软件。不同的软件提供的功能不同，适应的需求和操作系统也不同。一般来说，系统最低要求如下：

CPU：PⅢ450MHz以上

内存：256MBSDRAM以上

带宽：ADSL512Kbps以上

至于操作系统，Windows98／Me／NT／2000／XP均可，如果对服务器的性能和安全性要求很低，可以采用Windows98和WindowsMe。本文中，如无特殊说明，均以WindowsXP专业版为操作系统，其余操作系统下FTP服务器的架设及设置均大同小异。

一、用IIS架设

如果只是想建个小型的同时在线用户数不超过10个的FTP服务器，且不会同时进行大流量的数据传输，可以用IIS5．0作为服务器软件来架设。

1．安装

WindowsXP默认安装时不安装IIS组件，需要手工添加安装。进入控制面板，找到“添加／删除程序”，打开后选择“添加／删除Windows组件”，在弹出的“Windows组件向导”窗口中，将“Internet信息服务”项选中。在该选项前的“√”背景色是灰色的，这是因为WindowsXP默认并不安装FTP服务组件。再点击右下角的“详细信息”，在弹出的“Internet信息服务”窗口中，找到“文件传输协议服务”，选中后确定即可。

安装完后需要重启。WindowsNT／2000和WindowsXP的安装方法相同。

2．设置

电脑重启后，FTP服务器就开始运行了，但还要进行一些设置。点击“开始→所有程序→管理工具→Internet信息服务”，进入“Internet信息服务”窗口后，找到“默认FTP站点”，右击鼠标，在弹出的右键菜单中选择“属性”。在“属性”中，我们可以设置FTP服务器的名称、IP、端口、访问账户、FTP目录位置、用户进入FTP时接收到的消息等。

1）FTP站点基本信息

进入“FTP站点”选项卡，其中的“描述”选项为该FTP站点的名称，用来称呼你的服务器，可以随意填，比如“我的小站”；“IP地址”为服务器的IP，系统默认为“

如何建立ftp服务器

1、首先，我们创建一个用于登录FTP以进行操作的用户帐户。右键单击我的桌面并选择“管理选项”，转到“管理”界面，然后打开“本地用户和组”选项。我们可以在列表中看到用户选项。

2、然后右键单击用户选项，从下拉菜单中选择新用户，开始构建我们的用户，填写用户名和密码。描述可以留空。然后单击Create。创建后，您将在右侧的用户列表中看到我们创建的用户。

3、用户创建完成后，我们开始添加IIS程序服务。打开计算机的“开始”菜单，找到“控制面板”选项并将其打开。

4、转到控制面板界面查找程序选项，单击下面的卸载程序按钮进入安装程序列表界面。

5、转到程序和功能选项卡，我们可以看到有一个选项可以在左上角的菜单栏中打开或关闭Windows，单击进入。

6、转到Windows功能界面打开或关闭，我们擅长Internet信息服务，然后单击打开FTP服务器的前端，即勾选其子菜单的FTP服务和FTP可扩展性，然后单击按下OK按钮。

7、添加IIS服务后，开始创建我们的FTP站点，右键单击我的电脑并选择管理，然后找到服务和应用程序选项，单击打开，然后单击Internet信息服务管理-此时我们可以看到连接右框架。

8、单击打开连接框下方的本地主机主页，然后您可以看到应用程序池和网站选项，我们右键单击该网站以选择添加网站。

9、然后在弹出的添加网站框中输入我们的网站名称，物理路径是我们的FTP本地文件夹，我们可以在磁盘中创建新的，然后选择添加，IP地址选择我们的本地IP地址。

10、创建我们的FTP后，我们可以看到我们刚刚在网站下面创建了一个网络，右键单击网站名称，选择添加FTP站点发布，然后启动绑定和SSL设置，端口号选择2121IP地址填写本地IP地址。

不用mock，前端来建立后端服务以便自己实现接口

前端：vue2x, vue-cli-3x, vuex, vue-router, axios

后端：nodejs, express, nodemon

1首先安装nodejs，这个就不赘述了

2全局安装express npm install -g express-generator

3express -v 查看是否安装成功

4打开cmd或者其他控制台并进入项目目录，在我的电脑中的项目路径下，选中路径后输入cmd，可以快速用cmd打开此路径

7全局安装nodemon npm install -g nodemon

8在cmd中启动服务器 nodemon app

启动成功图如下：

然后再前端页面调用接口

这一步就是写接口啦

然而运行后会发现跨域啦，如下图：

如果是vue-cli 2x 就在config/indexjs文件中 的 proxy处修改

11你以为这样就解决跨域了吗，你会发现还是报错

这是因为修改完接口后发现还是报这个错且端口是8080而不是888，原因是修改了代理后，需要重启服务 ，代理未生效。

12重启前端服务后，接口请求成功

14可以看到后端拿到了数据

希望能对跟我一样的前端小白有一些小帮助把！有什么不对或不严谨的的地方也欢迎大家指出哦~

对于SSL，现代攻击者使用工具来检测和破坏较弱的密码算法，从而使SSL保护失效，尽管这不是很常见。

保护开源软件系统

Apache运行在centods/redHat、Ubuntu和Debian上，在严重的FOSSWeb基础架构和解决方案中获得了广泛的欢迎。第一步是加强ApacheWeb服务本身;在Internet上有许多关于这方面的指南和例子--对于每个Linux发行版，以及示例。

强烈建议禁用除Web服务端口之外的其他端口，以及停止和禁用不必要的服务。部署一个配置良好的防火墙或入侵检测设备是至关重要的。正如前面提到的，一个简单的防火墙是不够的;因此，需要一个能够检测Web层攻击的内容过滤防火墙。

保护Web门户不仅限于Web服务器，还可以扩展到诸如数据库服务器，Web服务等组件。从网络安全的角度来看，只允许从前端Web服务器到数据库的IP连接是一个很好的理念。运行rootkit检测器，防病毒工具和日志分析器必须是常规工作，以防止黑客攻击。

对于中间件和Web服务器之间的高级安全性，还应该有一个更强大的身份验证机制。应该对cookie进行加密和SSL部署，并使用更强的密码算法。

从编码的角度来看，如前所述，使用安全编程技术是至关重要的，也是遵循最佳的安全措施，如代码审查和渗透测试。还建议使用其他进程，如输入代码验证，服务器和数据库端验证。

Web开发是攻击网站的常见方式。由于其易用的可用性和可编程性，FOSS基础架构也容易遭受这种攻击，因此网络管理员必须了解技术来保护其基础架构免遭信息丢失或被盗。

开发时，把应用代码分支拉到本地，这些分支可以只包含你要修改的应用，也可包含你要引用的类库。在本地搭建webserver，修改host映射到本地。开发过程中要引用类库地址时直接引用线上地址，会被webserver中转到本地代码上。 发布时直接发布到对应机器上就行，代码里不用再修改线上路径。项目是你要做一件事建的项目，跟代码模块没关系。大公司前端代码一般会发布带cdn。看需要了，一般是php和java的， Nginxlighttpd apache都有用。当然是现有设计稿，至少你要先知道做什么，再写代码吧。自己写，如果某个函数忘记了或者样式调整不好可以参考网上的资料，模块当然自己写。开发时和部署时，类库的的引用和存放是看起来一致，但是背后其实不一样。天猫由于业务对模块的线上搭建的需求比较强烈，大部分场景下没法走本地打包，都用的存放在CDN的模块。