NancyJY

react hook是react推出的一种特殊函数。这些函数可以让你在不创建react class的情况下依然可以使用react的一些特性（诸如目前react的钩子函数拥有的所有特性）。 最常用的hook有useState, useEffect, 日常开发使用这两个就足够了。如…

之所以要专门写一篇文章去解释margin重叠，一是因为前面的文章里有提到过，怕有些童鞋不了解；二是要写的内容不是三言两语就能说清楚的。 在讲重叠之前，我们先来了解一下margin这个属性。 一. margin 基础讲解 这个属性呢，太常见，我就大概讲讲，有几点大家注意一下就好。…

若请求的url的协议、域名、端口中的任意一个与当前的url不同，即为跨域请求。 跨域请求使得页面体验更好，但同时也带来了安全隐患。常见的一种网络攻击叫CSRF(Cross-site request forgery)。它的攻击原理大致如下： 基于CSRF等安全隐患，浏览器会限制从…

上篇文章里介绍了如何让user agent（第7条）精准定位合适的图片源，实现响应式开发。在这里，我介绍一下user agent选择图片源的工作原理。 在更新的过程中，图片源集合里只放入第一个<img>的图片源 以及该<img>之前的兄弟节点<source>的图片源，其余的<i…

在手机端，大图高清图加载速度慢，耗流量多，且在像素密度低的设备上加载高清图简直是浪费好吗！再好的高清图也只能显示成劣质图片。。。 水平/竖直分辨率均为96dpi（1dpx=96dpi）的情况下，尺寸为500*444，说明该图片的位图宽度为500，位图高度为444，即在设备分辨率…

说道最后一个了。绝对定位，这家伙在定位界中优先级别最高，但是用起来却并不复杂。 何为绝对定位box? 由position为absolute或fixed的dom元素产生的box，我们称之为绝对定位box。这类box是如何进行绝对定位的？position为absolute或是fix…

作为终结篇，竟然是消灭它。。。 好吧，还是先开始吧。 一. clear属性 说道清除浮动，大家恐怕第一个想到的就是clear属性吧。该属性的官方说明如下： 它指明了block-level box（看第21条）不希望自己的 left/ right / both与前面的float …

3. visible的block box 这种情况就复杂多了。 overflow为visible的block box(看第23条)是不具备建立block formatting context的能力，这就意味着它位于float box后面时本身的位置是不会变化的，但它的子孙box…

接着讲block-level box了。。。 不知道block-level box是如何产生的童鞋，请移驾这里，找第21条。会不会有童鞋疑惑 —— 块状的box竟然也能画圈圈 。。。哈哈哈，本小姐变给你看！ 好！就按你说的来，改短点。 不科学呀，怎么没同行，不同行怎么围。。。怎…