WEB前端

目录

• 01、HTML标签

  • 初体验HTML
  • 标签之标题
  • 标签之段落、换行、水平线
  • 标签之图片
  • 路径详解
  • 标签之超链接
  • 标签之文本
  • 标签之列表
  • 标签之表格
  • 表单元素之输入框
  • 表单元素之下拉列表
  • 表单元素之多行文本框
  • 表单元素之label 属性
  • HTML5容器元素
  • HTML5新增布局标签
  • 视频和音频标签
  • 新增部分不常用标签
  • 字符与元素分类
  • HTML5 新特性一(基础)
  • HTML5 新特性二(Canvas)
  • HTML5 新特性三(SVG)
  • HTML5 新特性四(拖放)
  • HTML5 新特性五(存储)
  • HTML5 新特性六(地图)
  • HTML5 新特性七(单位)

• 02、CSS样式

  • 初体验CSS
  • 初CSS常用属性
  • CSS选择器
  • CSS盒子模型
  • 浮动与定位
  • CSS3新特性
  • 媒体查询
  • Grid网格布局
  • CSS应用技巧
  • CSS补充知识

• 03、JavaScript

  • 初体验js
  • 第一个程序

• 04、Sass

  • 初体验Sass
  • Sass变量
  • Sass嵌套
  • 导入和静默注释
  • Sass混合
  • Sass继承
  • Sass运算
  • Sass控制指令

• 05、TypeScript

  • 初体验TypeScript
  • 原始数据类型
  • 数组
  • 元组
  • 任意值
  • 枚举
  • 联合类型
  • 函数
  • 面向对象编程
  • 接口
  • 泛型
  • 声明合并
  • 命名空间
  • 模块
  • 声明文件
  • 装饰器
  • 工程化
  • TypeScript补充知识

• 06、Vue3

  • 初体验Vue3
  • 响应式
  • 简单了解proxy
  • 模板语法
  • 属性绑定
  • class绑定
  • style绑定
  • 条件渲染
  • 列表渲染
  • 事件处理
  • 数组变化侦测
  • 计算属性
  • 侦听器
  • 表单输入绑定
  • 模板引用
  • 组件引用
  • 组件注册
  • 异步组件
  • 自定义指令
  • 动态组件
  • 组件生命周期
  • 组件传值
  • 插槽
  • Teleport
  • Transition
  • TransitionGroup
  • Axios网络请求
  • 集成路由
  • 编程式导航
  • 嵌套路由
  • 别名、重定向和命名路由
  • 不同的历史模式
  • 导航守卫
  • 路由元信息
  • 过渡动效
  • 滚动行为
  • 动态路由
  • 路由高亮
  • 集成Pinia
  • 解构赋值响应式
  • Pinia热更新
  • 持久化插件
  • TypeScript语法
  • 使用Sass
  • 使用Tsx语法

• 07、微信小程序

  • 初体验小程序
  • 全局配置 Pages
  • 全局配置 window
  • 全局配置 tabBar
  • 常用其他全局配置
  • 单页面配置
  • 公共样式
  • 全局属性
  • 页面中的 Data 对象
  • 全局的生命周期
  • 页面的生命周期
  • 基础视图
  • 滑块视图容器（焦点轮播图）
  • 滚动视图
  • 组件_icon
  • 组件_progress
  • 表单组件_按钮
  • 表单组件_输入框
  • 表单组件_picker
  • 表单组件_slider
  • 表单组件_其他常用组件
  • 组件_navigator
  • 组件_audio
  • 组件_video
  • 组件_camera
  • 组件_map
  • 事件
  • 条件渲染
  • 列表渲染
  • 模板
  • 路由跳转
  • 交互
  • 动态设置导航栏
  • 下拉刷新
  • 上拉加载
  • 数据缓存
  • 微信分享
  • 文件上传
  • 保存、转发功能
  • 获取设备及屏幕信息
  • 获取定位
  • 客服和电话
  • 网络请求
  • 其他

• 08、uniApp

  • 初体验uniApp
  • 全局配置
  • 组件
  • 使用UI组件库
  • 状态管理Pinia
  • 全基础API置
  • Uniapp补充知识

• 09、Echarts

  • 初体验 Echarts
  • 容器大小和主题
  • 折线图
  • 柱状图
  • 饼图
  • 散点图
  • 地图
  • K线图
  • 雷达图
  • 热力图
  • 树图
  • 旭日图
  • 桑基图
  • 漏斗图
  • 仪表盘
  • 词云图
  • 使用DataV插件
  • Echarts补充知识

• 10、Electron

  • 初体验Electron
  • 安装Electron

• 11、Vite

  • 初体验Vite
  • 安装Vite