js
关注
分享
扫一扫
wmnmtm
QQ:1023266328
展开
-
修改react项目的运行端口
"scripts": { "start": "set PORT=9000 && react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject"},原创 2021-08-26 11:57:21 · 595 阅读 · 0 评论 -
The react-scripts package provided by Create React App requires a dependency
npm run start时，提示The react-scripts package provided by Create React App requires a dependency:"jest": "26.6.0"做了很多尝试消除不了，就根据下面这句提示忽略掉此错误。If nothing else helps, add SKIP_PREFLIGHT_CHECK=true to an .env file in your project.在项目根目录下创建.envSKIP_P..原创 2021-08-26 11:54:06 · 872 阅读 · 0 评论 -
MobX 简单、可扩展的状态管理
https://cn.mobx.js.org/转载 2021-08-17 10:23:55 · 157 阅读 · 0 评论 -
React 开发必须知道的 34 个技巧【近1W字】
https://cloud.tencent.com/developer/article/1538589非常强悍，收藏转载 2021-08-17 10:16:00 · 134 阅读 · 0 评论 -
CSS3动画transform、transition和animation的区别
（1）transform仅描述元素的静态样式，常常配合transition和animation使用（2）transition通常和hover等事件配合使用，animation是自发的，立即播放（3）animation可设置循环次数（4）animation可设置每一帧的样式和时间，transition只能设置头尾（5）transition可与js配合使用，js设定要变化的样式，transition负责动画效果https://www.cnblogs.com/ypppt/p/1336374原创 2021-08-08 11:48:45 · 391 阅读 · 0 评论 -
promise例子中的一个奇怪事情
resolve('Async Hello world');reject('Async Hello world');感觉reject('Async Hello world');返回了一个reject，这算什么原创 2021-07-29 10:27:46 · 125 阅读 · 0 评论 -
根据路径控制左导航和顶导航的显示
xxxRender 设置为 false，即可不展示部分 layout 模块headerRender:false不显示顶栏 footerRender:false不显示页脚 menuRender:false不显示菜单 menuHeaderRender:false不显示菜单的 title 和 logo效果（不完美，有边距）布局https://pro.ant.design/zh-CN/docs/layout/@umijs/plugin-layouthttps://umij...原创 2021-07-28 23:32:19 · 871 阅读 · 1 评论 -
React 组件
我们可以使用函数定义了一个组件：function HelloMessage(props) { return <h1>Hello World!</h1>;}你也可以使用 ES6 class 来定义一个组件:class Welcome extends React.Component { render() { return <h1>Hello World!</h1>; }}function方式，直接是returnc原创 2021-07-16 23:56:38 · 462 阅读 · 2 评论 -
Ract元素渲染测试 传入多个属性值
<!DOCTYPE html><html><head><meta charset="UTF-8" /><title>Hello React!</title><script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script><script src="https://cdn.stati...原创 2021-07-16 23:04:02 · 124 阅读 · 0 评论 -
Ract元素渲染测试
https://www.runoob.com/try/try.php?filename=try_react_hw可以是2个id同时渲染原创 2021-07-16 22:51:32 · 143 阅读 · 0 评论 -
React 设置多个className
在一个元素上设置样式，有一个固定的样式，然后还有一个使用三元运算符根据条件添加的样式。比如说有一个固定样式"title":<div className="title">标题</div>，然后还要一个点击高亮的样式:<div className={index === this.state.active ? "active" : null}>标题</div>不能这样写：<div className="title" className=转载 2021-07-15 17:57:26 · 3581 阅读 · 2 评论 -
es6中export和export default的区别
es6中export和export default的区别https://blog.youkuaiyun.com/adley_app/article/details/80340457es6中export、export default、import的理解https://www.cnblogs.com/pengaijin/p/7646524.html原创 2021-07-15 17:24:21 · 167 阅读 · 0 评论 -
鼠标拖拽DIV时的吸附效果
<!doctype html><html><head><meta charset="UTF-8"><title>拖动时的吸附效果</title><style>* {padding: 0;margin: 0;}#box1 {width: 500px;height: 500px;background: #999;position: relative;left: 100px;top:...原创 2021-06-30 17:33:20 · 798 阅读 · 0 评论 -
JavaScript DOM元素尺寸和位置
一、获取元素CSS大小1.通过style内联获取元素的大小var box = document.getElementById('box'); //获取元素box.style.width; //200px、空box.style.height; //200px、空style获取只能获取到行内style属性的CSS样式中的宽和高，如果有获取;如果没有则返回空。2.通过计算获取元素的大小var style = window.getComputedStyle ? window.getCom转载 2021-06-27 00:01:36 · 1120 阅读 · 0 评论 -
片段(fragments) ＜React.Fragment＞
React 中一个常见模式是为一个组件返回多个元素。 片段(fragments) 可以让你将子元素列表添加到一个分组中，并且不会在DOM 中增加额外节点。原创 2021-06-02 00:23:34 · 243 阅读 · 3 评论 -
ReactDOM
https://react.html.cn/docs/react-dom.html原创 2021-06-01 22:42:30 · 97 阅读 · 0 评论 -
HTML DOM getElementById() 方法
getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。https://www.w3school.com.cn/jsref/met_doc_getelementbyid.asp原创 2021-06-01 22:38:01 · 155 阅读 · 0 评论 -
＜React.StrictMode＞
严格模式(Strict Mode)StrictMode是一个用以标记出应用中潜在问题的工具。就像Fragment，StrictMode不会渲染任何真实的UI。它为其后代元素触发额外的检查和警告。注意: 严格模式检查只在开发模式下运行，不会与生产模式冲突。你可以在应用的任何地方启用严格模式。例如：http://react.caibaojian.com.cn/docs/strict-mode.html...原创 2021-06-01 22:34:03 · 219 阅读 · 0 评论 -
11个免费开源后台管理系统模板
当你写项目的时候，如何快速的完成一个项目的搭建，这个时候就需要借助到一些模板了，前端开发的一个好处就是，各类UI模板都是相当的齐全的，直接拿来用就可以了，脱离了一行又一行垒代码的繁琐的工作，以下的开源后台管理系统模板是我在逛GitHub的时候看到的，排名先后是按照2020/5月份GitHub上面的star进行排名的。1：vue-element-admin推荐指数：star:55kGithub 地址：https://github.com/PanJiaChen/vue-element-admin转载 2021-05-20 00:28:12 · 768 阅读 · 0 评论