Jjiawen

今天遇到一个很有意思的面试题，面试官给我一道题目，要我实现之前它们公司之前写的一个组件。 首先我介绍下这道题，首先我是先想到用flex布局来写头像分布，因为grid布局不能实现头像最后一排不能居中的效

背景 在现代前端开发中，脚手架工具（CLI）在团队项目中扮演着重要角色。我们的团队在项目开发中面临以下挑战： 开发效率低：项目初始化、代码生成和重复性操作耗费了大量时间。 缺乏统一规范：不同成员的代码

最近两周花时间做了两个vscode插件，在这之前我是没什么vscode 插件开发经验的，倒是认识vscode插件大佬，Simon_He，看他做了不少实用高质量的插件。整个过程下来学到了很多东西，

Playwright是一个功能强大的端到端测试框架，它使开发者能够为Web应用编写健壮且可靠的测试。当与Vue.js一起使用时，Playwright可以帮助确保您的应用在不同的浏览器和设备上无缝运行。

跟着著名第三方库vxe-modal的思路，设计出一个自由拖拽缩放，移动的组件。看着很牛逼的功能，只要有思路，实现起来会非常顺畅。

公司生产环境项目中，会有js异常报错情况，为了监控前端代码异常，所以搭建并记录sentry落地过程。 sentry落地内容包括： 注册GeoIP账号 在linux服务器上使用self-hosted搭建

文字超出换行应该是大家项目中高频的css样式了，它也是非常容易出现样式bug的一个地方。 分享一下我工作中遇到的问题。前几天开发代码的时候，突然收到两个测试提的bug：

我们是公司是搞内网安全的，会收集日常电脑操作行为数据。基于前期设置的预警策略，对收集到的数据进行汇总处理分析形成报表。 因此经常要对数据进行分析，会涉及到对多数据字段进行过滤处理。

本文从简单到复杂列出了前端常用的一些代码段。善用这些代码可以让你的代码更高雅，别人更难懂。你就是公司的护城河，你就是前端的顶梁柱。