英语
cli：client 客户端，还有一个特别重要的解释
CLI：一般都是什么什么CLI如vue-cli，phalcon-cli php-cli等，这里的cli值得是 Command Line Interface 命令行接口。意思是在命令行中可以执行的命令。
follow：跟着谁走，跟在谁后面，follow me.跟着我走来
following：后面的意思。 following commands 后面的命令
B/S框架：Browser是浏览器，Server是服务器，JS原来就是运行在Browser。如：Bilibili网站及各类网站形式的管理系统。
C/S框架：Client客户端，Server是服务器。一般是一种软件。
global 全局的 。你的电脑上任何位置都能用的
scripy：脚本，命令
dependency.复数形式是dependencies.依赖的意思。这个项目以来
devDependencies：开发依赖
red红色 FF0000 F00
green 绿色 00FF00 0F0
blue 蓝色 0000FF 00F
JS语言（其他通用）
脚本语言，原来说是浏览器上运行的，现在因为nodejs的出现，可以在服务器上运行。
变量类型/变量
不写/var/let/const
var a = 10;
let b = ‘hello’;
引用类型
对象
数组
逻辑控制
分支判断：if else \ swtich case
循环：for in \ forEach \ while
I/O 操作
文件操作、流操作等
socket编程
网络编程，什么是socket “银行：柜台号” 例如：农村信用社：2号窗口
http 80 https 443， 这些都是默认的，当然也可以不用非得是。
ip：6778
主要是网络通信用。IP/TCP
内存操作
js中不是直接操作的。js可以直接操作的是C/C++这一类语言。一般是C/C++/java
/.net中写好了操作的库，有js来调用
多线程
浏览器是个特殊的存在，主进程+渲染进程。
Vue
模块化
前端项目：现在都在朝着工程化、模块化发展，但是，网页的本质是什么，结构，外观，行为，一般的网页结构是：
<html>
<head>
<style></style>
</head>
<body>
有内容
<script></script>
</body>
</html>
依赖是一个一个的模块化的项目
如何安装vue-CLI：npm install @vue/cli -g
通过veu-CLI创建一个工程化项目
vue create {项目名} #见名之意，一般用英文名
选择vue的版本
回车
cd {项目名}
npm run serve 就跑起来了，
关键文件package.json
scripts 项目中可以运行的命令
为什么我可以运行serve命令
因为他出现在了package.json 中的scripts（脚本），同理，你还运行什么？
npm run build #打包生产环境用的，正式环境。
npm run lint #规划你的写的脚本的，比如不规范。
dependencies项目中的依赖
devDependencies项目开发中所需要的依赖
为什么生成文件中看着就跟有乱码似的？确切说这个东西叫hash值，为了避免产生缓存。
index.js
函数的三种写法
//匿名函数
function(){
return {
words: [
{en:’Apple’,ch:’苹果’},
{en:’Where’,ch:’哪里’},
{en:’Dependency’,ch:’依赖’},
{en:’Package’,ch:’打包’},
]
}
}
//匿名函数
()=>{
return {
words: [
{en:’Apple’,ch:’苹果’},
{en:’Where’,ch:’哪里’},
{en:’Dependency’,ch:’依赖’},
{en:’Package’,ch:’打包’},
]
}
}
//函数名就是data
data(){
return {
words: [
{en:’Apple’,ch:’苹果’},
{en:’Where’,ch:’哪里’},
{en:’Dependency’,ch:’依赖’},
{en:’Package’,ch:’打包’},
]
}
}
const data = function(){}
const data = ()=>{}
箭头函数，函数体如果只是一句返回语句，可以省略return和大括号
const a= （）=>{
return ‘hello world’;
}
//可以简写为
const a = ()=>’hello world’
Vue关键的几个属性：data数据 computed计算属性 methods方法
编程，难得不是写代码，而是想明白怎么写，算数
数组函数的高级写法
这些方法都来自 Array.prototype
开发流程
初始化项目 (init/create) => 开发项目（dev） => 打包项目（build）=> 部署项目（deploy）
初始化
vue create 项目名称
开发项目
npm run serve （老版本的npm命令是 npm run dev这个具体是什么可以看package.json中的scripts）
打包项目
npm run build
部署就是打包之后的内容放到服务器上，有可能需要调整引用资源的目录，比如二级目录需要调整。
Comments