PieDi

通过多种css属性（box-shadow、conic-gradient等），手写一个大转盘抽奖效果，可拿走即用，注意代码中的宽高的数值

深入研究学习 Vue2、Vue3 中重写数组方法的原因，谈谈对于两个不同重写方式的看法.......

基于 clip-path: polygon(x y, x2 y2, x3 y3); 实现碎片化图像的效果。

读者自行尝试可以想看源码戳这，博主在github建了个库，欢迎star.读者可以Clone下来本地尝试。此博文配合源码体验更棒哦~~~ 输出：n个数的排列:a1',a2',a3',...,an'，使得a1'<=a2'<=a3'<=...<=an'。 再讲的形象点就是排排坐，调座…

一种是页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替换，只需要局部刷新页面上发生变化的模块，同时可以保留当前的页面状态，比如复选框的选中状态、输入框的输入等。…

移动互联网时代,用户对于网页的打开速度要求越来越高。百度用户体验部研究表明,页面放弃率和页面的打开时间关系如下图 所示。 根据百度用户体验部的研究结果来看,普通用户期望且能够接受的页面加载时间在 3 秒以内。若页面的加载时间过慢,用户就会失去耐心而选择离开。 首屏作为直面用户的…

作为前端开发者，写烦了页面布局，给自己找点乐子，开发一个自己的谷歌浏览器插件。谷歌浏览器插件通常由HTML、CSS和JavaScript组成，非常利于前端开发。插件，可以为用户提供定制化的体验。

面试官灵魂三连问：你用过webpack么，它的原理是什么？ 你还知道些构建工具，各有什么优缺点？ 你在项目中有配置过么，在哪些场景配置过？

产品期望在后台发布帖子时，需要添加 **@用户** 的功能，以便用户收到通知，例如“xxx在xxx提及了您！”。然而，现有的开源库未能满足我们的需求,例如 ant-design的Mentions组件.