艾奇

开发环境区别 vite 自己实现 server，不对代码打包，充分利用浏览器对 <script type=module> 的支持 假设 main.js 引入了 vue 该 ...

vue路由 - 声明式导航 1.0 声明式导航 - 基础使用 vue-router提供了一个全局组件 router-link router-link实质上最终会渲染成a链接...

1. vue路由简介和基础使用 1.0 什么是路由 1.1 为什么使用路由 具体使用示例: 网易云音乐 https://music.163.com/ 单页面应用(SPA):...

1. 组件进阶 1.0 组件进阶 - 动态组件 需求: 完成一个注册功能页面, 2个按钮切换, 一个填写注册信息, 一个填写用户简介信息 效果如下: 准备被切换的 - Us...

axios 1.0_axios基本使用 axios文档 特点 支持客户端发送Ajax请求 支持服务端Node.js发送请求 支持Promise相关用法 支持请求和响应的拦截...

1. vue生命周期 1.0_人的-生命周期 Vue_生命周期 1.1_钩子函数 作用: 特定的时间点，执行特定的操作 场景: 组件创建完毕后，可以在created 生命周...

this指向 =作用 1. vue组件 1.0_为什么用组件 以前做过一个折叠面板 需求: 现在想要多个收起展开的部分 方案1: 复制代码 代码重复 冗余 不利于维护 案例...

vue过滤器 1.0_vue过滤器-定义使用 过滤器只能用在, ==插值表达式和v-bind表达式== Vue中的过滤器场景 字母转大写, 输入"hello", 输出"HE...

for循环 for循环语法 退出循环 循环结束： continue：结束本次循环，继续下次循环 break：跳出所在的循环 循环嵌套 数组 数组(Array)是一种可以按顺...

函数使用 函数传参 形参：声明函数时写在函数名右边小括号里的叫形参（形式上的参数） 实参：调用函数时写在函数名右边小括号里的叫实参（实际上的参数） 函数返回值 当函数需要返...

对象使用 对象（object）：JavaScript里的一种数据类型。 对象声明语法：let 对象名 = { } 属性访问： 对象中的方法： 操作对象 新增对象中的方法 增...

基本认知 DOM (文档对象模型)、BOM（浏览器对象模型） DOM的作用：操作网页内容，可以开发网页内容特效和实现用户交互。 获取DOM对象 选择匹配的第一个元素：doc...

节点操作 查找节点 父节点查找：parentNode 属性，返回最近一级的父节点 找不到返回为null。 语法：子元素.parentNode 兄弟关系查找： 下一个兄弟节点...

滚动事件和加载事件 滚动事件 元素大小和位置 事件名：scroll 监听整个页面滚动： 加载事件 加载外部资源（如图片、外联CSS和JavaScript等）加载完毕时触发的...

箭头函数 箭头函数是匿名函数，一般做为参数传递。 常用数组方法 forEach() 遍历数组，数组每个元素都执行一次回调函数。 map() 通过指定函数处理数组的每个元素，...

服务器相关的基础概念 服务器的作用 存储一个网站的文件（HTML、CSS、JS、图片、音乐.....） 提供网站的文件给用户。 在前端开发中，客户端指的是浏览器。 网页中用...

Node.js的定义 Node.js 是一个基于 Chrome V8 引擎 的 JavaScript 运行时环境。 浏览器是JS的一个前端运行环境，Node.js是JS的后...

插值表达式 作用：把表达式内容插入到指定的位置。 语法: {{ 表达式 }} 表达式的变量声明在data方法返回对象里。 MVVM设计模式 设计模式：对一般问题的通用解决方...

v-for更新、key作用 v-for更新监测 ​ 数组方法会改变原数组，就会导致v-for更新。数组方法不会改变原数组，而是返回新数组，就会导致v-for更新，可采用覆盖...

数组的filter方法使用 重绘与回流(重排)的概念 localStorage浏览器本地存储语法使用 JSON的方法使用 1. vue基础 1.0_vue基础 v-for更...