四、移动端入门到实战

(一)uni-app

官方文档

1.简介

  • 一个使用 Vue.js 开发所有前端应用的框架
  • 开发者编写一套代码,即可发布到 iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台


郁子大约 51 分钟笔记渡一教育中枢课韩刚
三、Vue组件库从入门到实战

(一)项目准备

1.VSCode 隐藏资源管理器显示的部分文件

  • 配置 setting.json 中的 files.exclude 选项
  • 不希望在文件目录中显示什么文件就配置什么文件
"files.exclude" : {
  "**/.git": true,
  "**/.svn": true,
  "**/.hg": true,
  "**/CVS": true,
  "**/.DS_Store": true,
  // "**/node_modules": true,
  "**/shims-tsx.d.ts": true,
  "**/shims-vue.d.ts": true,
  "**/.browserslistrc": true,
  "**/.eslintrc.js": true,
  "**/.gitignore": true,
  "**/babel.config.js": true,
  "**/package-lock.json": true,
  "**/README.md": true,
  "**/tsconfig.json": true,
  "**/.env": true,
  "**/.env.development": true,
  "**/.env.preview": true,
  "**/.env.production": true,
  "**/.travis.yml": true,
  "**/.env.staging": true,
  "**/.eslintignore": true,
  "**/.editorconfig": true,
  "**/.github": true,
  "**/tests": true,
  "**/jsconfig.json": true,
  "**/jest.config.js": true,
  "**/.postcssrc.js": true,
  "**/d2-admin.babel": true,
  "**/dependencies-cdn.js": true,
  "**/README.zh.md": true,
  "**/LICENSE": true,
  "**/postcss.config.js": true,
  "**/README-zh.md": true,
}

郁子大约 15 分钟笔记渡一教育中枢课谢杰
二、Vue从入门到实战

(一)前端框架的由来

Vue 官网:https://cn.vuejs.org/

1.服务端渲染

2.前后端分离

3.单页应用

4.vue 框架

5.前端框架变迁

1)过去的前端开发方式

  • 早期前端盛行库,最出名的就是 JQuery
  • JQuery 诞生于 2006 年 1 月,最早的口号是 “Write less, do more”
  • JQuery 特点
    • 简单的选择器和链式操作
    • 跨浏览器兼容性
    • 强大的动画
    • 简单的 Ajax 支持
    • 强大的插件系统, 如 Swiper.js 等

郁子大约 67 分钟笔记渡一教育中枢课袁进
一、工程化

(一)模块化

1.为什么需要模块化

  • 当前端工程到达一定规模后,就会出现以下问题
    • 全局变量污染
    • 依赖混乱
    • 共同导致了 代码文件难以细分
  • 模块化就是为了解决上面两个问题出现的
  • 可以把臃肿的代码细分到各个小文件中
    • 便于后期维护管理

2.前端模块化标准

1)CommonJS

  • 简称 CMJ
  • 是一个 社区 规范
  • 出现时间较早,目前仅 node 环境支持

郁子大约 23 分钟笔记渡一教育中枢课袁进