随笔分类 - js技术
摘要：无论做业务需求还是做平台需求的同学，随着需求的不断迭代，通常都会出现逻辑复杂、状态混乱的现象，维护和新增功能的成本也变的十分巨大，苦不堪言。下图用需求、业务代码、测试代码做对比： 图中分了 3 个阶段： 阶段 1：正常，都是线性增长。 阶段 2：需求数正常增长，业务代码行数开始增长，测试代码行数大幅
阅读全文
posted @ 2022-03-13 10:27
axl234
摘要：想要知道 React 的内部运行机制，实际上就是要探索 React 如何将组件映射屏幕，以及组件中的状态发生了变化之后 React 如何将这些「变化」更新到屏幕上。 对于首次渲染，React 的主要工作就是将 React.render 接收到的 VNode 转化 Fiber 树，并根据 Fiber
阅读全文
posted @ 2022-03-08 09:14
axl234
摘要：本文主要介绍 webpack5 项目的打包优化方案 打包优化 速度分析:要进行打包速度的优化，首先我们需要搞明白哪一些流程的在打包执行过程中耗时较长。 这里我们可以借助 speed-measure-webpack-plugin 插件，它分析 webpack 的总打包耗时以及每个 plugin 和 l
阅读全文
摘要：本文主要是讲解 <script setup> 与 TypeScript 的基本使用。 <script setup> 是什么？ <script setup> 是在单文件组件 (SFC) 中使用 composition api 的编译时语法糖。 本文使用vue的 3.2.26 版本 1、发展过程 我们先
阅读全文
摘要：参考实现代码： class MyPromise { // 构造方法 constructor(executor) { // 初始化值 this.initValue(); // 初始化this指向 this.initBind(); try { // 执行传进来的函数 executor(this.reso
阅读全文
摘要：本文介绍几种前端常用的数据mock方案，通过了解自动化mock的方式，减少重复工作，减少真实联调问题 1： 接口管理工具 代表： rap（阿里，已停止维护，使用rap2） swagger moco（参考, 和前端处理mock类似，json假数据+服务） yapi(去哪儿网开发yapi 官网) 优缺点
阅读全文
摘要：pnpm 的优点 它解决了 npm/yarn 平铺 node_modules 带来的依赖项重复的问题 (doppelgangers) 假设存在依赖依赖: . ├── package-a │ └── lodash@4.0.0 ├── package-b │ └── lodash@4.0.0 ├── p
阅读全文
摘要：CRA的脚手架升级后，在项目根目录下增加了一个新的文件 – reportWebVitals.js，内容如下： const reportWebVitals = onPerfEntry => { if (onPerfEntry && onPerfEntry instanceof Function) {
阅读全文
摘要：微前端 微前端的概念来源于微服务，其整体的架构思路是将前端应用分解成一些更小、更简单的能够独立开发、测试、部署的应用，之后将这些应用组成整体，在用户看来仍然是内聚的单个产品，用户体验是一致的。 从概念上看，微前端架构由主应用和子应用两个部分组成，子应用负责具体的业务实现，主应用负责子应用的加载和卸载
阅读全文
摘要：如何 debug 混淆后的 js ？ 生产环境的代码都是被混淆，因为发布环境下不会保存或关联 sourcemap(否则混淆没有任何意义了)，所以日志与报错的堆栈都指向混淆后的代码。开发人员持有 sourcemap 文件，除了有本地解析映射的需求外，有时也存在直接调试外网混淆代码的需求，构建编译后的代
阅读全文
摘要：If we say that time is perhaps the most valuable asset in the modern world, it will not be an overstatement. Moreover, in this ever-evolving digital b
阅读全文
摘要：在很多时候，对于 vue 项目来说，很多刚入门，或者是受业务妥协的朋友大都是从百度 CV 一套看得过去的架子，如常见的 D2Admin ， vue-element-admin ，进行一个二次迭代的开发，其项目本身非常的优质，而在其 template 中去进行一个更改能够使得项目在一开始有一个很好的基
阅读全文
摘要：最早的时候页面是服务端渲染的，也就是 PHP、JSP 那些技术，服务端通过模版引擎填充数据，返回生成的 html，交给浏览器渲染。那时候表单会同步提交，服务端返回结果页面的 html。 后来浏览器有了 ajax 技术，可以异步的请求，服务端返回 xml 或者 json。ajax 最早是基于 xml
阅读全文
摘要：1 前言 首先，站在使用角度，要理解 React Hooks 的特点是 “非常方便的 Connect 一切”，所以无论是数据流、Network，或者是定时器都可以监听，有一点 RXJS 的意味，也就是你可以利用 React Hooks，将 React 组件打造成：任何事物的变化都是输入源，当这些源变
阅读全文
摘要：目前最新的 Electron 正式版本是 13.x.x，这次 Electron 本身提供的新能力比较少，但 Node 升级到了 14.16.0，并且 v8 升级到了 9.1。本文主要介绍electron13版本使用remote模块实现渲染进程读取主进程变量的方法。 Electron13正式禁用了Re
阅读全文
摘要：本文主要讲的是阅读大型的前端开源项目比如 React、Vue、Webpack、Babel 的源码时的一些技巧。目的是让大家在遇到需要阅读源码才能解决的问题时，可以更快的定位到自己想看的代码。 授人以鱼不如授人以渔，希望大家可以通过这篇博客，了解到阅读大型前端项目源码时的切入点。在之后遇到好奇的问题时
阅读全文
posted @ 2021-08-28 15:53
axl234
摘要：Git Submodule 在做不同的项目，但是又都会使用到一些常用的方法组件代码块等等。 作为一个追求优雅的开发人员，肯定不能接受一段代码到处复制粘贴的操作。而且一旦这段代码日后需要更新，到处粘贴的话就需要全局搜索然后含泪修改了。 那么有没有一种办法，能够作为一些公共代码的“栖息地”，可以做到一处
阅读全文
摘要：前言 本文主要分享一下 React Hooks 性能优化可以从哪几个方面入手 Hooks的性能问题 要想解决性能问题，关键在于组件重复渲染的处理。在使用 React Hooks 后，很多人会抱怨渲染次数变多，比如我们会把不同的数据分成多个 state 变量，每个值的变化都会触发一次渲染。 举个🌰
阅读全文
摘要：通常情况下，package.json中的dependencies是像下面这样定义： "mocha": "^3.0.1" 其实npm同时还提供了另外几种方式来指定包的来源：即包名 + 版本号定义的，这种情况下，运行 npm install 时npm会在自己的服务器上搜索该包并下载到本地的node_mo
阅读全文
摘要：背景 因为团队要用fusion design，所以按我的习惯我得先知道他是什么、为什么、能做什么，我才好下手。 开始 先不负责任的下一个结论，fusion design是个撒子？ 答案： 一个平台： fusion.design 两个工具： 开发者工具 Iceworks 设计师工具 FusionCoo
阅读全文
浙公网安备 33010602011771号