先看效果 再看代码utils.js import Mock from 'mockjs'; // mock老师们数据 const data = Mock.mock({ 'list|10-40': [{ 'id|+1': 1, name: '@cname' }] }) // 模拟获取老师接口 expor ...
分类:
其他好文 时间:
2021-05-24 07:32:35
阅读次数:
0
任何一个项目发展到一定复杂性的时候,必然会面临逻辑复用的问题。在React中实现逻辑复用通常有以下几种方式:Mixin、高阶组件(HOC)、修饰器(decorator)、Render Props、Hook。本文主要就以上几种方式的优缺点作分析,帮助开发者针对业务场景作出更适合的方式。 Mixin 这 ...
分类:
其他好文 时间:
2021-05-24 05:59:08
阅读次数:
0
🌲 参考https://docs.taro.zone/docs/router 1、传入参数 Taro.navigateTo({ url: '/pages/page/path/name?id=2&type=test' }) 2、在跳转后的页面获取入参 import { getCurrentInsta ...
分类:
微信 时间:
2021-05-24 05:53:43
阅读次数:
0
在使用react开发项目的时候 遇到了一个奇怪的问题,在index.html中引入script标签 script标签的src属性会把 / 斜杠变成空格,并且在body标签结尾追加script标签。 就像这样 我发现 HtmlWebpackPlugin 还内置了html-minifier插件 解决方法 ...
分类:
Web程序 时间:
2021-05-24 05:26:34
阅读次数:
0
JSX 表现上是JS的语法扩展。将标签语法和JS语法合在一起。实际上是组件化的开发模式让UI和逻辑实现分离。 React Fiber React核心算法的重新实现 React同步更新过程的局限 React加载更新组件后会做很多事,调用生命周期函数、对比Virtural DOM,更新DOM树。 由于R ...
分类:
其他好文 时间:
2021-05-24 00:26:26
阅读次数:
0
泛微最新的版本已经是E9的了,前端使用react开发,前端开发变化还是不小的。最近看了原来的E8版本的资料还真不少,如果熟看以下资料,开发E8、E9版本的泛微系统就没有啥问题了。以下展示相关的内容。 包括了, 1)前端开发,E8里面有不少jquery框架内容,E9更新成react而以,熟悉一下就可以 ...
分类:
其他好文 时间:
2021-05-23 23:52:24
阅读次数:
0
1.明确好界面中的导航区、展示区 2.导航区的a标签改为Link标签 <Link to="/xxxxx">Demo</Link> 3.展示区写Route标签进行路径的匹配 <Route path='/xxxx' component={Demo}/> 4.<App>的最外侧包裹了一个<BrowserR ...
分类:
其他好文 时间:
2021-04-30 12:38:22
阅读次数:
0
对于没有子元素或不需要子元素的 HTML 标签,通常写成其自闭合的形式会显得简洁些, - <SomeComponent></SomeComponent> + <SomeComponent/> 通过配置 ESLint 可在格式化的时候将标签自动变成自闭合形式。 create-react-app 如果是 ...
分类:
其他好文 时间:
2021-04-29 12:08:40
阅读次数:
0
HOC(Higher Order Components)就是一个函数,传给它一个组件,它返回一个新的组件。 高阶组件:就相当于手机壳,通过包装组件,增强组件功能。 实现步骤: 首先创建一个函数 指定函数参数,参数应该以大写字母开头 在函数内部创建一个类组件,提供复用的状态逻辑代码并返回 在该组件中, ...
分类:
其他好文 时间:
2021-04-29 11:53:44
阅读次数:
0
项目背景 试想一下,如果你现在要为你自己或者你所在的组织创建一个强内容的站点,同时要求好的 SEO(搜素引擎优化),比如博客,你会怎么做呢? 由 vite 或者 create-react-app 等脚手架构建的普通 SPA 应用是不行的,因为这样数据都是通过 AJAX 返回的。你暂时不了解这些概念也 ...
分类:
数据库 时间:
2021-04-28 11:46:58
阅读次数:
0