nodeJs+vue前端技术临摹

目的------想做一个水果的宣传主页

技术选型：

1.传统的Js+css+html静态页面

2.服务端NodeJs+Vue结合

选择-----近几年前端技术的发展迅猛，所以我选择后者，也是自我学习的工程

开始动手吧。。。

1.安装开发环境：

    a:搭建本地nodeJs服务，下载路径：http://nodejs.cn/download/

     安装可参考：https://blog.csdn.net/u010255310/article/details/52205132

    b:安装VsCode集成开发工具，下载路径：https://code.visualstudio.com/Download

2.Node JS主要解决什么问题？

 

        Node 公开宣称的目标是 “旨在提供一种简单的构建可伸缩网络程序的方法”。当前的服务器程序有什么问题？我们来做个数学题。在 Java和 PHP 这类语言中，每个连接都会生成一个新线程，每个新线程可能需要 2 MB 的配套内存。在一个拥有 8 GB RAM 的系统上，理论上最大的并发连接数量是 4,000 个用户。随着您的客户群的增长，如果希望您的 Web 应用程序支持更多用户，那么，您必须添加更多服务器。当然，这会增加服务器成本、流量成本和人工成本等成本。除这些成本上升外，还有一个潜在技术问题，即用户可能针对每个请求使用不同的服务器，因此，任何共享资源都必须在所有服务器之间共享。鉴于上述所有原因，整个 Web 应用程序架构（包括流量、处理器速度和内存速度）中的瓶颈是：服务器能够处理的并发连接的最大数量。

        Node 解决这个问题的方法是：更改连接到服务器的方式。每个连接发射一个在 Node 引擎的进程中运行的事件，而不是为每个连接生成一个新的 OS 线程（并为其分配一些配套内存）。Node 声称它绝不会死锁，因为它根本不允许使用锁，它不会直接阻塞 I/O 调用。Node 还宣称，运行它的服务器能支持数万个并发连接。

        现在您有了一个能处理数万个并发连接的程序，那么您能通过 Node 实际构建什么呢？如果您有一个 Web 应用程序需要处理这么多连接，那将是一件很 “恐怖” 的事！那是一种 “如果您有这个问题，那么它根本不是问题” 的问题。在回答上面的问题之前，我们先看看 Node 的工作原理以及它的设计运行方式。

3.拿来主义才是程序员的精髓

        身为一个java程序员，要完成一个前端比较炫酷的水果宣传主页也是费了老鼻子劲了。懒是人类前进的步伐。各种寻找，找到了一套基于Node+Vue的宣传主页。站在前人的肩膀前行，还是很棒的。

github链接：https://github.com/partnerccz/fruit-website

4.时间驱动学习，深刻体会到了！

     对Node JS 的不理解，只简单的认为它是服务端js，可以发布web服务，感觉这功能都类似于tomcat的，很屌的样子。当我在linux环境安装node js 用开发模式跑起了单线程的web服务，服务总是会挂掉。原因找了很久，总是不能解决。各种博客的学习，才意识的node直接发布web服务只是为了开发便捷而设计的，node的旨意是前后端分离，前端资源的打包，压缩。于是，我将工程打包，生成的压缩静态资源部署到web容器即可（tomcat等）。至此，水果宣传网站前端部署问题得到解决。

5.node常用命令

 

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

# run unit tests
npm run unit

# run e2e tests
npm run e2e

# run all tests
npm test

6.项目运行效果：

7.npm工具网站

https://www.npmjs.com/

业余时间没事干，就玩玩一些开源代码，你有相同兴趣，我们一起撸代码麽......

技术讨论的可以加下面的公众号，想认识我的加下面的微信，谢谢！

 

推荐

自己搭建了一套logoly环境，欢迎搭建来体验。

http://www.mhtclub.com/logoDesign/

也欢迎朋友们来我的博客逛逛！

http://www.mhtclub.com

一位朋友的人工智能教程。零基础，通俗易懂！