![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
一尤花岛树鸣
这个作者很懒,什么都没留下…
展开
-
五种方式实现三栏布局,左右固定中间自适应。
1.浮动2.定位3.flex4.圣杯布局5.双飞翼布局1.浮动:!注意,要把middle放在最后 <style> body { margin: 0; padding: 0; } .container { width: 100%; height: 200px; } .left { width: 300px; height: 200px; background原创 2021-04-27 23:36:30 · 435 阅读 · 0 评论 -
虚拟 DOM
什么是 virtual DOM:React官方的说法:Virtual DOM 是一种编程理念。在这个理念中,UI以一种理想化或者说虚拟化的方式保存在内存 中,并且它是一个相对简单的 JavaScript对象我们可以通过ReactDOM.render让 虚拟DOM 和 真实DOM同步起来,这个过程中叫做协调(Reconciliation);这种编程的方式赋予了React声明式的API:你只需要告诉React希望让UI是什么状态;React来确保DOM和这些状态是匹配的;你不需要直接进行DO原创 2021-04-01 16:25:30 · 102 阅读 · 0 评论 -
React 事件处理函数绑定 this
官网解释:如果你不绑定this,呢么在事件发生并且准确调用这个方法时,会发生this内部丢失指向这不是react原因,而是js中本来就有的,因为类声明和类表达式的主体都执行在严格模式下,严格模式下,this指向unde官网解释:如果你不绑定this,呢么在事件发生并且准确调用这个方法时,会发生this内部丢失指向 这不是react原因,而是js中本来就有的,在严格模式下,callback会失去它的this上下文。在React class组件中,事件的handle 方法给回掉函数的传参,在执行cl原创 2021-03-29 21:24:59 · 124 阅读 · 0 评论 -
var let cost
var 声明提升使用 var 时,下面的代码不会报错。这是因为使用这个关键字声明的变量会自动提升到函数作用域顶部:function foo() { console.log(age); var age = 26; } foo(); // undefined 之所以不会报错,是因为 ECMAScript 运行时把它看成等价于如下代码:`function foo() { var age; console.log(age); age = 26; } foo(); // un原创 2020-10-07 17:18:49 · 929 阅读 · 1 评论 -
difference between JavaScript Engine and JavaScript Run-time Environment
let’s see the difference between JavaScript Engine and JavaScript Run-time Environment.A JavaScript engine is a program that is used to process a given code and convert it into specific commands for execution.A JavaScript Run-time Environment is an envir原创 2020-09-02 16:21:59 · 60 阅读 · 0 评论 -
三元运算符与null
三元运算符与nullconsole.log(jsonData.data.list[0].heal) //返回为nullconsole.log(jsonData.data.list[0].dead) //返回为nullconsole.log(jsonData.data.list[0].heal === jsonData.data.list[0].dead) //返回为truejsonData.data.list[0].heal = null? 0:1;//三元运算符对null 返回falsecons原创 2020-08-18 10:54:31 · 1142 阅读 · 0 评论 -
HTTP获取目的网站的ip地址
Tcp/Ip communication细节案例: 从因特网下载一个包1.进入浏览器网站PC2.DNS 服务器产生一条信息PC中的HTTP客户端尝试生成一条消息,要求从www.website.com请求HTML文件。它需要在生成的消息中提供该消息中的目标IP地址,但没有该IP地址。因此它使用PC的DNS客户端来获取它。DNS客户端向传输层发送一条消息,请求为website.com提供IP地址...原创 2020-07-21 21:53:29 · 1769 阅读 · 0 评论 -
CSS居中布局
CSS居中布局<<body> <div class="wrap"> <div class="content"></div> </div>水平居中1.inline-block + text-align分析:display设置为inline-block的元素,具有文本元素的性质,其父元素可以通过设置文本对齐属性text-align来控制其在行内的对齐方式,text-align: center即为水平对齐原创 2020-07-21 14:52:53 · 78 阅读 · 0 评论