前言

提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加

使用VS Code运行前端代码

在VS Code上安装前端插件

正在更新中~ ✨

在这里插入图片描述

文章目录

提示：这里可以添加本文要记录的大概内容：

HTML+CSS

学习 https://developer.mozilla.org/zh-CN/docs/Learn/CSS

学习路线知识定位
HTML基础标签、表格、表单、按钮、div、单元格合并
CSS基础基本语法、选择器、使用方式、优先级、层叠样式、继承特性
CSS常用样式字体样式、文本样式、列表样式、背景样式、鼠标样式、伪类样式、设置透明度
CSS 内容盒子与边框盒子边框、内边距与外边距
CSS+HTML实现元素定位相对定位、绝对定位、固定定位、z-index样式、数量角标、透明度
❗CSS 弹性布局justify-content 主轴排列方式、align-items与align-content 侧轴排列方式

JS

学习路线知识定位
JavaScript（JS基础）js编写方式、js基本写法、数据类型，==和=== 、流程控制语句
JS中的函数与数组函数定义与调用、函数参数与返回值、let与var关键字使用、数组创建及使用
JS中常用内置对象数组常用方法❗、字符串常用方法、数学对象常用方法、全局对象方法Global
BOM模型window对象常用方法、location 地址栏对象、history 对象
DOM模型获取DOM对象常用方法、获取DOM对象时机、操作DOM属性、常用DOM对象属性、遍历DOM数组
DOM编程事件与简单编程事件绑定、DOM编程应用
JSON轻量级数据交换格式前后端数据交换格式比较、JavaScript自定义对象

Vue3

Vue.js - 渐进式 JavaScript 框架 | Vue.js

学习路线知识定位
vue3 基本语法MVVM框架、文本渲染指令 v-text、属性绑定指令、事件绑定 @事件名、❗条件渲染指令、循环遍历指令
Vue计算属性与监听器计算属性配置项 computed、监听器配置项 watch
v-model双向绑定指令v-model.lazy 延迟同步、v-model.trim 去掉空格
❗Vue生命周期钩子函数
Vue-cli 脚手架Vue-cli 脚手架的安装及创建
Vue 组件化开发父子组件相互传数据、插槽 slot
Vue 路由跳转了解路由、子路由、子路由传参（query 传参 path、params 传参 name）、编程式路由、路由守卫
Vuex 使用state 配置项、getters 配置项、mutations 配置项、actions 配置项
AJAX与axios框架跨域访问
组合式API简单类型、对象类型、数组类型变成响应式数据
# 开发语言 # 前端
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue