vite&vue区分环境配置 参考资料: 官网:https://cn.vuejs.org/ vue2 官方教程:https://v2.cn.vuejs.org/v2/guide/ vue3 官方教程:https://cn.vuejs.org/guide/introduction.html 说明:Vue 2.0 在 2023 年 12 月 31 日停止更新。 1. 区分不同环境1.1 ①创建环境变量文件创建 3 个.env 2022-05-22 04_大前端 > 04_Vue #Vue #git #nginx #开发流程
vue2组件封装&rem公式 参考资料: 官网:https://cn.vuejs.org/ vue2 官方教程:https://v2.cn.vuejs.org/v2/guide/ vue3 官方教程:https://cn.vuejs.org/guide/introduction.html 说明:Vue2.0 在2023年12月31日停止更新。 1. 组件封装1.1 rem布局公式只需要在 index.html 加上这一句 2022-05-22 04_大前端 > 04_Vue #Vue #组件 #rem
vuex公共状态管理 参考资料: 官网:https://cn.vuejs.org/ vue2 官方教程:https://v2.cn.vuejs.org/v2/guide/ vue3 官方教程:https://cn.vuejs.org/guide/introduction.html 说明:Vue 2.0 在 2023 年 12 月 31 日停止更新。 vuex 官网:vuex3,vuex4 vuex 持久化:http 2022-05-22 04_大前端 > 04_Vue #Vue #vuex
vue工具库&组件库&应用框架 参考资料: vue 生态开源的组件和库集合:https://github.com/vuejs/awesome-vue?tab=readme-ov-file#components--libraries vue3+TS 高颜值组件库(移动端):https://wot-ui.cn/ 1. 工具库1.0 lodash - 工具库Lodash 是一个一致性、模块化、高性能的 JavaScript 实用 2022-05-22 04_大前端 > 04_Vue #Vue #工具库 #组件库
TS+React 参考: TypeScript 语法文档:https://zhongsp.gitbooks.io/typescript-handbook/content/ 案例源码:https://github.com/janycode/react-ts-demo 所有文件格式都是 .ts 后缀名,React 项目中是 .tsx 后缀名(因为使组件化了默认支持 xml 结构)。 1. 创建项目1.1 创建 2022-05-22 04_大前端 > 05_TypeScript #React #TypeScript #ts
TS+Vue+Webpack打包 参考资料: TypeScript 官网:https://www.typescriptlang.org/zh/ TypeScript 语法文档:https://zhongsp.gitbooks.io/typescript-handbook/content/ 所有文件格式都是 .ts 后缀名。 1. TS + Vue3 TypeScript 的定位是静态类型语言,在写代码的阶段就能检查错误, 2022-05-22 04_大前端 > 05_TypeScript #Vue #TypeScript #ts #webpack
TS基础入门 参考资料: TypeScript 官网:https://www.typescriptlang.org/zh/ TypeScript 语法文档:https://zhongsp.gitbooks.io/typescript-handbook/content/ 所有文件格式都是 .ts 后缀名。 1. TS 环境安装下载并安装好 nodejs。 全局安装 typescript:npm i ty 2022-05-22 04_大前端 > 05_TypeScript #Vue #TypeScript #ts
Express+MySQL数据库 参考: Express 官网:https://www.expressjs.com.cn/ 1. nodejs 操作数据库1.1 安装安装:npm init; npm i express mysql2 1.2 使用1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950 2022-05-22 04_大前端 > 06_Node.js #MySQL #Vue #Node #Node.js #Express
Express+JWT登陆鉴权 参考: Express 官网:https://www.expressjs.com.cn/ JWT-npm仓库和文档:https://www.npmjs.com/package/jsonwebtoken 参考资料:https://zhuanlan.zhihu.com/p/677982758 验证项目demo:https://github.com/janycode/nodejs-express-m 2022-05-22 04_大前端 > 06_Node.js #cookie #Vue #Node #Node.js #Express #MongoDB #session #JWT
Express+MongoDB数据库 参考: Express 官网:https://www.expressjs.com.cn/ MongoDB 官网下载链接:https://www.mongodb.com/ 验证项目demo:https://github.com/janycode/nodejs-express-mongodb 1. 关系型与非关系型数据库关系型数据库 表与表之间可以建立关联关系 sql语句增删改查操作 保持事务的 2022-05-22 04_大前端 > 06_Node.js #Vue #Node #Node.js #Express #MongoDB