React技术揭秘 发表于 2022-06-24 | 分类于 前端框架 React技术解密Tags: 前端源码创建时间: April 18, 2022评星: ⭐️⭐️⭐️⭐️⭐️ React技术揭秘 通过手写一个玩具react带你了解整个react流程原理_哔哩哔哩_bilibili React 哲学 - React 问题列表: 老的react架构,新的react架构 ... 阅读全文 »
微前端(qiankun)解决方案 发表于 2022-06-24 | 分类于 前端架构 手写 qiankun 微前端框架手写 qiankun 微前端框架_哔哩哔哩_bilibili why微前端?为什么要使用微前端架构?多人协同开发,解决巨石应用。 把庞大应用分块处理,划分为多个子应用,子应用技术栈无关,独立部署。多个子应用聚合在一起,看起来就是一个完整的应用,用户无感知。 在开发层面 ... 阅读全文 »
微前端(qiankun)解决方案 发表于 2022-06-24 | 分类于 前端架构 前端微前端封面: %E5%89%8D%E7%AB%AF%E5%BE%AE%E5%89%8D%E7%AB%AF%20f04f5f55f68147ea928b27ea14443c0d/v2-2efaa89ac52b38913bdcc0f3603c8e58_1440w.jpeg简介: 微前端方案,qian ... 阅读全文 »
Vue模板是如何编译的? 发表于 2022-06-14 | 分类于 前端框架 Vue模板是如何编译的?Tags: 编译关键词: 如何得到 render function创建时间: May 31, 2022 123new Vue({ render: h => h(App)}) 调用render方法会得到传入的模板(.vue文件)对应的虚拟 DOM,re ... 阅读全文 »
Typescript类型体操 发表于 2022-06-14 | 分类于 Typescript ts类型体操Column: March 30, 2022 10:36 AMStatus: YesTags: ts Easy 实现Pick 12345678910111213141516171819202122/* **从类型 T 中选择出属性 K,构造成一个新的类型,***///======== ... 阅读全文 »
React Hooks 核心原理与实战 发表于 2022-06-14 | 分类于 前端框架 React Hooks 核心原理与实战Tags: 前端源码创建时间: May 24, 2022评星: ⭐️⭐️⭐️⭐️⭐️ 03|内置 Hooks(1):如何保存组件状态和使用生命周期?useState原则state 中永远不要保存可以通过计算得到的值。 React Hooks 四种执行时机use ... 阅读全文 »
esbuild-loader加快打包速度 发表于 2022-06-14 | 分类于 前端工程化 添加esbuild-loader加快打包速度Tags: 工程化, 构建优化创建时间: January 14, 2022评星: ⭐️⭐️⭐️⭐️ https://github.com/privatenumber/esbuild-loader unused-webpack-plugin 如何使用 spl ... 阅读全文 »
关于Browserlist浏览器支持范围 发表于 2022-06-14 | 分类于 浏览器 关于Browserlist浏览器支持范围Tags: 工程化创建时间: January 11, 2022评星: ⭐️⭐️⭐️⭐️ 查看浏览器内核版本:https://liulanmi.com/labs/core.html 什麼是 Browserlist?設定 Autoprefixer、Styleli ... 阅读全文 »
前端性能监控 发表于 2022-06-14 | 分类于 前端工程化 前端性能监控封面: %E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD%E7%9B%91%E6%8E%A7%2085db83fd863b462d9386a935991bd7d5/Untitled%207.png简介: 前端性能监控原理、落地方案 性能监控阿里前端专家star老师 ... 阅读全文 »
前端性能优化总结 发表于 2022-06-14 | 分类于 前端工程化 前端性能优化总结 性能优化的指标和工具 渲染优化 资源压缩与合并 构建优化 传输加载优化 性能优化的指标和工具Created: April 24, 2022 6:07 PM 性能指标,多块才算快性能指标和优化目标 【加载瀑布图】谷歌调试工具 NetWord,Waterfall;TTFB,http请 ... 阅读全文 »