xinxin本尊

自动化工作流 eg: 以sass为例 安装sass模块yarn add sass - D 通过npm script设置sass要编译的文件 安装bowser-async模块...

执行yarn init创建package.json文件 假设cli的名称为my-react-cli 安装 yeoman 安装yeoman generator 通过yo ge...

背景 电商类sass产品需要有以下几个特性 需要支持seo 不同品类客户要求都不一样，很难针对每个客户做特定开发。 如何解决以上两点 对于上面的第一个特性。解决基本的seo...

软件工程中，我们不仅要创建一致的定义良好的 API，同时也要考虑可重用性。 组件不仅能够支持当前的数据类型，同时也能支持未来的数据类型，这在创建大型系统时为你提供了十分灵活...

背景 当前项目使用的vite作为打包工具，因此就使用了vite-plugin-sentry插件上传sourcemap。且在本地开发时可以上传sourcemap到sentry...

sentry 升级 因为在sentry的22.10.0的版本中存在告警无法被错误事件trigger的bug，（上报的错误和告警关联不起来，导致告警无法触发）。因此需要更换s...

基于axios的请求封装 功能点 - 带有缓存功能 - 连续点击，能防止重复请求 - 能支持请求失败后的重试次数 - 声明式的调用方式...

【Vite 实践】Vite 库模式能满足你吗？或许你需要统一构建，简单的配置，支持 bunlde 构建、文件夹构建、生成 TypeScript 声明文件（Vue、Svelt...

一：安装vscode工程脚手架 因为vscode插件开发的脚手架是基于 Yeoman开发的 执行下面命令行进行安装 npm install -g yo generator-...

背景 webpack在大包构建时会依据自生的依赖分析进行拆包，但是在低代码平台和位前端架构中，很多时候需要我们基于当前的业务场景来动态引入需要的组建。 方案一 基于业务的需...

现在我们都是通过组件的方式来开发前端页面，在浏览器里面，组件渲染时会通过 dom api 对 dom 做增删改来显示相应的内容。但在服务端并没有 dom api，我们可以把...

```js function genertorToAsync (fn) { return function () { return new Promise((resolve...

nodejs的特点，我们首先会想到，非阻塞异步io。 第一：怎样实现非阻塞的呢？ 通过我们所熟知的“事件循环（event loop）”。 第二：怎么实现异步io的呢？ 第一...

题目： 题目分析 gen能调用next方法，且返回了value和done 说明foo执行后返回了一个对象 第一步：foo执行后返回的对象起码有next方法。 第二部：每次执...

题目一： js是怎么执行的？ 就是一个调用栈的过程，执行js的时候进行入栈和出栈的过程，栈底始终是全局执行上下文（window或global）； 那每一个执行上下文中有哪些...

问题 1:浏览器渲染合成层和css层叠上下文的关系？渲染合成层（composite）是如何进行性能优化的？ 2:BFC和css层叠上下文有很多重叠的特性，两者有关系吗？浏览...

```js var threeSum = function(nums) { const resArr = []; const length = nums.length //...

service worker的工作机制 1.首先需要加载和安装sw.js 在onload之后触发是为了页面加载而做的性能优化，因为serviceWorker也需要使用到cp...

commonjs加载模块的核心逻辑 第一步：路径分析 第二步：缓存优化 第三步：文件定位 第四步：编译执行 commonjs加载的基本过程...

前端内存问题 内存使用的不合理，直接的表现就是我们的网页卡顿。那内存出现的问题可以分为哪几类呢？ 1：频繁的触发gc 2：程序申请的内存太大，形成内存膨胀 3：内存存在泄漏...