本文分为项目展示和开发笔记两部分。

• name: 秦伟津
• tele: 13312816595
• email: [email protected]

• Login 登录功能演示
• gd-government 广东政务服务网
• Vuetify 源码解构
• 短视频网实现
• 购物网实现

参考网站：Mozilla

• HTML
• CSS Properties 常用属性
• CSS Layout
  • Flex Layout

CSS Zoom 速查表

• Selectors 选择器
• Pseudo elements 伪元素
• Pseudo classes 伪类
• CSS Functions 函数
• Type 数据类型
• @ 规则

CSS About

• About Centering 元素居中
• About Organization
  • OOCSS or BEM 规范
• About Optimize 性能优化
• More 预览器前缀、雪碧图

sass、scss、stylus

• SASS Functions
• Stylus Functions
• Stylus Operator

Javascript

• Javascript API
• Typescript
• 原型、构造函数、类和继承
• 常用算法

• 响应式原理与声明式语法
• 单文件组件 SFC
• Vue Router API
• Vue Router Guards
• Pinia or Vuex 状态管理

Global API

• 安装插件 app.use()
• 依赖"供给"与"注入" provide、inject
• 组件注册 app.component()
• 自定义指令 app.directive()
• 创建实例、挂载实例、等待更新、版本和配置对象、类型提示、异步组件定义、自定义元素类...

Built ins 内置内容

• 特殊属性: ref、is、key
• 动态组件 <KeepAlive>、<component>
• 过渡组件 <Transition>、<TransitionGroup>
• 内置组件: 、<Teleport>、<Suspense>
• 插槽
• 内置指令

• Introduction 简介
• 将 Vue、Vite 项目部署到 GitHub Pages

• Vite
  • vite.config
• Axios
• Mockjs & vite-plugin-mock
• Axure PRD 产品需求文档
• Swiper 轮播图组件库
• VideoJS 富媒体组件库
• markedJS
• VueMarkdown
• swagger RestAPI

跨平台的 Javascript 运行环境。

• Node API
• NPM 包管理系统
• Webpack JS 静态模块打包工具
• About ./node_cache 查询和安装机制
• highlightjs 代码高亮
• http-server
• express

• Vuetify
  • Google Material Design
• Ant Design
• Element UI
• Vant

• 模块化：ES6、AMD、CommonJS
• 设计模式：MVVM、MVC、MVP、MVVM, C/S or B/S
• 预览器兼容、设备兼容、屏幕分辨率兼容