jjw_zyfx的博客

Referrer Policy: strict-origin-when-cross-origin image标签的src属性第一次加载没问题，翻页后回来继续加载就报此问题的解决方法

1.什么是JSX?2.React中有几种构建组件的方式（es5、es6语法）?3.简述一下React中的生命周期方法及其作用，以及哪些是在React最新版本中逐渐废弃的?4.React组件通信的方式(父子组件、兄弟组件、跨层级组件通信)?5.React中Context API的使用方法以及适用场景。6.如何在React中使用innerHTML。7.什么是受控组件和非受控组件...

我现在理解的区别就是.js可以用来做为模块来使用.jsx一般作为组件来使用，但是js也可以用来作为组件使用也是没问题的

首先需要有node 有node就自然有了npm接下来就是下边的了这样创建的项目默认没有config文件需要运行npm run eject将config暴露出来，然后就可以看config里边的内容了...

最近做文件下载发现,ant design pro 的request发送post/get请求都不能将Django返回的FileResponse对象正确解析了,比如如果直接从浏览器上输入服务器的URL,就能直接下载下来文件,但是如果通过ant design Pro 发送get请求,返回的却是一堆乱码,不是一个文件解决方法是:Django服务器代码如下:完整代码:ant de...

解决方法有如下两种：第一种就是将对象类型变成字符串类型第二种就是在看所带的参数就可以了如下;其实还可以在utils/request.js中进行全局配置，不过2019年7月1日升级后的ant design pro 有点XX,不好改...

经过之前的实验发现此方法可行,就是在router.config.js中不配置authority而authority由后台动态的生成方法如下:到此基本上差不多了但是,并没有完成这一步至关重要,也是为啥之前没有成功的原因就是:至此,权限校验的已经全部做完了,基本上按照这个方式是可以给所有的需要加权限的路由添加上相应的权限的,回到上一篇中讲到我是直接在BasicL...

以2019年7月1日更新的ant design Pro 框架为例,只安装了account-settings这个测试组件Django中的配置https://blog.csdn.net/jjw_zyfx/article/details/95941768

可参考此链接https://github.com/mroderick/PubSubJS

index里边内容action-types里边的内容reducers里边的内容action 里边的内容创建一个store组件中使用

其他文件同https://mp.csdn.net/postedit/100724847需要先下载index.js如下修改app.js修改一下如下上边的那个{count:state}中的state是reducers中返回的那个state count为啥定义为PropTypes.number.isRequired就是应为reudces中返回的state为数字...

vue配置：第一步标签内容2.0 的用这个<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的ak"></script>标签内容3.0的用这个<script type="text/javascript" src="http://api...

效果图如下：控制转速的代码如下：intervalFun = (count)=>{ // 开始慢然后快最后慢 this.beginSlow = setInterval(() => { count = this.intervalContent(count,this.beginSlow) if(count===8){ ...

react canvas 实现红包雨

.wrapImg{ width:60px; height:60px; position: absolute; animation: mymove 5s linear forwards;}@keyframes mymove { from { top: 0px; left: 10%; } to { ...

请参考此链接，react的经过试验确实没有问题，vue的没有试验不知行不https://juejin.im/post/5d5cd14951882546282363b6一定要注意了行内样式是不能适配到的即例如：<div style="width:100px"> </div>这样的内容是不能适配width的...

先参考此链接https://mp.csdn.net/postedit/100724847首先安装 cnpm install --save redux-thunk修改store.js

几个常用的组件首先安装 npm i -S react-router-domBrowserRouter 我理解的就是没有用#做路由区分HashRouter 使用#号做路由区分Route 指定路由对应的组件Redirect 重定向的Link 跳转的NavLinkSwitch 切换组件的index.js中的内容...

下边这个验证后不太现实，请看这个链接https://blog.csdn.net/jjw_zyfx/article/details/94360218登录成功后的效果图:

原因是这样做就OK了

利用脚手架工具创建一个react环境代码如下:打开命令行create-react-app my-appcd my-appnpm start创建成功后包含目录结构如下:使用图片的第一种方式${图片的路径}如下:后边还有第二种方式yarn add styled-componentsimport styled from "styled-components";...

学react的时候有个input标签用styled-components进行渲染报了这样的错我的代码是这样的：最后发现其实报错的说明已经说得很清楚了就是创造出来的input标签需要这样写写一个闭合的标签即可最近发现还是可以这样写的，之前的这个错误不知道为啥，现在不报了...

在render中进行if条件判断然后加载相应的模块进行渲染方法如下第一种:第二种:

当刚进入页面时react并没有自动加载路由,因为没有设置只是设置了key,所以并没有加载 用到了ant design的layout组件,代码设置如下:第一种操作dom的方法:但是想让页面加载完成后自动点击link这个标签,然后加载home的组件,方法有这么几种:componentDidMount() { if (window.location.hash.split('/')[...

坐标轴单位计算问题

作用如下

打开网页输入https://github.com/ant-design/pro-blocks进入如下界面下载完成后最好放到和自己ant design Pro 项目同级目录下这样以后好找比如我的如何嵌入到项目中呢?项目中的目录如下:然后需要配置一下路由:路由结构如下...

操作建议先从最下边的截图开始

首先高度怀疑这个是个bug那么如何当鼠标放上去的时候让其显示呢?为了不让其返回所以menu必须有值即不能为空,因为menu是从this.props中获取到的所以还的从props中找,能赋值给props的只有connect或者父组件,很显然connect没有赋值,那么只能从父组件中传参了这样设置完当再次运行完程序的时候,将鼠标放上去,下拉框就自动显示出来了...

Windows电脑操作步骤第一步: 新建一个目录然后进入此目录,在此路径下打开一个终端,然后输入yarn create umi回车 第二步: 直接按下回车,就可以选中ant design pro第三步,等待克隆完然后在命令行中输入cnpm i 或cnpm install 或npm i 或npm install第四步 等安装完成了执行 np...

最近读的登录源码发现此流程,登录的权限校验,首先先看一下配置信息,有关route的可以看ant design pro官网中的权限管理即下边所示内容