前端从零开始学习

代码示例传送门 TypeScript接口的使用 1.声明对象类型 接口和 类型别名类似，都是用来定义对象格式的 2.索引类型 interface接口可以定义索引的类型 3.函数类型 定义接口内属性为函

TypeScript函数详解 函数类型 函数类型两种方式：作为参数 或 定义常量来编写函数体 1. 函数作为参数 2. 定义常量 参数的可选类型 当参数个数限定时，必须传入相同个数才能调用函数；使用可

代码示例传送门 类型检测问题 代码对比 JavaScript Typescript 一目了然JavaScript和Typescript之间的区别，变量的类型检测 变量定义 变量定义的格式 ts变量定义

温馨提示版本信息： "vue": "^3.0.0", "vuex": "^4.0.2" vuex原理传送门 vuex中存储着一些共用的数据对象，方便所有的组件进行使用； vue3中的vuex也是用了c

温馨提示：此文章在有vue2基础上书写，可以先看vue2里面的router文章 完整代码示例代码 注意版本信息： "vue": "^3.0.0", "vue-router": "^4.0.12" vu

h 函数 hypeScript 是JavaScript插件，用于编写模板 示例：创建一个h2标签内容为hello render h 函数的使用 在vue3中两种使用方式： 使用render函数： 在s

mixin 和 extends mixin 是代码的共用，vuex 是数据的共用，extends 是拓展，拿其他的组件来用 mixin 混入 (可以参考本人文章 Vue2 里面的介绍)[https:/

transition单组件过渡 transition 标签能够让内部单个组件切换的时候，拥有自定义的动画效果。 transition 拥有自己的属性 name：自定义的名称，用于替换 v-enter-

组件拆分 组件就相当于页面的零件，当做正常的标签使用，不过能够进行自定义的数据传输和事件监听。 组件内也能使用其他的组件，任意处都能够使用。 示例：最简单的组件使用： App.vue Hearder.

webpack到底是什么？ webpack is a static module bundler for modern JavaScript webpack是一个为现代JavaScript应用工作的静

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 Vuex 和单纯的全局对象有以下两点不同：

简单来说：Vue-Router本质是将url和组件建立映射关系 路由： <router-link :to="path"> 动态路由 我们每个人都有自己的主页，显示主页内容用的都是同一个组件，这时只需要

混入MIXIN 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。 简单来说：mixin是一个抽离的vue公共对象 示例： 特点 选项合并 data冲突 当组件和混入对象含有同名选项时，这

组件是可复用的 Vue 实例，且带有一个名字 因为组件是可复用的 Vue 实例，所以它们与 new Vue 接收相同的选项，例如 data、computed、watch、methods 以及生命周期钩

Vue常用指令 v-text、v-html 可以用存div、p、span、h1-h6等内容有内容的标签上，为标签输出内容 v-text插入普通文本 v-html插入HTML代码片段 v-bind：(缩

2021.11.2 1. 数组扩展 扩展运算符的使用 扩展运算符是三个点（...），将一个数组转为一用逗号隔开的参数序列（好比rest参数的逆运算) 该运算符主要用于函数调用。 扩展运算符的应用 1.

草方格官网实现（swiper轮播图插件，gitee上传网站）；答题app的ajaxdemo；新JavaScript语法

音视频属性及方法，canvas方法介绍，svg标签说明，webworker，正则规则及使用，轮播图案例。

第二十天 1. 事件 1.1 注册事件 传统注册方法： 利用on开头的事件；例如 onclick 注册事件的唯一性：同一个事件只能设置一个处理函数，后面的会覆盖 监听注册方式： w3c推荐方式：add

第十一天 1. Transition 过渡 作用： 通过CSS的触发效果和JS使元素的属性值从一个状态到另一个状态的转变过程 语法： transition: property duration tim