是晕晕晕撒

利用正则表达式，我们还是可以搞定很多需求的，但这样真的能包含所有情况么？有的同事是真的喜欢回车。 这种情况下，如果面对更复杂的需求或者严谨的场景，要么我们编写更复杂的正则表达式，要么我们就不得不去硬肝 AST 操作了。 这需要大家对 AST 结构比较熟悉，在编写的时候需要对着解…

CSS 中，transition 属性用于指定为一个或多个 CSS 属性添加过渡效果。 最为常见的用法，也就是给元素添加一个 transition，让其某个属性从状态 A 变化到状态 B 时，不再是非常直接突兀，而是带有一个补间动画。 当然，除了上述基本的用法，其实 CSS t…

经常看一些 LOL 比赛直播的小伙伴，肯定都知道，在一些弹幕网站（Bilibili、虎牙）中，当人物与弹幕出现在一起的时候，弹幕会“巧妙”的躲到人物的下面，看着非常的智能。 其实，这里是运用了 CSS 中的 MASK 属性实现的。 之前在多篇文章都提到了 mask，比较详细的一…

我的毕设项目是为学院编写一个在线 SQL 考试系统，目标是支撑 300 人同时进行在线 SQL 编程考试，全栈开发。身为前端，我毫不犹豫选择 Node 作为系统后台——告别庞大的 Java，全方位拥抱灵活的 JS，我对项目前景充满信心。项目进展顺利，很快业务完工，到达了最终测试…

本篇文章致力于小白也能懂的虚拟滚动实现原理，一步一步深入比较以及优化实现方案，内容浅显易懂，但篇幅可能较长。 如果你只想了解实现思路，那么可以直接看图或者跳到文章最后。 话不多说，直接开始好吧。 想像一下，当你有10万数据需要展示的时候，咋办呢？我们来试一下将它全部加载出来。 …

聊下来以后得出一些结论：这类读者普遍就职于中小型公司，前端人员个位数，平时疲于开发，团队内部几乎没有基础建设，工具很蛮荒。工程化对于这些读者来说很陌生，基本不知道这到底是什么，或者说认为 Webpack 就是前端工程化的全部了。 笔者目前就职于某厂的基础架构组，为百来号前端提供…

前几天北京公布一例确诊病例 —— 一位居住于顺义的34岁男子。伴随公告的，还有其最近一段时间的完整活动轨迹： 宅在家里是为了玩么？不，他的业余时间都用于复习考研。坊间传闻是清华大学 最终在考研前3天被公司安排去宁波出差。在出差前由于考研初试要求做了核酸检测，并最终确诊。 当前的…

一. Vue 批量注册全局组件 二. Vue 主路由优化 总结：该方法的好处在于，降低大型项目的路由复杂度，对路由进行分区管理，便于维护和迭代。 以上路由虽然添加了权限码，但是并没有做静态路由和动态路由的区分，如果项目需要进行权限判断时，只需要对分区路由文件进行区分，比如静态路…

浏览器里右键时会有一个默认的菜单，在我的开源项目中正好有自定义右键菜单的需求，在npm库找了下与之相关的包，发现都是以组件形式实现的，感觉那种做法太过繁琐。 于是，我就想着能不能像vue的内置指令那样，绑定到元素上，在这个元素上右键就能出现右键菜单，这样做就方便很多了。 看了下…