bizhong

还记得上周我们团队在招聘前端工程师，一个看起来经验丰富的候选人坐在我对面。 "你们项目中是如何处理按钮重复点击的问题的？"我抛出了这个看似简单的问题。 "这个简单，使用防抖就可以了。"他很快回答

顾名思义，变异方法，即会改变调用了这些方法的原始数组。但由于数组是引用类型，存于栈内存中的地址是不会改变的，改变的是真实的数组值。包括： 即不会改变调用这些方法的数组，而总是返回一个新数组。例如：concat、filter、map、slice 等等。但我们使用非变异方法，可以用…

浮动主要考察为什么清除浮动和如何清除浮动的问题。 浮动场景：通常对于块级元素我们是不设置高度的（天知道以后会不会加内容，另外设置了高度会带来显示问题），块级元素的高度是靠子元素内容撑开的。这时，子元素设置浮动，子元素就会脱离文档流，此时父元素的高度就不能靠子元素内容撑开了，就会…

在这篇文章我会介绍 9 个使你的 CSS 更加简洁优雅的使用技巧。这些技巧小生经常使用，觉得挺高效实用，所以也就有了这篇文章。 正文现在开始。 1. 建议使用 padding 代替 margin 我们在设计稿还原的时候，padding 和 margin 两个是常用的属性，但我们…

... 上面这些问题可能我们在开发中已经知道如何解决，但是问题产生的原理，以及解决方案的原理可能会模糊不清。在解决这些问题的过程中，我们往往会遇到非常多的概念：像素、分辨率、PPI、DPI、DP、DIP、DPR、视口等等，你真的能分清这些概念的意义吗？ 本文将从移动端适配的基础…

结果却不是我们想要的透明边框效果，这是因为 background-clip 的默认值是 border-box，延伸到了边框底下，所以，透明明框的下一层是一层背景。修改 background-clip 的值即可完美实现。 主要用于实现两层边框。 box-shadow: 第四个参数…

一.自适应的椭圆 问题： 我们肯定都注意到过，我们给一个正方形元素添加一个足够大的border-radius（指定大于正方形元素边长一半的半径），就可以使其变成一个圆形(如图1-1.png)。 示例： width: 200px; height: 200px; backgrund…

关于以下内容，我们假设结构层的变更是不允许的。 我们也尽量不去添加额外的HTML,以做到样式层与结构层的分离，如若实在没有其他的可能性，才退而求其次来增加额外的HTML。 制作一个自适应的椭圆是形状篇中最简单的图形了，简直不能再简单了。 众所周知，制作与圆相关的图形，用到的属性…