课程分类

准备菜单与权限模块 添加路由，在 src/router/index.js js import Vue from "vue"; import VueRouter from "vuerouter"; import Layout from "@/views/layout/IndexView"; Vue…

封装登录接口 新建 src/api/auth.js js import request from "@/utils/request"; // 登录 export function login(data) { return request({ url: "/admin/auth/login", method: "post", data…

修改路由文件 在 src/router/index.js js import Vue from "vue"; import VueRouter from "vuerouter"; import Layout from "@/views/layout/IndexView"; Vue.use(VueRouter); const routes…

构建目标 sh yarn build 会在项目根目录生成dist目录，这就是编译打包完成后的纯静态文件。 本地预览 若直接双击打开…

模式 development 开发模式，用于 vuecliservice serve test 测试模式，用于 vuecliservice test:unit production 生产模式，用于 vuecliservice build 和 vuecliservice test:e2e 说明 .env 在所有…

功能说明 我们发现在访问后台首页的时候，加载的 echarts 图表数据的渲染时间很长，接下来我们来优化这一块。我们需要…

懒加载概念 懒加载：也叫延迟加载，即在需要的时候进行加载。 使用懒加载的原因 vue 是单页面应用，使用webpcak…

图片压缩 对于大型图片或者加载较慢的图片，可以进行优化处理。使用合适的图片格式，如 JPEG、WebP，以及压缩工具来减小图片文件的…

先决条件 确保安装了Xcode，请自行在App Store中下载 安装了Node.js iOS 环境配置 下载Xcode 安装ohmyzsh sh /bin/bash c "$…

使用Windows系统，只能开发安卓App 安装JDK 注意只能用JDK 11或者更新 https://www.oracle.com/java/technologies/downloads/java11 下载并安装…

安装 sh yarn add @reactnavigation/native yarn add reactnativescreens reactnativesafeareacontext yarn add @reactnavigation/nativestack 如果是 iOS sh npx podinstall ios 如果是 Android 编辑android/app/src…

方法列表 用法 |说明 | navigation.navigate('Details') | Details是另一页面的 namebr如果已经在Details页面了，则不能再次跳转 navigation…

方法列表 用法 |说明 | navigation.navigate('Details', {br     id: 12, otherParam: '还可以同时传递其他参数' br }); | 传id…

方法列表 用法 |说明 | options={({ route }) = ({ title: route.params.title })}| 在stack中配置，会取得上一页传递过来的title参数 navigation…

安装 sh yarn add @reactnavigation/bottomtabs 基础的Tab jsx import as React from 'react'; import { Text, View } from 'reactnative'; import { NavigationContainer } from '@reactnavigation/native'; import { createBottomTabNavigator } from…

实现代码 jsx import as React from 'react'; import { View, Text, Button } from 'reactnative'; import { NavigationContainer } from '@reactnavigation/native'; import { createNativeStackNavigator } from '@reactnavigation/nativestack'; function HomeScreen({ navigation }) { return…

安装 sh yarn add @reactnavigation/drawer reactnativegesturehandler reactnativereanimated 在index.js最顶部 jsx import 'reactnativegesturehandler'; iOS下 sh cd ios && pod install && cd .. 使用 jsx import as…

案例 嵌套层级为： Tab.Navigator HomeStackScreen HomeScreen ArticlesScreen SettingsStackScreen SettingsScreen DetailsScreen jsx import as React from 'react'; import { Text, View, Button } from 'reactnative'; import { createNativeStackNavigator } from '@reactnavigation…

新建项目 sh npx reactnative init app 安装依赖 包括以下内容： react navigation基础模块 stack bottomtabs 刘海屏安全区域 对手势的支持 图标库 storage存储…

项目结构说明 在项目根目录下，新建如下文件夹结构 src components（存放自定义组件） discover（发现stack相关组件) setting（设置stack相关组件) shared（共享…