碎_浪

敲黑板： 老规矩，本文所有示例均为手打html示例，可以直接选中示例在控制台调试，欢迎👏 并且建议验证各种想法。手敲不易，如果你觉得收获了新知识，那我在此求个赞～ 当元素的height、width设置为百分比时，分别基于包含它的块级对象的高度、宽度。这个是常规百分比的含义。 …

划重点： 本文所有示例均为手打html示例，可以直接选中示例在控制台调试，方便验证各种想法。手敲不易，如果你觉得示例调试方便，那我在此求个赞～ 外边距重叠就是 margin-collapse。相邻的两个盒子（可能是兄弟关系也可能是祖先关系）的外边距可以结合成一个单独的外边距。 …

该token被设计为紧凑且安全的，特别适用于分布式站点的单点登录（SSO）场景。JWT的声明一般被用来在身份提供者和服务提供者间传递被认证的用户身份信息，以便于从资源服务器获取资源，也可以增加一些额外的其它业务逻辑所必须的声明信息，该token也可直接被用于认证，也可被加密。 …

写前端一年多了，用的都是大佬建好的架子，还没自己从头建个项目，现在开始踩坑。 首先，新建个文件夹basic-react-app。名字不是重点，你高兴就好。 然后，使用git init 初始化仓库，可以考虑先在远端初始化仓库，再拉去到本地。 如果你使用了特殊的命令窗或zsh，应该…

CSS 预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为 CSS 增加了一些编程的特性，将 CSS 作为目标生成文件，然后开发者就只要使用这种语言进行CSS的编码工作。 CSS仅仅是一个标记语言，不可以自定义变量，不可以引用。 没有变量和合理的样式复用机制，使…

大部分人在初步学完css后，对z-index的印象大概处于“z-index就是用来描述定义一个元素在屏幕Z轴上的堆叠顺序”。例如，如果A元素和B元素重叠了，这么说有点枯燥，换个说法， 就是这么差别对待。既然拿上面那一段举栗子，那就代表这种理解有问题，至少是不严谨的。 z-ind…

本篇文章仅整理常用的水平居中、垂直居中及多列等布局，不求全部涉及，只考虑常用并且可以顺手拿来使用。若有其他精妙的方案，欢迎在评论中指出，我会及时补充至文档内。 本文中所有示例均为 html 渲染构成，没有图片及外链demo，所以可以直接选中示例在控制台调试，推荐自己动手试试文章…

目前多端运行的项目越来越多，设计师对于UI的要求也越来越高。 请原谅工具人吧。 在高清屏下，很多设计稿上的参数就不能像web一样直接拿来用了，不管是H5页面还是RN应用，都需要进行下适配。例如，同样是1px，移动端的1px 就会显得很粗。 那么为什么会产生这个问题呢？主要是跟一…

回流与重绘，会影响页面性能，每次这两个都会被同时提及，关系就好像KFC边上一定会有MC一样亲密的让人摸不到头脑。 Display:将像素发送给GPU，展示在页面上。（这一步其实还有很多内容，比如会在GPU将多个合成层合并为同一个层，并展示在页面中。而css3硬件加速的原理则是新…