- 博客(28)
- 收藏
- 关注
RSS订阅原创 在vscode中对使用了whistle代理的 react项目进行断点调试
我在本机使用了whistle做代理，启动在8899这个端口（默认端口），想使用vscode对react的代码进行断点调试，发现url写项目端口没用，于是加了一个代理配置，并修改了url指向我的whistle代理地址有两点需要注意：（1）加一个路由代理的参数：–proxy-server=http://127.0.0.1:8899（2）修改url，改为你whistle代理的url，如我这里代理的地址为local.test.com，所以launch.json中的url也填这个。
2023-06-09 10:53:16
358
原创 Flutter Align组件布局失效
Align组件会在内层嵌套ListVIew时，布局失效，此时设置打开 ListView的shrinkWrap属性即可，此属性一般用于嵌套ListView组件高度不确定的情况下使用
2022-01-10 20:43:16
2261
原创 antd的Form表单控制实例的使用
Form表单的控制实例一、业务常景：二、使用Form表单的实例来解决：一、业务常景：遇到一种业务场景，即一个简单的Modal框+ Form的一个组合，仔细思考了一下，和我们平时直接使用Form表单还是有一定的区别，我们通常是通过给Form表单绑定onFinish的回调函数，但是这里的业务需求是在model框上点击确定去提交表单，直接通过onFinish函数去回调是不太可行的。二、使用Form表单的实例来解决：打开Antd文档，发现有一个form的实例，这里说的稍稍有的绕，他的意思是你需要使用usF
2020-07-14 18:54:11
7534
2
原创 WebStorem failed to create JVM option原因是JVM配置不正确的解决
这里写自定义目录标题网上解决办法很多，但我主要是修改了Xmx的大小，之后就打不开了，因此我们只要修改回去即可。网上很多博客而也是这么说，但是注意修改的得是C盘的直接C盘搜索修改即可修改你异常的Xmx值即可，记得记事本保存，改小一点就行...
2020-05-12 10:23:38
169
原创 React 中class与hook渲染机制方面的一点思考
刷掘金时无意看到了一篇文章：React hooks 怎样做防抖？点进去看了一遍么，才发现之前对于hooks仅仅只是会用，对于hook的渲染机制并不十分的了解。我们先从上篇博客提到防抖来入手，再谈渲染机制。我们平时是如何写防抖的？function debounce(fn,delay) { let timer; return function (...arg) { ...
2020-04-24 23:45:09
1550
原创 希尔排序（简单版本）
**个人理解：**希尔排序是基于插入排序的一种升级版本，插入排序每次只能移动一位。希尔排序引入了gap（增量），比如下方的gap就为5，不在是选出一个元素再进行排序，而是根据间隔进行原地的排序，这个间隔会自动的去递进，当间隔为1时就变为了直接插入排序了。function shellSort(arr){ const lenght = arr.length; let gap =...
2020-04-19 16:39:42
132
原创 CVTE-春招前端实习一面
一面（前端的小姐姐面的）4.14下午突然袭击，问你方不方便面试因为一面，所以问的都是基础问题（47min）1、先自我介绍2、聊项目，你在项目中担任了一个什么样的职位3、你能谈一谈你理解的redux么（从actions的方向来介绍）4、你能说说setState么？5、说说react的生命周期函数6、一般你会在生命周期函数中去做哪一些操作（✔X）7、你看过react的源码么？（没有，...
2020-04-14 20:41:08
6359
原创 thoughtworks实习一面（凉）
规定：30min实际时间：40min（多余10min都在交流）TW面试就是那种很不一样的，就是他就是那种特别的，体验很特别的1、介绍你的方案（介绍方案时他会提出一些问题，面试官很认真的在听）2、你还有没有其他方案3、对你所提出的方案做出一个优化，从各个方向去想一想，面试官很给你一些提示（真的是极力想努力让你通过啊）4、反问总结：重点是看你对这个方案的思考，以及你的表述，面试官的建议因...
2020-04-10 18:43:00
461
原创 美团前端实习一面-处女面凉经0^0
1、手撕之前笔试写过的算法，做一个优化简单优化(x)之前写过的算法题一定要去回顾，一定要去了解的很透彻2、setState是异步的么？（√）3、post和get的区别 （√）4、react的diff （√ ×）5、为什么会跨域，如何解决（√）6、js的基本数据类型（×，多嘴说了个bigInt）7、如何判断一个变量是否是number类型（√ ）8、判断是不是数组（√ ×）9、让cl...
2020-04-08 18:30:00
236
原创 前端实现word导出（之前插件的一个原理解析）
一、实现一个word导出需要些什么？我们要利用Blob对象和FilerSaver二、BlobBlob是什么？一个 Blob对象表示一个不可变的, 原始数据的类似文件对象。Blob有两个参数参数1：数据序列，可以是任意格式的值,这里必须以数组的形式传递进去参数2：一个对象其中有两个属性{ type: MIME的类型, endings: 决定第一个参数的数据格式，可以取值为 “tran...
2020-03-22 19:23:27
3398
7
原创 梳理一遍五层计网中比较重要的点
春招自闭，照着PPT梳理了一下五层网络模型中比较重要的地方（我会不断的完善啦~）一、物理层（不太重要）知道他是为了统一规范，屏蔽底层差异，使得比特流能够在物理线路上正常传输即可了。比如正电压多少多少代表1，负电压多少多少代表0；二、数据链路层（一般）数据链路层作用：对于物联层传递过来的协议做一个检测和封装，检测看他有没有差错，有差错就丢掉，等他传递新的过来（上层协议有超时重传机制），封装...
2020-03-22 01:48:31
304
原创 webpack的热加载（react）
一、热加载热加载是在webpack-dev-server中启用的，我们默认情况下的webpack-dev-server是全局刷新页面的，启用热加载后即可对你修改的模块做一个替换，不会重新刷新页面。二、需要做的配置1.在webpack.config.js中（只放需要更改的配置）（1）devServer中的配置devServer:{ hotOnly:false, //...
2020-02-29 14:51:56
653
原创 Antd中Table组件筛选报错：Cannot read property 'toString' of null
由字面意思可以发现这里的record应该是空的先放解决方法： 在可以搜索的那一列 传递的数据不能有空值！record所在位置：关于onFilter是一个搜索函数在antd的API上的文档有我们打印一下、可以看到其中有一个空值，这里就是问题所在因此：在可以搜索的那一列 传递的数据不能有空值！有错误时的表格：只要那一格不为空即可...
2019-11-23 16:30:16
5964
1
原创 js复习第二天（JS的垃圾清除，引用类型Object，Array）
参考书籍:红宝书一、JS中的垃圾清除（1）标记清除（最常用）垃圾收集器在运行的使用会给存储在内存中的所有变量都加上标记。然后他会去掉环境中的变量以及被环境中的变量引用的变量的标记。再将其视为（2）引用计数（用的已经非常的少了）引用计数的含义：跟踪记录每个值被引用的次数。当声明了一个变量并将应用类型的值赋给该变量时，则这个值的应用次数是1.如果同一个值又被赋给另一个变量，则这个值的引用次数...
2019-11-04 19:20:12
349
原创 前端react，vue导出word的几种方法（可以导出图片）
mhtml-to-word导出word：方法详情请看这里1.安装环境npm install mhtml-to-word2.引入使用import { exportWord } from mhtml-to-word3.直接使用（浏览器环境下的使用，node环境下请点击方法一详情）这里我们给出百度模板的使用演示（1）引入我们在详情链接中的百度模板的文件import baidu f...
2019-09-30 13:22:56
8298
2
原创 第一次使用阿里云服务器配置Node环境的一个坑
第一次使用Linux服务器的安装Node与Npm权限的问题一、一般的配置方法（软路径配置）:开始你可以按照网上的教程一步一走（我当时看的教程：https://www.jianshu.com/p/8cdbe4f4b533）如果按照上面的方法你出现了路径或者权限的问题，直接切换权限使用软路径安装即可（解决详情：https://blog.csdn.net/weixin_44956861/arti...
2019-09-18 20:21:14
769
原创 在阿里的云服务器上安装Node的环境的一些小坑
在阿里的云服务器上安装Node的环境的一些小细节在服务器配置Node环境时，遇到了一些网上教程没有提到的小坑1.当我第一次登陆进入服务器时，我只是一个普通的用户接下来按照网上的教程一步一步走（这是我看的教程：https://www.jianshu.com/p/8cdbe4f4b533）2.接下来到了软链接的地方（此图为博客中的情况）但我却出现了 英文大概这个目录（路径）找不到的情况...
2019-09-18 16:36:52
197
原创 围绕React衍生出的思考
1.以前使用jequery，原生JS操作DOM的写法叫做命令式的编程2.React是一种声明式的开发3.React可以与其他框架并存，如index中，react只会管理在index.js中挂载的dom，其他的标签都可以使用其他的库或者框架进行编辑4.React中的组件化，组件的命名都是大写开头5.单向数据流父组件给子组件传值允许，但绝不允许子组件去更改父组件的值 在子组件中，父组件传过来...
2019-07-12 18:58:28
330
原创 React之间的组件传值
目前我有两个组件1.Todoitem2.TodoList其中TodoList向TodoItem传值React传值与Vue传值的区别
2019-07-12 11:59:37
115
原创 使用React.js去实现一个toDoList
1.我们新建一个js文件，之后在index.js中去引入2.在return()中编写我们的html代码注意：必须有一个<>是完全包裹整个return()中的内容的这是JSX语法所规定的与Vue对比：在Vue的compoment组件中 也要求有一个<>完全去包裹<template>标签中的内容如果我不想让标签元素去占位置，我们直接使用标签 <Frag...
2019-07-11 21:00:43
402
原创 creat-react-app脚手架初始化时引入文件解读
import React from 'react';import ReactDOM from 'react-dom';import './index.css';import App from './App';1.import React from 'react';这里如果不引入react，就无法成功编译，即使下方没有用到react，他的主要目的是为了识别jsx语法何为jsx语法？R...
2019-07-07 17:18:10
192
原创 Create-react-app脚手架所创建的目录的简单解释
Facebook推出2013年开源React 16版本以后称为React FiberReact Fiber 也可以指在16时加的一种底层实现React.js 在复杂度高的比较合适 API较少相比Vue 因此灵活度较高官方提供的脚手架——Create-react-app项目结构文件：1.README.md文件就是一个项目的说明文件有一定格式规定，可以自己编写2.package.js...
2019-07-07 16:40:09
386
原创 Vue项目使用iconfont图标库时，添加新的图标时需要注意的问题
使用iconfont图标库时，添加新的图标时需要注意的问题在项目使用时，我们时常需要添加新的小图标，这时我们就会遇到很多问题1.我们需要替换哪几个文件？由图可见我们需要保留5个文件（后面发现.woff2其实不需要保留）2.替换文件打开Vue项目目录下src目录找到assets静态资源库，直接将文件复制替换即可(.woff2文件其实不用复制)注意：千万不要替换iconfont.css...
2019-06-22 10:42:30
4883
原创 Vue中的属性传值
Vue中的属性传值在Vue中实现父组件给子组件传值最简单的方式，即是通过组件属性的形式进行传值1.我们首先在父组件中通过axios获取后台传过来的数据如果你没有后台传递数据，我们可以在static目录下去创建一个静态的JSON数据文件，在这里我创建了一个mock文件里面放了两个json文件getHomeInfo () { axios.get('/api/index.json'...
2019-06-21 18:56:22
1433
原创 对POST和GET区别的一个灵魂拷问
GET与POST请求的区别首先我们需要了解到GET和POST是什么？POST和GET是HTTP协议的两种请求方式GET请求GET请求传输过来的数据是更随URL传递过来的，URL与数据以？隔开例如：https://mp.csdn.net/mdeditor?not_checkout=1#not_checkout=1#即为传递过来的数据传输数据大小限制：理论上无数据大小传输限制，但各浏览...
2019-06-21 09:01:19
183
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人