Potato_土豆

Webpack启动流程 入口执行文件 平常我们配置webpack指令的时候都会在 package.json如下图: 相当于执行 npx webpack命令，其根本就是找到 ...

Terser Terser是一个JavaScript的解释（Parser）、Mangler（绞肉机）/Compressor（压缩机）的工具集；早期我们会使用 uglify-...

环境分离 第一种方案添加两个配置文件，然后添加两个 build指令分别指向两个配置文件如下图显示 第二种方案是使用相同的入口配置文件但是需要在后面配置参数来区分生产环境还是...

初识Babel以及Babel作用 通俗点说 Babel其实就是一个转换工具，可以帮助我们语法转换、源代码转换、Polyfill实现目标缓解缺少的功能等；就是让一些代码中含有...

初识source-map 一般我们打包发到服务器的代码都是被压缩丑化之后的，有些项目配置了一下浏览器兼容的插件之后，会将es6的代码转换成 es5,这样我们在开发调试的时候...

准备工作 两个文件，分别使用 CommonJS和ES Module导出方法如下图： 初识mode 应为说到模块化原理需要用到 mode属性所以这里简单认识一下 mode 三...

初识Plugin CleanWebpackPlugin 如果没有安装任何插件的情况下如果我们执行 build指令必须手动删除上一次打包的资源，如果不删除上一次打包的资源文件...

在 webpack5之前加载资源文件一般会是用 file-loader、url-loader、raw-loader等，但是在webpack5之后可以直接使用资源模块类型（a...

Webpack核心概念 Entry（入口): 入口文件配置。指示 webpack 应该使用哪个模块，来作为构建其内部依赖图的开始。进入入口起点后，webpack 会找出有哪...

前端发展史 早期阶段 早期前端只负责写静态页面，纯粹的展示功能，js也就是简单的做一些表单的验证，特效渲染等 现阶段的Web 前端可以管理数据以及和用户互动。由于用户交互、...

确认场景中哪些对象需要被渲染，一个object只要在符合特定的规则才会被渲染。例如，当处于相机的视锥体内的对象可以被渲染，而超出（不在视锥体内）的部分则被剔除（Culled...

界面优化无非就是解决卡顿问，优化界面流畅度，以下就通过先分析卡顿的原因，然后再介绍具体的优化方案，来分析如何做界面优化 界面渲染流程 具体流程可以参考图片渲染初探这里就大概...

准备工作 RunLoop源码下载地址 RunLoop 概念 RunLoop 简介 RunLoop其实就是一种事务处理的循环，是事件接受、分发的机制的实现，用来不停的调度工作...

强引用分析 示例代码 强引用出现的情况及原因分析 先在B页面创建一个timer,然后从A页面push到B此时timer开始执行然后再pop回到A页面，部分人可能会觉得此时t...

什么是内存管理 不同系统版本对App运行时占用的内存限制不同。当程序所占用的内存较多时，系统就会发出内存警告，这时就得回收一些不需要再使用的内存空间。比如回收一些不需要使用...

App的启动过程 App的启动一般是指从用户点击App开始到AppDelegate的didFinishLaunching方法执行完成为止,一般又将启动分为冷启动和热启动。 ...

LLVM概述 LLVM是构架编译器(compiler)的框架系统，以C++编写而成，用于优化以任意程序语言编写的程序的编译时间(compile-time)、链接时间(lin...