十次方前端开发v1.0
第1章 前端环境搭建
学习目标：
了解十次方需求、技术架构，理解前后端分离开发模式，掌握Node.js基本使用方法，理解模块化编程，掌握包资源管理器NPM的使用，说出webpack的作用，掌握vs code开发工具的基本使用方法，掌握ES6常用的新特性语法。
1 十次方需求分析与技术架构
1.1 十次方是个什么样的网站
《十次方》是程序员的专属社交平台，包括头条、问答、活动、交友、吐槽、招聘六大频道。
十次方名称的由来：2的10次方为1024，程序员都懂的。
如果你是一位技术大咖，那么赶快发布文章，增加知名度吧。
如果你是一名技术小白，那么赶快到问答频道寻求帮助的，这里高手如云哦！
如果你不想错过各种技术交流会，那么请经常关注活动频道吧~
如果你还是单身，那么赶快到交友频道找到你心仪的另一半。
如果你有太多的苦恼，那么赶快吐个槽吧~
如果你正在找工作或是想跳槽拿高薪，那么来招聘频道淘金吧~
1.2 理解前后端分离开发
前后端分离已成为互联网项目开发的业界标准使用方式，通过nginx+tomcat的方式 （也可以中间加一个nodejs）有效的进行解耦，并且前后端分离会为以后的大型分布式 架构、弹性计算架构、微服务架构、多端化服务（多种客户端，例如：浏览器，车载终 端，安卓，IOS等等）打下坚实的基础。
以前老的方式是：
1.产品经理/领导/客户提出需求
2.UI做出设计图
3.前端工程师做html页面
4.后端工程师将html页面套成jsp页面（前后端强依赖，后端必须要等前端的html做好才 能套jsp。如果html发生变更，就更痛了，开发效率低）
5.集成出现问题
6.前端返工
7.后端返工
8.二次集成
9.集成成功
10.交付
新的方式是：
1.产品经理/领导/客户提出需求
2.UI做出设计图
3.前后端约定接口&数据&参数
4.前后端并行开发（无强依赖，可前后端并行开发，如果需求变更，只要接口&参数不 变，就不用两边都修改代码，开发效率高）
5.前后端集成
6.前端页面调整
7.集成成功
8.交付
1.3 前端技术架构
架构描述：以Node.js为核心的Vue.js前端技术生态架构
2 Node.js
2.1 什么是Node.js
简单的说 Node.js 就是运行在服务端的 JavaScript。
Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。
Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行
Javascript的速度非常快，性能非常好。
2.2 Node.js安装
1、下载对应你系统的Node.js版本:
2、选安装目录进行安装
默认即可
3.测试
在命令提示符下输入命令
node ‐v
会显示当前node的版本
2.3 快速入门
2.3.1控制台输出
我们现在做个最简单的小例子，演示如何在控制台输出，创建文本文件demo1.is，代码内容
var a=1;var b=2;console.log(a+b);
我们在命令提示符下输入命令
node demo1.js
2.3.2使用函数创建文本文件demo2.js
var c=add(100,200);console.log(c);function add(a,b){
return a+b;
}
命令提示符输入命令
node demo2.js
运行后看到输出结果为300
2.3.3模块化编程创建文本文件demo3_1.js
exports.add=function(a,b){
return a+b;
}
创建文本文件demo3_2.js
【下载地址】
百度网盘链接：https://pan.baidu.com/s/1W6W7anlBFEGqvOf6ljny1g
提取码：95dv
相关文章
使用-JFreeChart来创建基于web的图表
XStream使用文档
WebService发布过程及常见问题
webpack实战入门进阶调优分享
weblogic调优参数及监控指标
weblogic节点管理
weblogic管理控制台概述
weblogic-部署和启动
WebLogic-Server-性能及调优-调优-Java-虚拟机
Java 虚拟机（Java virtual machine，简称 JVM）是一种虚拟“执行引擎”实例，可在微处理器上执行 Java 类文件中的字节码。调整 JVM 的方式会影响 Weblogic Server 和应用程序的性能。
Velocity是一个基于java的模板引擎（template engine）。它允许任何人仅仅简单的使用模板语言（template language）来引用由java代码定义的对象。
Velocity 用户手册是帮助页面设计者和内容提供者认识 Velocity 和其简单而功能强大的脚本语言――Velocity 模板语言（VTL）。在手册上的许多例子，都是用 Velocity 插入动态的内容到网页上，但是所有的 VLT 例子都能应用到其他的页面和模板中。
FlashFXP绿色版网盘下载，附激活教程 1782
FlashFxp百度网盘下载链接：https://pan.baidu.com/s/1MBQ5gkZY1TCFY8A7fnZCfQ。FlashFxp是功能强大的FTP工具
Adobe Fireworks CS6 Ansifa绿色精简版网盘下载 1565
firework可以制作精美或是可以闪瞎眼的gif，这在广告领域是需要常用的，还有firework制作下logo，一些原创的图片还是很便捷的，而且fireworks用法简单，配合dw在做网站这一块往往会发挥出很强大的效果。百度网盘下载链接：https://pan.baidu.com/s/1fzIZszfy8VX6VzQBM_bdZQ
navicat for mysql中文绿色版网盘下载 1623
Navicat for Mysql是用于Mysql数据库管理的一款图形化管理软件，非常的便捷和好用，可以方便的增删改查数据库、数据表、字段、支持mysql命令，视图等等。百度网盘下载链接：https://pan.baidu.com/s/1T_tlgxzdQLtDr9TzptoWQw 提取码：y2yq
火车头采集器（旗舰版）绿色版网盘下载 1707
火车头采集器是站长常用的工具，相比于八爪鱼，简洁好用，易于配置。火车头能够轻松的抓取网页内容，并通过自带的工具对内容进行处理。站长圈想要做网站，火车头采集器是必不可少的。百度网盘链接：https://pan.baidu.com/s/1u8wUqS901HgOmucMBBOvEA
Photoshop(CS-2015-2023)绿色中文版软件下载 1824
安装文件清单（共46G）包含Window和Mac OS各个版本的安装包，从cs到cc，从绿色版到破解版，从安装文件激活工具，应有尽有，一次性打包。 Photoshop CC绿色精简版 Photoshop CS6 Mac版 Photoshop CC 2015 32位 Photoshop CC 2015 64位 Photoshop CC 2015 MAC版 Photoshop CC 2017 64位 Adobe Photoshop CC 2018 Adobe_Photoshop_CC_2018 Photoshop CC 2018 Win32 Photoshop CC 2018 Win64
