轻松学 UmiJS 视频教程（35 个视频）

最新推荐文章于 2024-08-04 02:35:21 发布
最新推荐文章于 2024-08-04 02:35:21 发布
阅读量432 收藏 2
点赞数
分类专栏： 视频分享 文章标签： reactjs typescript javascript vue.js es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39637597/article/details/112919661
版权

轻松学 UmiJS 视频教程（35 个视频）

轻松学 UmiJS 视频教程 #1 介绍

轻松学 UmiJS 视频教程 #2 快速上手

轻松学 UmiJS 视频教程 #3 通过源码来了解 Umi

轻松学 UmiJS 视频教程 #4 create-umi 如何使用

轻松学 UmiJS 视频教程 #5 与 dva 结合的点点滴滴

轻松学 UmiJS 视频教程 #6 通过源码深入解析 umi-plugin-react 之 umi-plugin-dva - dva-immer

轻松学 UmiJS 视频教程 #7 通过源码深入解析 umi-plugin-react 之 umi-plugin-dva -动态加载

轻松学 UmiJS 视频教程 #8 通过源码深入解析 umi-plugin-react 之 umi-plugin-dva -动态加载 part 2

轻松学 UmiJS 视频教程 #9 通过源码深入解析 umi-plugin-react 之 umi-plugin-dva -动态加载 - part 3（第二更）

轻松学 UmiJS 视频教程 #10 通过源码深入解析 umi-plugin-react 之 umi-plugin-dva -动态加载 - level - part 4

轻松学 UmiJS 视频教程 #11 通过源码深入解析 umi-plugin-react 之 umi-plugin-dva -动态加载 - dynamic - part 5（第二更）

轻松学 UmiJS 视频教程 #12 umi-plugin-react 之 其他配置 - hmr - antd - routes

轻松学 UmiJS 视频教程 #13 umi-plugin-react 之 其他配置 - polyfills - antd（第二更）

轻松学 UmiJS 视频教程 #14 umi-plugin-locale 和 react-intl 实现国际化

轻松学 UmiJS 视频教程 #15 配置 umi-plugin-locale 实现国际化（第二更）

轻松学 UmiJS 视频教程 #16 源码解析 umi-plugin-locale（第三更）

轻松学 UmiJS 视频教程 #17 源码解析 umi-plugin-dll - webpack 的 DllPlugin 有啥用

轻松学 UmiJS 视频教程 #18 umi-plugin-react 的其他插件

轻松学 UmiJS 视频教程 #19 umi-plugin-react 的 chunks 选项 - webpack 的 SplitChunksPlugin 插件和 optimization.splitChunks 选项（三更）

轻松学 UmiJS 视频教程 #20 实例讲解 umi-plugin-react 的 chunks 选项

轻松学 UmiJS 视频教程 #21 代码、环境变量、路由

轻松学 UmiJS 视频教程 #22 运行时配置

轻松学 UmiJS 视频教程 #23 修改 webpack 的配置

轻松学 UmiJS 视频教程 #24 区块

轻松学 UmiJS 视频教程 #25 如何快速安装区块

轻松学 UmiJS 视频教程 #26 源码解析区块下载的原理

轻松学 UmiJS 视频教程 #27 如何开发区块 - block

轻松学 UmiJS 视频教程 #28 使用自己开发的区块 - block - 三更

轻松学 UmiJS 视频教程 #29 区块宏替换与区块调试 - umi-plugin-block-dev（四更）

轻松学 UmiJS 视频教程 #30 源码解析 umi-plugin-block-dev（五更）

轻松学 UmiJS 视频教程 #31 深入解析 umi-plugin-pro-block

轻松学 UmiJS 视频教程 #32 修改 umi-plugin-pro-block 插件源码让其支持 TypeScript（二更）

轻松学 UmiJS 视频教程 #33 给 umi-plugin-pro-block 开源项目贡献代码发送 pr（三更）

轻松学 UmiJS 视频教程 #34 把插件发布到 npmjs.com 网站（四更，还有一集完结）

轻松学 UmiJS 视频教程 #35 写对自己有用的 umi 插件 - plugin - 减少打包体积大小的插件（完结）

程序员随风
关注
专栏目录
UmiJs学习V1.0.0
04-30
此文档主要讲了umijs、antd、dva的使用；umi-dva-user-dashboard详细的介绍了，如和搭建工程、简单的编写了一个登录页面和用户页面列表、新增、修改及删除等功能。
UmiJS是一个类NextJS的react开发框架
08-10
UmiJS 是一个类 Next.JS 的 react 开发框架。他基于一个约定，即 pages 目录下的文件即路由，而文件则导出 react 组件，然后打通从源码到产物的每个阶段，并配以完善的插件体系，让我们能把 umi 的产物部署到各种...
轻松学 UmiJS 视频教程
求知久久编程学院
02-11 1601
轻松学 UmiJS 视频教程（35 个视频） 轻松学 UmiJS 视频教程 #1 介绍「04:03」 轻松学 UmiJS 视频教程 #2 快速上手「04:49」 轻松学 UmiJS 视频教程 #3 通过源码来了解 Umi「07:04」 轻松学 UmiJS 视频教程 #4 create-umi 如何使用「Pro」「08:08」 轻松学 UmiJS 视频教程 #5 与 dva 结合的点点滴滴「Pro」...
Umijs笔记
m0_65519288的博客
08-04 955
umijs笔记
值得收藏的UmiJS 教程
zz_jesse的博客
11-06 1942
点击上方关注前端技术江湖，一起学习，天天进步前言网上的umi教程是真的少,很多人都只写了一点点，很多水文,所以打算自己写一篇,自己搭建umi,并封装了一下常用的功能,并用到公司实际项目中...
【UmiJS学习】01-快速上手
qq_43303646的博客
02-11 940
首先附上官网链接：https://umijs.org/zh-CN/，我们按照官网介绍实现简单的项目初始化 准备环境，官网推荐node版本在10.13以上，我的是node=14.16.0，npm=6.14.11(我使用的是nvm包管理器，管理node版本十分方便) 官网推荐用yarn来管理依赖，并使用国内源，到那时我觉得没必要，反正都能用，我还是只安装了yarn：npm install yarn -g 创建项目，先建个空文件夹，我的名字是UmiJS-Study，这里可以取自己想要的名字，我的项
UMI.js的简单使用
李大神
08-24 268
UMI.js的简单使用
umi-electron-typescript：一个基于umijs + electronic + typescript的示例
02-04
基于umijs + electronic +打字稿的示例 产品特点 支持对主进程和渲染器进程进行热重装 支持打字稿 安装 首先，通过git克隆仓库： git clone git @ github . com : wangtianlun / umi - electron - typescript . git...
毕业设计-UmiJS构建/仿学习通的课程平台
11-07
【标题】"毕业设计-UmiJS构建/仿学习通的课程平台"是一个使用现代前端技术栈，特别是UmiJS框架，来开发一个类似学习通的在线课程管理系统的项目。这个项目旨在模拟学习通的功能，为用户提供一个交互性强、功能丰富的...
基于 umijs + electron + ant-design-pro 的项目模板开发代码
03-12
`umijs`是一个强大的React应用框架，它提供了一套完整的解决方案，包括路由管理、插件体系、状态管理以及丰富的开发工具。`umijs`的目标是简化复杂项目的构建过程，让开发者能够专注于业务逻辑，而不是基础架构。 `...
umijs介绍及基本用法、配置式路由、约定式路由、路由传参等
果冻
10-11 1万+
umiJS Umi 是蚂蚁金服的底层前端框架 中文可发音为乌米，是可扩展的企业级前端应用框架。Umi 以路由为基础的，同时支持配置式路由和约定式路由，保证路由的功能完备。同时有强大的插件扩展各种功能。 什么时候不用 umi 需要支持 IE 8 或更低版本的浏览器 需要支持 React 16.8.0 以下的 React 需要跑在 Node 10 以下的环境中 有很强的 webpack 自定义需求和主观意愿 需要选择不同的路由方案 使用 确保电脑上有nodejs 10.13 或以上 umi下载安装 npm
UMI微狗硬复制视频教程
01-18
UMI微狗硬复制视频教程，大家一起学习本资源来自网络。
umi-datav:数据可视化
05-01
umi-datav 数据可视化 目录 组件库 相关教程 官网 - UmiJS 官网 - Yarn 官网 - DvaJS 官网 - Ant Design 官网 - React 中文网 - React Github - UmiJS Github - DvaJS Github - roadhog 开源协议 MIT
【UmiJS 3.x入门】
weixin_62198015的博客
11-02 1467
umi定位, umi特点, 搭建umi项目, 路由分类, 新建页面, 页面跳转, 路径传值, 解析路径传值, 请求接口, 使用本地测试数据, 使用umi项目自带的antd-mobile样式库
UmiJS实战
weixin_45678402的博客
09-15 1197
一、配置项 hash： 配置是否让生成的文件包含 hash 后缀，通常用于增量发布和避免浏览器加载缓存。 hash: true, base： 设置路由前缀，通常用于部署到非根目录。base: '/dengta/', publicPath： 打包的时候，webpack会在静态文件路径前面添加 publicPath 的值；publicPath: 'http://xxx.com.cdn' ；静态资源指的是：script的src，link中的href等等； outputPath： 指定输出路径；默认打包到dist
手把手教你搭建 Dva + Umi 开发环境
热门推荐
SCU_Cindy
10-01 2万+
最近开了一个新项目，使用 Dva + Umi 作为主技术栈进行开发。不得不说，当你写过原生 React 后，会发现 Dva 写起来真的是爽歪歪，他对 redux + react-router + redux-saga 进行了一层封装，减少了很多代码操作。同时加上 Umi 强大的路由处理功能，使得开发过程中又一次减少了不少踩坑操作。嗯，，我也是按照 Umi官方指南 的说明一步步来搭建的。中间好像也没...
redux-saga、umijs、dvajs实战入门教程-吕常龙-专题视频课程
lcl417891235的博客
10-29 1807
redux-saga，一个用于管理redux应用异步操作的中间件；umijs，可插拔的企业级 react 应用框架；dvajs，React and redux based, lightweight and elm-style framework。
umijs 使用wowjs 定义公共方法 多个组件引用 详细实例
最新发布
09-11
umijs 是一个可插拔的企业级前端应用框架，它基于 React 和 TypeScript，并且遵循约定优于配置的原则。wowjs 是一个轻量级的库，用于实现元素的滚动动画。在 umijs 中使用 wowjs 来定义公共方法，可以让多个组件在滚动到页面的某个区域时触发动画效果。 以下是一个简单的实例，展示如何在 umijs 项目中定义一个公共的 wowjs 方法，并让多个组件引用这个方法来实现动画效果。 1. 首先，安装 wowjs 库到你的 umijs 项目中： ```bash npm install wowjs --save ``` 2. 在你的 umijs 项目中创建一个公共目录，比如 `utils`，然后在该目录下创建一个名为 `wow.js` 的文件，用来封装 wowjs 的初始化代码和公共方法。 3. 在 `utils/wow.js` 文件中，你可以这样编写代码： ```javascript import React, { useEffect } from 'react'; import WOW from 'wowjs'; // 定义公共方法，用于触发动画 const useWow = (options = {}) => { useEffect(() => { // 初始化 wowjs，可以根据需要设置配置项 const wow = new WOW.WOW(options); // 启动 wowjs 动画 wow.init(); // 组件卸载时，清除 wowjs 实例 return () => { wow.destroy(); }; }, []); }; // 将公共方法暴露出去 export default useWow; ``` 4. 在需要使用 wowjs 动画的组件中，导入并使用 `useWow` 钩子： ```javascript import React from 'react'; import useWow from '@/utils/wow'; const AnimatedComponent = () => { // 使用 useWow 钩子来触发动画 useWow({ // 这里可以传入 wowjs 的配置项，例如： boxClass: 'animate__animated animate__fadeInUp', // 动画效果类名 mobile: false, // 禁用移动端动画 live: 'resources', // 动画触发时机 }); return ( <div className="animated-box">这里是动画内容</div> ); }; export default AnimatedComponent; ``` 5. 在页面或布局组件中引入 `AnimatedComponent`，当滚动到该组件时，将触发动画效果。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序员随风

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值