- 博客(6)
- 收藏
- 关注
原创 setState总结
StateReact 组件中的数据可以来源于使用者,也可以组件自身维护。使用者传递的数据就是组件的属性 (props),而组件自身维护的数据就是组件的状态(state)。React 中的哲学:数据属于谁,谁才有权力更改。对于使用者传递过来的 props,组件自然是没有权利更改的;对于 state,组件自己自行维护,所以组件自然是有权利更改的。在表现上,state 和 props 一样都是一个对象,但是 state 仅在类组件中有效。setState由于 React 无法监测到组件状态的变化,这也
2020-11-14 14:10:20 162
原创 HTTPS 简析
HTTP 的缺点http 协议是明文传输数据的,不够安全,在传输的途中完全可以被捕获篡改或者盗取信息。比如:浏览器想向服务器发送登陆的数据(账号密码),在传输的过程中由于使用的是 http 协议,怀有恶意的人就可以获取到数据的内容并篡改。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4TcFFhBs-1601230120609)(https://imgkr2.cn-bj.ufileos.com/a1c5aeef-371a-4d38-8266-46ff1d79819f.p
2020-09-28 02:09:07 159
原创 浏览器的事件循环
什么是事件循环JavaScript 有一个特点就是异步单线程,异步就是同时干不同的事,单线程就是只有一个线程可以做事,而 js 实现这一点就是通过事件循环来实现,本文只讨论浏览器端的事件循环,暂不涉及 Node 的事件循环。前置知识在具体了解事件循环之前,我们先了解一些必要的内容,帮助我们更好的理解事件循环。执行栈(call stack)函数调用栈,一个数据结构,用于存放各种函数的执行环境,每一个函数执行之前,它的相关信息会加入到执行栈。函数调用之前,创建执行环境,然后加入到执行栈;函数调用之后,
2020-09-25 21:45:02 147
原创 关于 Promise
什么是 Promise我们都知道 JavaScript 是一门单线程异步的语言,实现异步我们传统的方式是使用回调函数和事件,但是随着前端的发展,该模式面临着两个问题:回调地狱:某个异步操作需要等待之前的异步操作完成,无论用回调还是事件,都会陷入不断的嵌套异步之间的联系:某个异步操作要等待多个异步操作的结果,对这种联系的处理,会让代码的复杂度剧增Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件,更合理和更强大。它由社区最早提出和实现,ES6 将其写进了语言标准,统一了用
2020-09-19 23:49:21 94
原创 Vue中的样式穿透
关于Vue中的样式穿透前段时间,写一个轮播图组件的时候遇到了一个样式不生效的问题,通过样式穿透解决了,记录一下。对于vue文件中的 <style> 标签,加上 scoped 属性,它的css样式只能用于当前的组件,它的原理的是通过使用 PostCSS 来实现转换scoped 转换规则组件的根元素、组件自身的后代元素、子组件的根元素都会加上该组件特定的 data-v-x 属性。css样式中,最后一个选择器会被添加上 data-v-xxx 属性选择器/* Father.vue */
2020-09-12 15:15:29 879
原创 层叠的规则是什么,属性值的计算过程又是怎样的
层叠的规则是什么,属性值的计算过程又是怎样的什么是层叠重要性优先级(特殊性)继承属性值的计算过程什么是层叠当我们用 CSS 给一个元素通过不同的方法添加了相同的属性时,那么浏览器该怎么渲染这个元素的样式呢,这就是层叠要做的事重要性使用了 !important 的的属性的重要性 > 普通样式 > 浏览器默认样式优先级(特殊性)优先级就是分配给指定的 CSS 声明的一个权重,它由 匹配的选择器中的每一种选择器类型的数值决定。选择符的优先级由选择符本身的组成部分决定,一个优先级由四部
2020-07-30 00:33:06 197
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人