mus-z的博客

AntD Pro零散笔记antd pro 4.0是一个集成了前后端服务、mock模拟接口、dva容器、typescript、less的一个解决方案，有助于快速的二次开发（不过感觉脚手架真的很大）文章目录AntD Pro零散笔记糟心的初始化记一下常用的目录和文件使用区块模板权限管理数据请求手动新建页面umi中mock怎么用？配合service文件数据请求后放到状态管理model页面内数据管理加个搜索功能登陆验证的修改todolist实战最后的代码结构，具体糟心的初始化安装初始化环境让我很头疼，弄了一下

在package.jsonreact-appnext-app

自己不知道怎么改，看见了老哥的文章，绝了，正好解决orzhttps://blog.youkuaiyun.com/qq_34398777/article/details/106303169问题遇到的问题是官方可伸缩列拖动的时候太卡，究其原因是实时更新列宽，拖动的时候直接更新所有列宽，当列较多的时候更新的数据响应也会比较多，但做法是官方的延申{ "dependencies": { "@testing-library/jest-dom": "^4.2.4", "@testing-library/r

需求：想给自己的博客加一个本地上传的功能但是不需要现在就发给后端，只要解析在输入框中参考：https://www.cnblogs.com/mq0036/p/11566061.html先用原生的html解析<input type="file" onChange={play.bind(this)}/>const play=(e)=>{//支持chrome IE10 if (window.FileReader) { //console.log(input.target

转载：https://segmentfault.com/a/1190000018914249?utm_source=tag-newestReact通过引入Virtual DOM的概念，极大地避免无效的Dom操作，已使我们的页面的构建效率提到了极大的提升。但是如何高效地通过对比新旧Virtual DOM来找出真正的Dom变化之处同样也决定着页面的性能，React用其特殊的diff算法解决这个问题。Virtual DOM+React diff的组合极大地保障了React的性能，使其在业界有着不错的性能口碑。d

https://github.com/rexxars/react-markdownyarn add react-markdownimport ReactMarkdown from "react-markdown"let markdown='# P01:课程介绍和环境搭建\n' + '[ **M** ] arkdown + E [ **ditor** ] = **Mditor** \n' + '> Mditor 是一个简洁、易于集成、方便扩展、期望舒服的编写 markdown 的编辑器

接着上文Next.js脚手架不支持直接引入css解决，并按需加载ant UI参考https://jspang.com/detailed?id=51#toc239取消按需加载.babelrc{ "presets":["next/babel"], //Next.js的总配置文件，相当于继承了它本身的所有配置 "plugins":[ //增加新的插件，这个插件就是让antd可以按需引入，包括CSS [ "import",

跟着技术pang老师的教程https://jspang.com/detailed?id=51#toc239自己配了一下 做个笔记首先是next的脚手架npm install -g create-next-app$ npx create-next-app next——app正常的写<style jsx>{`...`}</style>这种方式可以直接用但是有点冗余，而且没有css的代码提示，还是比较想用import当我需要import引入css文件的时候发现会报错

这个坑主要是一个概念上的问题，因为redux会对比更新前后是否相等，不相等才会重新render如果state中是字面变量的值还好，地址会随值改变，浅拷贝就解决了因为state本身就是对象，如果是某个属性是引用类型的Object一定一定要记得用深拷贝，或者自己在reducer那处理成浅拷贝能处理的方式！！强烈，推荐写个深拷贝用今天就碰到这种问题了，还好我手头有深拷贝的demo，可以看这个博文https://blog.youkuaiyun.com/mus123/article/details/105617013

参考：https://blog.youkuaiyun.com/weixin_41606276/article/details/85123919在构建一个项目时，我们需要暴露文件来易于后期对配置的更改。在终端运行命令yarn eject或npm run eject可以暴露配置。但是有可能会出现如下截图的错误这是因为我们使用脚手架创建一个项目的时候，自动给我们增加了一个.gitignore文件而我们本地却没有文件仓库这就需要在终端输入如下命令就是用git将项目添加到我们的本地仓库再执行np

续react实现echarts的疫情地图实现实时获取外部json参考：react axios 跨域访问一个或多个域名问题react+axios用node代理解决跨域首先package.json加一句proxy "proxy":"https://c.m.163.com"然后spider.js中写一个异步函数（返回的是promis）axios是需要用npm install axios下载的let axios = require('axios');exports.getf= async f

视频https://www.bilibili.com/video/BV1T7411W72T?p=12需要运用react-app和安装echats的插件json文件是视频中提供的链接复制到本地的https://c.m.163.com/ug/api/wuhan/app/index/feiyan-data-list（也希望大佬能教我一下react跨域获取怎么做，教程里面的axios不会引入，网上找的jsonp方法又不能满足引用格式下面是做了一个表单两个echarts图（柱状图、map地图import

转载：https://www.cnblogs.com/greenteaone/p/10083129.html "scripts": { "start": "node scripts/start.js", "build": "node scripts/build.js", "test": "node scripts/test.js" },脚手架create-rea...

这里是原文，建议直接下翻看操作Production-ish ServerNone of this has anything to do with React Router, but since we’retalking about web servers, we might as well take it one step closer tothe real-world. We’ll a...

https://www.runoob.com/react/react-tutorial.html菜鸟教程的react看起来比较浅，一天就看完了。 感觉赶紧还是看看阮一峰老师的吧文章目录一.React 安装使用官方提供的 CDN 地址：使用 create-react-app 脚手架快速构建 React 开发环境二.React 元素渲染更新元素渲染三.React JSX使用 JSX自定义属性独...