单页面，多页面引入Vue.js 复杂单页面应用Vue.cli工具 开发工作流 需求调研 交互设计，逻辑设计，接口设计 代码实验，测试运行，线上部署 git git clone 地址 (远程仓库下载代码到本地目录) gi

多个视图依赖同一状态(例：导航栏) 不同视图的行为需要变更同一状态(例：评论弹幕) Vuex 为Vue.js开发的状态管理模式 组件状态集中管理 组件状态改变遵循统一的规则 调试console.log console.error

组件化思想 组件化 独立的 可复用的 整体化的 为什么要组件化 实现功能模块的复用 高执行效率(渲染) 开发单页面复杂应用 如何拆分 300行原则(组件代码尽量不超过300行) 复用原则(导航栏) 业务复杂性原则

vue-cli 创建工程的两种方法 npm install -g @vue/cli vue create vue create filename 空格 + 回车选择 http://localhost:8080 vue ui

vue-计算属性和侦听属性 计算属性 computed:只要改变其中一个值则改变 侦听属性 watch:Vue 提供了一种更通用的方式来观察和响应 Vue 实例上的数据变动：侦听属性 watch(异步场景) computed(数据联动)

XSSXSS定义: 即（Cross Site Scripting）中文名称为“跨站脚本攻击”。 XSS原理 XSS攻击方式 XSS攻击防范措施 了解HTTP，Cookie，Ajax XSS的攻击方式 反射型：发出请求时，XSS代码出现在UR

SEO SEMSEO(search Engine Optimization 搜索引擎优化) SEM(search Engine Marketing 搜索引擎营销) SEM高投入，SEO低投入 SEM短，效益快，SEO长期投入，增长快 新广告

打包处理css文件需要 安装 npm i style-loader css-loader -D 在webpack.config.js配置文件新增一个节点module，在module上有一个rule属性，是个数组，存放了第三方文件的匹配和处

安装 npm i html-webpack-plugin -D