背景 最近接手的BI项目在Jenkins的构建机上构建耗时比较久，日常构建耗时都在 20min 以上，即使改动一行代码也要构建这么久。构建耗时截图如下： 构建耗时较长导致日常测试和正式发版都会浪费很...

识别控制速度在 0.1 秒以内的话，正确率在 99.99999%（因为一直是识别正确哈哈哈）。 在动手之前，先梳理一下大致思路，方便比较独立的同学自己尝试完成代码： 1、先分析网页 DOM 结构，载入验...

说到设计模式，大家想到的就是六大原则，23种模式。这么多模式，并非都要记住，但作为前端开发，对于前端出现率高的设计模式还是有必要了解并掌握的，浅浅掌握9种模式后，整理了这份文章。 六大...

在前几天的一次迭代中，我遇到了这么一个需求，模仿支付宝首页应用中心的编辑功能，支持编辑首页展示的应用，在支付宝应用首页编辑功能中，我注意到一种独特而细致的设计。无论是增加还是移除某...

作为一个资深的切图仔，我们难免会需要用到把自己写的页面的一些功能通过视频的方式分享给别人。还有一个场景，就是当我们面试的时候，我们需要把我们的屏幕分享给面试官看，那么这些都是怎么实...

优化前目录结构 views A.vue B.vue C.vue D.vue ... mixins btnCodeMap.js btnMixins.js 案例介绍 下面 我们以 A页面新增按钮 权限为例,来介绍一下这些文件的作用 A.vue 页面文件 <...

近日，前端开发者 Tero Piirajinen 推出了一个名为 Nue.js 的极简化前端开发工具，并迅速引发社区讨论。Piirajinen 在 Hacker News 上表示，它是 React、Vue、Next.js、Vite、Svelte 和 Astro ...

单点登录是什么？你是怎么理解的？单点登录是如何实现的 普通登录 提到单点登录，首先可以想到传统登录，通过登录页面根据用户名查询用户信息，判断密码是否正确，正确则将用户信息写到session...

规范化是前端工程化的一个重要部分。现在，有许多工具能够辅助我们实行代码的规范化,比如你一定知道的 ESLint 和 Prettier。 今天，来聊聊这些工具的工作原理和基本使用，了解它们是如何发挥作...

如果我想要在网页中放大量的列表项，纯渲染的话，对于浏览器性能将会是个极大的挑战，会造成滚动卡顿，整体体验非常不好，主要有以下问题： 页面等待时间极长，用户体验差 CPU计算能力不够，滑...

突然翻到在之前公司写的抽奖软件（用于公司年会）。觉得挺感慨的，TM的一共30+人，抽15左右，代码还是我写的，就是抽不中我。（真的是，涨了人品，失了智）一、效果效果如下： 二、基础效果 元...

用Vue、Vuex 做俄罗斯方块 本项目灵感来源于 React 版的俄罗斯方块,由于对其实现原理较感兴趣,而且相比于 React 更喜欢 Vue, 于是把 React 版的重构为了 Vue 版的,大致思路是把组件当成一个个函...

在本文中，我们将介绍六个 TypeScript 的高级技巧，每个技巧都有例子展示其如何实现和使用。使用这些技巧，您不仅可以提高您的代码质量，也可以提高您作为一名 TypeScript 程序员的技能水平。 1...

大概一个月前，我发现掘金老是给我推荐Canvas相关的内容，比如很多 小游戏、流程图编辑器、图片编辑器 等等各种各样的项目，不知道是不是因为我某一天点击了相关内容触发了推荐机制，还是因为现...