【react】React 18新特性

2021-12-27
阅读 3 分钟
2.8k
1. Automatic batching 以往在事件中setState,react会将多个set操作合并成一次,例如: sandbox {代码...} 但是在异步操作中比如:setTimeout 或 fetch,set操作并不会合并。sandbox {代码...} 所以有些第三方库会手动合并: {代码...} React18 将提供自动批处理功能,只要使用ReactDOM.createRoot,代替ReactDOM.render...

code-splitting

2020-05-15
阅读 1 分钟
2k
要知道按需加载分2种类型的文件 按需加载组件 按需加载redux模块 我们平时用的loadable只是按需加载其中的组件 按需加载组件有4种方法: bundle-loader 代码搞得太长 react-loadable 在react-v16.6之后可以使用React.lazy和React.Suspense替换react-loadable 至于替换后的优点,目前只知道减少了2k大小的react-loadable...

Object.defineProperty

2020-04-09
阅读 2 分钟
1.2k
configurable:当且仅当该属性的 configurable 键值为 true 时,该属性的描述符才能够被改变,同时该属性也能从对应的对象上被删除。 默认为false。

Git 回滚篇git revert

2020-03-26
阅读 1 分钟
7.7k
场景: 1.项目上线,发现有bug,要紧急回滚到上个版本; 2.多人合作,在qa出现了蹊跷的bug,不确定是哪个分支带来的,下掉可疑分支; 3.产品觉得还是之前版本比较好。。

每日问题

2020-01-09
阅读 4 分钟
1.8k
答: 最初更改settings.json然后保存没生效,所以我在怀疑这恶搞文件有没有被执行。 其实在你保存的时候这个文件就已经被执行了,是我文件中写的有问题。

Flutter环境搭建记录

2020-01-07
阅读 1 分钟
2.3k
1.下载安装包之后执行flutter doctor报错:zsh: command not found: flutter 下载的是源码,去这里下载SDK 2.执行flutter doctor,按照提示升级xcode、安装需要的插件 3.flutter 添加全局环境变量 永久的在各个终端都可以执行flutter *命令。 确定您Flutter SDK的目录,您将在步骤3中用到。 打开(或创建)vim $HOME/.bash_...

微信-小程序开发基础知识笔记

2019-11-21
阅读 7 分钟
3.5k
一个 mut-bind 触发后,如果事件冒泡到其他节点上,其他节点上的 mut-bind 绑定函数不会被触发,但 bind 绑定函数和 catch 绑定函数依旧会被触发。

每日一问-dva如何在退出的时候清空所有state

2019-10-31
阅读 1 分钟
3k
答:参考了其他人的方法但是在return的时候做了些修改 {代码...} 学习路径:1.redux清空所有state的方法2.解决 dva 注销退出系统后再点击登入,state 数据未清空的问题

每日一问-为什么在constructor中.bind绑定函数要比直接使用箭头函数性能高

2019-10-16
阅读 1 分钟
1.6k
在组件实例化new A()后,fa只是一个普通变量,实际的方法体是保存在原型对象上的,被所有实例共享。反观箭头函数声明的fc,实例化后,实例要单独分配一块内存去存储这个箭头函数。

每日一问-让setState连续更新的方法

2019-10-11
阅读 1 分钟
1.4k
方法一: 将回调函数传入setState函数的第一个参数中。 如:this.setState((preState,props)=>({ count: preState.count++ }))

当对象作为对象的key时,数组作为对象的key时,有意思的事发生了

2018-09-26
阅读 1 分钟
3.6k
总结:对象作为key,无论对象是否嵌套,总会替换之前key的value数组作为key,会先把数组中的元素转成字符串,之后如果相等,替换之前key的value,不相等,为新key

QA

2018-09-21
阅读 4 分钟
1.3k
{代码...} {代码...} 1.链接:[链接]项目地址:[链接]2.链接:[链接]项目地址:[链接] {代码...}

JavaScript变量提升:函数提升要比变量提升更猛

2018-09-11
阅读 1 分钟
1.9k
为什么我调换声明顺序,结果还是输出以 var 形式声明的函数的值?有人回答我说 "啊,变量提升呀...",我最开始的理解,就算变量提升,第一种情况提升之后,应该是这样啊:

笔记:总结require和import的区别

2018-09-10
阅读 1 分钟
7.1k
require是这个老一辈码农们在es6规范之前的规范中使用的命令,之前的规范有CommonJS规范、AMD、CMD、还有一个UMD,那为什么是require不是别的呢,因为方便在node中使用。

Object.assign方法不能实现深复制

2018-09-06
阅读 1 分钟
2.6k
Object.assign方法用于对象的合并,将源对象(source)的所有可枚举属性,复制到目标对象(target),类似这样: {代码...} 那是不是Object.assign({},obj)就可以实现深拷贝了?打开console试试 可以看到,copy中的成员跟a一样,但是copy!==a 说明拷贝成功!但是,如果对象中再包含对象,结果会怎样 我们从打印的内容可...

笔记:js参数传递问题

2018-09-04
阅读 2 分钟
1.9k
前言 {代码...} 解释:b对c说,我同意你跟我共用一个内存地址,你可以在我的内存地址内,修改局部成员,但是你要连我的家都给挪走,对不起 你自己走。。。 正题 ECMAScript 中所有函数的参数都是按值传递的。访问变量有按值和按引用两种方式,而参数只能按值传递。   基本类型参数传递:传给函数的是数值的一个复制,函...

js执行会阻塞DOM树的解析和渲染,那么css加载会阻塞DOM树的解析和渲染吗

2018-08-28
阅读 3 分钟
5.1k
为了完成本次测试,先来科普一下,如何利用chrome来设置下载速度(会用的可直接跳过)1.打开chrome控制台(按下F12),可以看到下图,重点在我画红圈的地方

全局作用域、函数作用域、块级作用域的理解

2018-07-26
阅读 2 分钟
14k
作用域是任何一门编程语言中的重中之重,因为它控制着变量与参数的可见性与生命周期。很惭愧,我今天才深入理解JS的作用域..我不配做一个程序员.. 开玩笑,什么时候理解都不晚,重要的是理解了以后能不能深深地扎在记忆里,不能,那就写下来

前端数据可视化之 --- (一)亿级关系图

2018-06-07
阅读 3 分钟
12.8k
在这之前,提起数据可视化,我都是能用echarts尽量用echarts,特效很棒而且用起来简单,粘贴一个option改个data就能生成很酷炫的报表,但是真正走向数据可视化领域之后,还是会发现echarts有些不足,而且做大数据分析的企业全都依靠使用echarts的话,那么你们的系统在表现上就已经输了。现在来看的话,大数据分析是互联...

移动端bug汇总(一)

2018-05-16
阅读 4 分钟
3k
A:根本原因是-webkit-tap-highlight-color,这个属性是用于设定元素在移动设备(如Adnroid、iOS)上被触发点击事件时,响应的背景框的颜色。建议写在样式初始化中以避免所以问题:div,input(selector) {-webkit-tap-highlight-color: rgba(0,0,0,0);}另外出现蓝色边框:outline:none;

1.判断两个数组是否“相等”2.取两个数组的交并差集

2018-04-27
阅读 2 分钟
2.7k
Set是ES6种新增的数据结构,有点类似与数组,但它的成员的值都是唯一的 1.取两个数组的交并差集 {代码...} 2.判断两个数组是否“相等” 有两种方法 1 JSON.stringify() {代码...} 2 不允使用JSON.stringify时 {代码...} 注意 不要用 X.toString(); {代码...} 转换成字符串后,导致字符串'1'和数字1相等。 微信公众号:前端...

四月份面试题汇总(一)

2018-04-27
阅读 3 分钟
2.5k
每创建一个函数,函数上都有一个prototype的属性,他是一个对象。这个对象的作用就是当使用它创建实例的时候,这些实例都会共享原型上的属性和方法。当我们访问对象中的某个属性时,如果这个对象内部不存在这个属性,那么他就会去__proto__里面去找这个属性,这个__proto__又会有自己的__proto__,就这么一直找下去直到...

SourceTree 从下载、安装到免登录的方法(Windows 版 )

2018-04-25
阅读 2 分钟
9.1k
2.找到 C:Usersxx电脑名AppDataLocalAtlassianSourceTree文件下增加名为accounts.json的文件

真正解决iframe高度自适应问题

2018-04-25
阅读 4 分钟
44.2k
1.前言 解决iframe高度自适应问题有两种方法1.pym2.手动设置iframe的高度 本文主要是总结第二种实现方式,因为第一种pym.js插件我没用懂 如果使用iframe时,遇到以下的需求: iframe的高度始终等于嵌入页面内容的高度,而不是屏幕的高度 右侧不允许出现两个滚动条 iframe的高度自适应不仅仅是指刚加载进来时,也有可能嵌...

深入理解react的setState

2018-04-20
阅读 3 分钟
5.3k
1.组件挂载图 了解生命周期函数的执行顺序 2.生命周期执行顺序 尝试一下 可以看到在组件在组件初始化时,只执行如下三个方法: 在父组件状态改变时,依次执行的生命周期函数是: 我试着分别在这几个生命周期函数中setState了一下,发现在componentWillUpdate、render、componentDidUpdate 中会报错,也就是说在component...

indexOf()在数组和字符串中使用的区别

2018-04-13
阅读 1 分钟
3.3k
参考链接 indexOf()只返回字符串在规定的查找顺序中,首次出现的位置! 1、传参相同 {代码...} 2、返回值类型相同 {代码...} 3.不同 字符串的indexOf在传入参数不是字符串的情况下默认会转换为字符串 {代码...} 而数组的indexOf不会进行数据类的转换 {代码...} 赞链接

CSS布局--圣杯布局和双飞翼布局以及使用Flex实现圣杯布局

2018-03-20
阅读 3 分钟
3.7k
我曾一度觉得总写css的前端很low,有了这种思想以后我便远离网页布局,H5的工作更不想接,沉迷于页面逻辑和封装组件。直到最近我面试,面试官说我css3理解的不熟,我起初很不屑,但后来静下来反省了一下并不是我不熟,只是我开始瞧不上网页制作这种工作了,问我css问题时,我感觉就像是再问一个老粉刷匠这片墙面要从哪里...

搭建babel将es6转es5环境

2018-02-06
阅读 3 分钟
2.9k
babel 6与之前版本的区别:之前版本只要安装一个babel就可以用了,所以之前的版本包含了一大堆的东西,这也导致了下载一堆不必要的东西。但在babel6中,将babel拆分成两个包:babel-cli和babel-core。如果你想要在CLI(终端或REPL)使用babel就下载babel-cli,如果想要在node中使用就下载babel-core。babel 6已结尽可能的...

插件:商品放大镜

2018-01-12
阅读 3 分钟
1.3k
这段代码我哩哩啦啦写了三天多,平时都有活今天忙里偷闲想起之前放大镜这个功能写了一半(我是分两块写的,先是让module就是那个遮罩层能自由的在图片上跟随鼠标走,剩下的就简单了,遮罩层的left、top乘以一个固定系数就是‘放大图片’的left、top)。好了我的思路就是:只需要一张图片,这张图片像素要大一点,先以缩小的...

JS:js操作Cookie实现记住密码功能

2018-01-12
阅读 3 分钟
5.1k
今天主管让我给工单系统填个小功能,就是在上面加一个记住密码。提示了我一句用到cookie就走了,我今天是研究了一天cookie啊,下面有三段操控cookie封装好的函数,能延伸出好多东西 大家看到哪里觉得哪里不扎实 这是个很好的积累机会