带你探秘前端森林

在之前的如何设计实现 H5 营销页面搭建系统中，我对前端目前的低代码平台的设计中的一些问题做了一些阐述，但并没有深入到很细节的地方去展开探讨。接下来，我会对其中的一些实现细节通过几篇文章来依次分享。

在营销活动中，通过埋点可以获取用户的喜好及交互习惯，从而优化流程，进一步提升用户体验，提高转化率。 在之前的埋点方案实现中，都是在具体的按钮或者图片被点击或者被曝光时主动通过事件去上报埋点。这种方法在

背景 权限管理是中后台系统中常见的需求之一。之前做过基于 Vue 的后台管理系统权限控制，基本思路就是在一些路由钩子里做权限比对和拦截处理。 最近维护的一个后台系统需要加入权限管理控制，这次技术栈是R

之前对分享功能的实现也知道个七七八八，但一直没有在业务中实现过。今年参与的盲盒类产品正好用到了分享功能，包括： app 分享小程序/h5 到微信好友 app 分享图片到朋友圈 微信 h5 分享链接到好

最近无论是在公司还是自己研究的项目，都一直在搞 H5 页面服务端渲染方面的探索，因此本文来探讨一下服务端渲染的必要性以及其背后的原理。 先来看几个问题 To C 的 H5 为什么适合做 SSR To

背景 之前的几篇文章都是关于之前提到的低代码平台的。 今天就来说一下其中的统计服务：目的主要是为了实现 H5 页面的分渠道统计(其实不仅仅是分渠道统计，核心是想做一个自定义事件统计服务，只是目前有分渠

前两天过生日，媳妇儿带我去迪士尼耍了一下。 可能是疫情加上工作日的原因，园里的人很少很少，这是我第一次去迪士尼，之前听闻迪士尼好多项目都是要排很久很久的队，但是由于人少，这次基本都没怎么排队，感觉有些

开篇，我们先来看一下远古时代的构建部署流程。想必大家对这个都不陌生： 开发将源码经过编译、压缩打包生成打包文件 将打包生成的文件上传服务器 显然这个流程不仅繁琐，而且效率也不高，开发每次发布都要耗费很

在我长期的固有认知中：为了收集和上报网站交互过程中 JavaScript 的报错信息和其它相关数据，我们一般会采用自研或者第三方的SDK，也可以简单理解为埋点。这也是为了方便生产问题的排查，做到可溯源

前言 husky想必大家都不陌生。作为前端工程化中一个不可或缺的的工具，它可以向我们的项目中添加git hooks。同时配合lint-staged可以方便的在代码提交前进行lint。 最近要对一个老项

网易云音乐想必是大家很熟悉的一款 app 了，毕竟大家在深夜都会网抑云。最近在网易云听歌时，发现了一个很有意思的特效：就是切换歌曲时，会根据当前封面替换背景色。作为资深切图仔，我那该死的好奇心😂

近几年，low code、no code、pro code等越来越多的出现在我们的视野中。抱着不被卷的心态 🐶，我决定来深入探索一下。

本文写完带给我更多的是一些思考。从一次分享去发掘其背后庞大的生态体系以及那些我们一直在用却并未深入了解的技术黑盒。

前两天上班，突然小叶给我发消息：哥哥，你看这两段代码是什么意思啊？ 乍一看，感觉这代码既熟悉又陌生。好像在哪里见过，但平时好像又很少用到。 我喝口水，冷静的想了 3s：咦，这个不就是那个位运算符吗？

上篇文章我们已经了解了前端单元测试的背景和基础的jestapi，本篇文章我会先介绍一下Enzyme，然后结合项目中的一个真实组件，来为它编写测试用例。 上一篇中我们其实已经简单介绍了enzyme，但这远远不够，在本篇的组件测试用例编写中，我们有很多地方要用到它，因此这里专门来说…

关于前端单元测试，其实两年前我就已经关注了，但那时候只是简单的知道断言，想着也不是太难的东西，项目中也没有用到，然后就想当然的认为自己就会了。 两年后的今天，部门要对以往的项目补加单元测试。真到了开始着手的时候，却懵了 😂 我以为的我以为却把自己给坑了，我发现自己对于前端单元…

图片懒加载其实已经是一个近乎“烂大街”的词语了，在大大小小的面试中也会被频繁的问到，我在之前的面试中也被问到了图片懒加载的原因、实现方式及底层原理，但由于自己平时很少做“图片”相关的处理，对于“懒加载”也是知之甚少，所以在面试中问答的也不是很好。 今天，我将首先从浏览器底层渲染…

在上一篇哔哩哔哩面试官：你可以手写 Vue2 的响应式原理吗？中，我们已经了解了Vue2中的响应式原理并且动手实现了其核心逻辑。但是Vue2的响应式原理是存在一些缺点的： 而Vue3使用ES6的Proxy特性来解决上面这些问题，本篇文章我将带大家深入了解Vue3的响应式原理并在…

我想大部分同学肯定都是这样回答的：现在社区都有开箱即用的脚手架，像vue-cli、create-react-app这种，我们直接用脚手架来创建项目就可以了啊。 大部分业务场景是相似的，那么对于基础框架结构的诉求（这里包括工具类、接口封装、环境变量配置、eslint 配置、git…

这道题目是面试中相当高频的一道题目了，但凡你简历上有写：“熟练使用Vue并阅读过其部分源码”，那么这道题目十有八九面试官都会去问你。 作为一个前端的MVVM框架，Vue的基本思路和Angular、React并无二致，其核心就在于: 当数据变化时，自动去刷新页面DOM，这使得我们…