课程分类

说明 当我们筛选列表，然后单击链接，请注意：列表不再被过滤。搜索参数从input和 URL 中清除。如果保持列表过滤，并…

说明 大多数时候，URL 是通过用户单击链接而跳转的。但有时需要通过代码来实现跳转。一个非常常见的用例是在…

src/index.js jsx import React from "react"; import ReactDOM from "reactdom"; import { BrowserRouter } from "reactrouterdom"; import App from "./App"; ReactDOM.render( React.StrictMode BrowserRouter App / /BrowserRouter…

新建 src/auth.js jsx / 这里模拟一些通用认证服务 API / const fakeAuthProvider = { isAuthenticated: false, signin(callback) { fakeAuthProvider.isAuthenticated = true; setTimeout(callback, 100); // 假异步…

src/App.js jsx import as React from "react"; import {Routes, Route, Outlet, Link} from "reactrouterdom"; const About = React.lazy(() = import("./pages/About")); const Dashboard =…

创建 React项目 sh npm create vite@latest demo template react 安装 React Router 新建好React项目以后， shell yarn add install reactrouterdom localforage matchsorter sortby yarn…

这里使用createreactapp构建项目 安装和初始化 sh yarn create reactapp antddemo cd antddemo yarn add antd 修改 src/App.js 引入 antd 的按钮组件 jsx…

安装路由 jsx yarn add history@5 reactrouterdom@6 配置路由 index.js修改为 jsx import React from 'react'; import ReactDOM from 'reactdom'; import App from './App…

介绍 Expo Router 是 Expo 官方最新发布的路由。它是基于 React Navigation 的再次封装，相比 React Navigation 要更加的方便好用。目前…

项目文件结构 在项目根目录下新建app文件夹，并新建以下文件 txt app layout.js index.js details.js Link 跳转 /app/layout.js 布局…

项目文件结构 使用以下项目文件结构 app layout.js index.js details.js users id.js 其中layout.js与上一章一样，保持不变即可…

项目文件结构 使用以下项目文件结构 app layout.js index.js details.js 使用路由参数来配置 Header Bar /app/index.js jsx import { View…

项目结构 使用以下项目文件结构 app layout.js index.js 顶部按钮 将/app/layout.js恢复原状 jsx import { Stack } from 'exporouter/stack'; export default function…

项目结构 使用以下项目文件结构 app layout.js index.js details.js 基础的Tab 修改/app/layout.js jsx import { Tabs } from 'exporouter/tabs'; export…

项目文件结构 整体结构与上一章相同，只需增加/app/modal.js文件即可 app layout.js (tabs) layout.js index.js users.js articles…

前置条件，确保你已经安装了rbenv和rubybuild 安装rust Ruby官网《Ruby 3.2.0 已发布》(https://www.rubylang.org/zhcn/news/2022/12…

新建项目 sh npx createexpoapp clwyapp 安装依赖 cd clwyapp npx expo install exporouter reactnativesafeareacontext reactnativescreens expolinking expoconstants expostatusbar reactnativegesturehandler 设置路由入口 找到项目根目录的 package…

检查项目 可以先检查项目有没有问题，防止编译发布时出错 sh npx expodoctor 更新 expo 依赖包 sh npx expo install check

安装 tsc 编译器 sh npm install g typescript 查看版本 sh tsc v 编译脚本 例如将以下代码存为app.ts ts function welcome(name: string…

PHP在Web开发中的应用 收集表单数据 生成动态网页 字符串处理（文字处理） 动态输出图像（验证码、缩略图） 处理服务器端文件系统（文件新建、编辑、删除…