编辑器介绍

• index.js 小程序逻辑，逻辑层
• index.json 文件是放小程序的配置项，配置层
• index.wxml 描述小程序页面结构的代码，类似 html
• index.wxss 类似于css，就是对样式做修饰，语法与css的一样
• app.js 全局的逻辑设置

页面级别的设置优先级高于全局的设置

Promise async/await

• 定义：ES6引入的异步编程的构造函数（新），封装异步任务，好处是支持链式调用，解决回调地狱（旧方案，回调函数且套调用）的问题。

• promise对象用来封装一个异步操作并可以获取成功或失败的结果

• 旧的：必须在异步任务之前结束指定；新的：启动异步，返回promise对象，给promise对象绑定回调函数，甚至可以在异步结束后；

项目链接：https://github.com/B-duck/Ant-Design-Pro-

1. 解决路由守卫实现基础登录校验功能

只有当登陆的时候才能访问首页，否则禁止访问首页，在router中 index.js 中通过 beforeEach 实现，beforeEach是每次在路由跳转前都要执行这个方法，其中有三个参数to,from,next。 to 指的是要跳转到哪个页面的信息，from 指的是从哪个页面跳转的信息。handleLogin函数中data中的 errno 表示返回的错误个数，如果是0就表示请求发送成功，跳转到首页。登陆成功后 isLogin 登录状态就是 true。

一. 初识Vue脚手架

1. src中放源代码，main.js文件是入口文件

2. 路由是指根据url（页面连接）的不同，展示是不同的内容

3. VueX可以理解为数据管理框架

1. repositorie，仓库，存储代码，它是有地址的

• 放在仓库的代码，需要通过终端（git clone）保存在本地。

• markdown，是一种语法

• 上传自己的代码到仓库：git add，git commit，git push

• version control：把每次提交的代码记录下来

布局中的尺寸与位置

一. CSS盒模型组成

1. 组成：content，padding，border，margin。把盒模型堪称一个包裹，content是物品，padding是填充物，border是盒子边，margin是盒子外面环境。

2. 注意点：padding不能负值，margin可以

3. 背景色可以平铺到margin区域，margin-top有传递问题。

第一章

第一节

主要技术：HTML5:搭建网页结构，CSS3：样式表,美化网页，JavaScript，Vue.js/React.js:前端框架

1. IDE:集成开发环境，高级代码编辑器。

2. VsCode:红色的波浪线说明代码有错误，编译器空白右键里格式化文档，Visual Studio Code。

3. Sublime是一个编辑器，VScode可以集成Sublime的快捷键

4. HTTP是超文本传输协议，输入网址就是发出向服务器http请求，服务器识别请求，服务器将网页发送给用户叫http响应。

5. 一次http事务由请求和响应构成。