- 博客(23)
- 收藏
- 关注
RSS订阅
原创 react-cropper + antdesign +dva 实现裁剪图片并上传的功能
react-cropper + antdesign +dva 实现裁剪图片并上传的功能一.首先安装react-cropper插件npm install --save react-cropper执行该命令以后，下载react-cropper依赖信息自动更新到package.json中在使用该插件的代码中需要进行引入import "cropperjs/dist/cropper.css"im...
2019-03-19 20:32:00
3073
原创 解决React+Ant Design 打包后vendors.js过大问题
解决React+Ant Design 打包后vendors.js过大问题React项目常用Webpack进行打包，Webpack中有一个功能是Code Spliting，使用该模块可以减少重复引用的模块，就是通过配置将一些公共模块例如react、react-dom打包到vendors.js中，只引用一次。避免了每次不同页面引入的时候，都打包一份相同的代码。但是这样会有一个问题，会导致vendor...
2020-08-03 09:37:43
6107
原创 前端开发实习岗位面试集锦
头条面经3.24 一面1.dva怎么实现数据处理2.webpack配置3.怎么配置tree shaking4.第k大元素3.24 二面1.react hooks2.react 虚拟 dom3.git指令4.将二叉树转链表（层序遍历二叉树）5.写一个函数，给三个参数 obj “a.b.c” defaultValue 最终取到对象中的某一元素6.给一段代码 写出执行结果 (大概...
2020-08-03 09:35:14
535
原创 奇安信 笔试
奇安信 笔试选择题选择题进程的基本状态有：就绪态，运行态，阻塞态关于cookie描述不正确的是：https协议下cookie是明文传送的假设某段通信电文仅由 6 个字母 ABCDEF 组成，字母在电文中出现的频率分别为2，3，7，15，4，6。根据这些频率作为权值构造哈夫曼编码，最终构造出的哈夫曼树带权路径长度与字母 B 的哈夫曼编码分别为86 1011运行下面代码...
2020-02-28 11:54:36
1414
原创 字符串的全组合
字符串的全组合题目描述题目类别解题思路具体实现题目描述输入一个字符串，输出该字符串中字符的所有组合。举个例子，如果输入abc，它的组合有a、b、c、ab、ac、bc、abc。题目类别字符串 组合解题思路假设我们在长度为n的字符串上求m个字符的组合，从头到尾扫描字符串，针对第一个字符串，我们有两种选择，第一是把这个字符串放到组合中取，在剩下的n-1个字符中取m-1，第二是不把这个字符串放...
2020-02-21 12:03:22
613
原创 Leetcode77 组合
剑指offer77 组合题目描述题目类别解题思路具体实现题目描述给定两个整数 n 和 k，返回 1 … n 中所有可能的 k 个数的组合。题目类别组合 dfs回溯，剪枝解题思路代码完整性：代码判空dfs回溯，剪枝取第一个数字，再从后面的数字中取k-1个。取第二个数字，再从后面数字中取k-1个，直到某个数字后面不足k-1个，回溯剪枝。具体实现class Solution {pu...
2020-02-21 12:00:37
131
原创 剑指offer 字符串的排列
剑指offer 字符串的排列题目描述题目类别解题思路具体实现题目描述输入一个字符串,按字典序打印出该字符串中字符的所有排列。例如输入字符串abc,则打印出由字符a,b,c所能排列出来的所有字符串abc,acb,bac,bca,cab和cba题目类别字符串解题思路代码完整性：代码判空分治法，把问题分解成固定第一个字符，排列剩下字符的方法，递归求解注意：字典序打印；可能存在重复字符串...
2020-02-20 23:37:39
86
原创 Firefox调整单个主机下的并发数为1
firefox下怎么调整单个主机下的并发数一.打开浏览器，在网指处输入 about:config，见到如下设置页面二.查找 network.http.max-persistent-connections-per-server 选项，默认是6，将其修改为1三.在访问页面，发现资源的加载被阻塞，同一时刻只能下载一个资源，绿色代表正在加载，红色代表正在阻塞...
2020-01-16 21:43:18
458
原创 react报错 Uncaught Invariant Violation: Unable to find node on an unmounted compone
react报错 Uncaught Invariant Violation: Unable to find node on an unmounted compone在采用ant.design的Table组件时，给table组件赋值了rowkey为id<Table columns={columns} dataSource={this.state.data} pagination=...
2020-01-07 10:29:11
5552
原创 React中为什么要使用immutableJs
在React中为什么要使用immutableJs一.state的不可变性当父组件读取子组件数据form，赋值给obj，然后对obj进行一些修改过程中，直接赋值就是浅拷贝，修改obj之后会影响form对象，也就会影响子组件中的form的值，这也就是js中的隐患，在React中向上层组件或者下层组件传递对象，很难保证这个对象是否会被修改，当不希望对form产生影响的时候，需要手动深拷贝比较麻烦且浪...
2019-12-21 10:09:09
677
原创 将本地已有的create-react-app创建的项目上传到git上
将本地已有的create-react-app创建的项目上传到git上1.在git上面创建一个 repository点击new按钮，创建 repository，创建的时候只填写Repository name和Description ，不要勾选创建README和gitignore。因为create-react-app创建的项目里面已经初始化了README和.gitignore2.打开本地项目目...
2019-12-19 22:33:44
1155
原创 React 应用 Code Spliting 以及 懒加载
React 应用 Code Spliting 以及 懒加载webpack是一个强大的框架，具有其它框架所不具备的Tree shaking，懒加载和代码分割的功能，今天主要来讲解React web开发中是如何与这些特性所结合的。Code Spliting关于代码分割，webpack官网是这样描述。①入口起点：使用entry配置手动地分离代码。这一部分可以参考上一篇博客MPA模式配置，采用...
2019-11-26 20:58:07
319
原创 create-react-app创建的项目配置多入口MPA模式。报Cannot read property ‘filter’ of undefined
create-react-app创建的项目配置多入口MPA模式。报Cannot read property ‘filter’ of undefined多入口配置一.首先eject项目执行npx create-react-app train-ticket,安装react项目。这时候package.json中react-srcipt已经集成了所有的逻辑，此时需要个性化的配置，需要执行npm ru...
2019-11-14 21:30:24
1071
6
原创 windows下面配置nginx，配置hosts不生效
windows下面配置nginx，配置hosts不生效首先在本地用node编写一个server,监听8888端口，返回一个带有表单的页面，如下所示之后配置nginx,在nginx的conf文件夹下新建servers文件夹，里面新建test.conf,在nginx.conf中引入test.confnginx.conf: include servers/*.conf;test.co...
2019-07-24 16:48:43
2377
原创 componentWillReceiveProps使用时的问题
componentWillReceiveProps使用时的问题componentWillReceiveProps是在render之前执行的函数，在函数的内部会接收nextProps参数，存储着本次更新的数据的值，this.props存储上一次更新的数据的值，可以通过比较两数据值得不同来进行setState更新组件的状态，不会触发额外的render。场景如下：要实现一个功能，订购页面引入子组件游...
2019-07-19 15:29:14
5358
原创 ant 组件initialValue 初始值更新问题，setState和setFieldValue浅谈
ant input组件initialValue 初始值更新问题组件被赋初始值了之后，有两种情况需要更新组件的value，一种情况是子组件触发的父组件的value的更新，另一种是父组件自己触发的value更新。实现场景在门票订购页面引入了一个游客信息子组件，如下图所示，可以通过子组件新增游客或删除游客来改变订购数量，也可以通过在订购页面批量导入游客来改变订购数量。 <FormItem...
2019-07-19 11:13:32
6206
原创 dva modal中state数据重置的问题
dva modal中state数据重置的问题实现的管理系统有一个功能是A登录系统和B登录系统用的同一个账号时，A的登录状态就会被B挤掉，表现为A在点击导航栏，后台返回401状态码，但是无数据响应。并跳转回登录页面。这个时候会出现个问题，就是重新登录，再点击相同页面就会发生数据渲染或者数据绑定错误，发现原因是，退出系统modal中的state值并不会清空或者恢复默认值，而是保留上一次的值，所以...
2019-06-28 15:32:37
6324
1
原创 puppeteer 实现爬虫
puppeteer 实现爬虫（windows）因为puppeteer中大量api都是异步函数，所以首先需要对异步函数async/await有一定的了解，await会暂停当前async函数的执行，等待后面的Promise的计算结果返回以后再继续执行，也就是说程序会在这停止，直到到await后面的函数有返回才继续执行，但是前提是返回必须是一个Promise对象，也就是await只对函数有返回Prom...
2019-06-27 20:43:49
5894
原创 BraftEditor使用总结
BraftEditor使用总结这里实现的是，参数管理功能，新建或者编辑的时候会弹出一个Modal。这里使用antdesign实现，然后在里面编辑富文本信息，点击保存提交给后台，或者是取消编辑。如图所示一.安装npm install --save @types/braft-editor二.使用方法因为是较老的版本，因此很多api在网上已经查找不到了，看了组件的源码，进行简单总结。①首先...
2019-06-26 17:11:20
8143
1
原创 React用fetch向后台传输Blob，File
React用fetch向后台传输Blob，File1.Base64是什么 Base64一般用于在HTTP协议下传输二进制数据，Base64是一种用64个字符来表示任意二进制数据的方法。因此需要用6bit来表示字符（2的6次方=64），然而ASCII码需要8个Bit来表示，6个Bit不能存储8个Bit的数据，但是46个Bit可以存储38个...
2019-03-26 21:16:45
5220
原创 Fetch请求的跨域处理
Ajax和Fetch请求的跨域处理 浏览器安全的基石是"同源政策"（same-origin policy），这里的三源是指协议，端口和域名。同源政策是为了保护用户的安全，如下将介绍，跨域的解决办法。一. Jsonp由于这种方式只支持get方法的跨域，本身具有一定的局限性，因此在这里不详细的介绍。二. Nginx反向代理如今项目多采...
2019-03-25 18:53:17
7393
原创 React中组件之间相互传递数据
React组件之间相互传递数据 在react中，模块组件化了之后，最常使用的就是两个组件之间相互传递数据，其中就包括父组件向子组件传递数据和子组件向父组件传递数据两种情景，下面通过前几天写的一个上传图片时截图的组件为例子，演示组件之间的数据传递。父组件向子组件传递参数父组件是一个标签管理的页面，上传标签图片的时候引用了上传图片的组件...
2019-03-20 16:35:01
3370
原创 Ant Design中组件使用总结-Upload组件
Ant Design中组件使用总结-Upload组件在使用Ant Design的Upload组件中，遇到一些问题，简单的分享一下一.Upload的图片列表的初始化问题在使用Upload组件在新建页面的时候所有的图片都是通过Upload组件上传的，因此在管理起来也比较容易，Upload组件引用如下：但是当在处理编辑页面的时候，需要从数据库中读取已经上传的文件...
2019-03-20 09:58:54
7159
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人