前端开发中遇到这种动态属性

触发迅雷下载

• thunder 协议

前端开发中常见的拖拽排序效果，如何实现更简单可行

• flip 动画

递归函数会存在调用栈益处

形参数量的规则

• length 的属性表达的是函数期望的参数数量

多种方案解决下拉菜单的过渡问题

大厂都在考的前端面试题：可以重试的请求方法

• 属性描述符，是否可被遍历

Objct.defineProperty(Object.protory, "c", {
  value: function () {
    console.log("c");
  },
  writable: true,
  enumerable: false,
  configurable: true,
});

JS 已经支持在类里面创建私有字段

几行 CSS 让你的文字立起来

纯 CSS 实现瀑布流布局的方法

• 存在兼容问题

取整方向不一样

代码优化

text-stroke，秒变描边大师

不支持文字透明，透明是阴影

支持文字透明 -webkit-text-stroke:20px #fff;

reduce

磨砂玻璃效果

滤镜 filter: blur(5px) 通常是当前元素

backdrop-filter: blur(5px) 模糊背后的东西 backdrop-filter: grayscale(1)

避免输入中文拼音时触发 input 事件

inp.addEventListener("compositionstart", function () {
  console.log("start");
});

inp.addEventListener("compositionend", function () {
  console.log("end");
});

最大的并发数

谷歌浏览器最小字号 12 像素

. {
  font-size: 20px;
  transform: scale(0.5); /* 只争对块盒和行块盒有效 */
  transform-origin: left center; /* 缩放位置 */
}

弹幕不挡脸

. {
  -webkit-mask-image: url();
  -webkit-mask-image: linear-gradient(
      to right,
      #000,
      #000 13%,
      transparent 13%,
      transparent 82%,
      #000 82%
    ), url();
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
}

performance

painting