tree-shaking

个人前端的一些资源整理

1、关于CSRF和XSS的介绍：https://www.cnblogs.com/itsuibi/p/10752868.html2、关于tree-shaking：https://www.cnblogs.com
人鱼之伤·2023-07-13 16:40

关于vue2停止维护，vue3迭代更新的思考：

Vue3是Vue的下一个主要版本，它具有比Vue2更好的性能和更多的功能，包括更快的渲染速度，更好的TypeScript支持，更好的组件化开发体验，更好的Tree-shaking支持等等。
西门吹雪~·2023-07-13 16:04

package.json 中的sideEffects 行为记录

本文不讨论什么是tree-shaking了。（看webpack官网介绍）这里要注意，这个package.json中的sideEffects属性不是npm官方的标准（npm官网没找到）。
JA+·2023-06-21 03:03

vue3.0新特性

vue3.0有哪些新特性vue3.0新特性有：1、性能比vue2.x块1.2～2倍；2、支持tree-shaking；3、引入了CompositionAPI；4、暴露了自定义渲染API；5、新增三个组件
sanly_shi·2023-06-20 09:41

vue3与vue2不同之处

一、性能方面打包体积与内存更小，渲染更快二、源码的升级1、使用proxy代替了defineProperty实现响应式2、重写虚拟dom的实现和Tree-Shaking(减少冗余，打包体积更小。
一只蓝胖子~·2023-06-20 09:09

前端vue面试题

速度更快体积减少更易维护更接近原生更易使用1.1速度更快vue3相比vue2重写了虚拟Dom实现编译模板的优化更高效的组件初始化undate性能提高1.3~2倍SSR速度提高了2~3倍1.2体积更小通过webpack的tree-shaking
伟大先锋·2023-06-19 06:33

Vite教程 安装

vite为何如此快------------ESBuild解析---------ESBuild的特点超快的构建速度不需要缓存支持ES6和commonjs模块化支持Es6的Tree-shaking支持GO，
@小朱呀路·2023-06-18 00:12

Vue3：创建脚手架

Vue3支持tree-shaking，可以进行按需编译，编译后的文件体积比Vue2更小。Vue3提供更先进的功能，teleport、suspense等。
孤安先生·2023-06-16 10:19

对vue3新特性Tree-Shaking进行详细介绍

当谈论Vue3中的Tree-Shaking特性时，需要提到它是通过构建工具和模块导入方式实现的。下面将详细介绍如何在Vue3中使用Tree-Shaking。
猿耳盗铃·2023-06-15 16:35

tree-shaking理解

几句话理解tree-shaking什么是tree-shaking？TreeShaking中文含义是摇树，在webpack中指的是打包时把无用的代码摇掉，以优化打包结果。
大大黄、·2023-06-14 23:47

构建工具 Vite、Webpack、Rollup对比

Webpack介绍热更新方面：webpack支持HMR，但是webpack需要全部重新编译并更新，效率较低tree-shaking：webpack2开始支持且消除效果不好，但是webpack5有更好的tree-shaking
Jeffrey Dean·2023-06-14 17:20

webpack5 和 webpack4 的区别有哪些 ？

此时tree-shaking就可以把没有用的那些东西剔除掉，来减少最终的bundle体积。
Michael18811380328·2023-06-08 01:30

1分钟了解 Tree-shaking

1分钟了解Tree-shaking1.概念2.原理3.对比1.概念Tree-shaking中文译为摇晃之后的树，用在webpack打包中。其功能是移除JavaScript上下文中未引用的代码。
杏子_1024·2023-06-08 01:59

vue 知识储备

vue3的区别模块拆分：vue3采用compnentAPI更注重模块上的拆分，而vue2中则需要使用完整的vuejs，无法使用单独的模块重写API：vue2组件方法挂载到实例中未使用也会被打包，vue3通过tree-shaking
柳晓黑胡椒·2023-04-21 00:41

这次我写了个babel plugin，将小程序体积降低了286k！

就能按这种方式解决），肯定知道我们公司的api项目因为里面有大量enum，导致小程序打包体积接近最大限制2M，大部分原因就是因为enum转js是个IIFE的过程，是有副作用的，这种情况下webpack无法对其tree-shaking
·2023-04-20 11:36

webpack 从零开始配置 Vue 开发环境（基础）

由于本篇文章主要是面向初学者，为了便于理解和学习，本篇文章并不会涉及到与性能优化相关的内容（如tree-shaking、split-chunk等）。基本配置推荐使用yarn代替npm作为包管理工具
Xuuuyx·2023-04-20 06:27

Javascript进阶专题总结（函数、异步编程、设计模式）

函数式编程什么时候用编程方法：函数式(js)，面向对象(java,c++)，命令式函数式（工具式操作）优点：JavaScript种函数是一等公民，便于拆分组合可扩展性好，方便tree-shaking缺点
路人i++·2023-04-20 05:59

vue-vue2和vue3的区别

优化部分新特性1、用CompositionAPI代理OptionsAPI逻辑的独立分离，更好阅读和维护更少的代码量2、体积更小vue2导入的是整个vuejs，而vue3可以按需导入通过webpack的tree-shaking
安静的天空·2023-04-16 05:14

Vue3——一文入门Vue3

Vue3的优势1.性能的提升打包大小减少41%初次渲染快55%，更新渲染快133%内存减少54%…2.源码的升级使用Proxy代替defineProperty实现响应式重写虚拟DOM的实现和Tree-Shaking
搜捕鸟了·2023-04-16 04:30

【vue3笔记】vue3新特性

watch中用到的话，写起来比较分散vue3CompositionAPI（组合式api）比较分明，逻辑可以写成一块，或者封装成hookvue3新特性：重写双向绑定，提升VDOM性能瓶颈，Fragment，Tree-Shaking
花椒和蕊·2023-04-12 16:18

Rollup 实践深度指南

1.Rollup与其他构建工具对比Rollup、Webpack和Parcel是目前流行的构建工具，各有优缺点：Rollup：优秀的Tree-shaking机制，适合构建库。配置简单，插件生态丰富。
小亮同学丶·2023-04-10 19:48

webpack当中的oneOf用法以及tree-shaking

A.oneOf1.oneOf的作用就是当rules在处理一个文件的时候，只需要用他对应的那一个处理规则进行处理，而不是让所有rules都对一个文件进行处理2.注意：不能有两个配置处理同一种类型文件。例如对js文件进行处理的时候，如果在rules当中有两个文件同时对js文件进行处理，那么在rules当中就不能同时存在这两个rules，必须要将一个文件提出来放在oneOf的前面，这样子就可以避免冲突。
向阳菌·2023-04-09 01:21

谈谈vue3组合式api的优势

vue3:compositionAPI组合式我们使用CompositionAPI后，虽然看起来烦琐了一些，但是带来了诸多好处:●所有API都是import引入的用到的功能都import进来，对Tree-shaking
云卷云舒%·2023-04-05 13:20

Vue3特性笔记

的改变1.性能的提升2.打包大小减少41%3.初次渲染快55%,更新渲染快133%4.内存减少54%…2.源码的升级1.使用Proxy代替defineProperty实现响应式2.重写虚拟DOM的实现和Tree-Shaking
特图sama·2023-04-03 17:53

Vue3入门级别笔记-适用于入门

OnePlece（海贼王）2.Vue3带来了什么性能升级打包大小减少41%，初次渲染快55%，更新渲染快133%内存减少45%…源码升级使用Proxy代替defineProperty实现响应式重写虚拟DOM的实现和Tree-Shaking
仙女不下凡·2023-04-03 00:31

vue3学习全部笔记

在2022年2月7日成为新的默认版本性能提升项目打包体积更小初次渲染更快,更新渲染更快需要的运行内存更小使用Proxy代替Object.defineProperty实现数据响应式重写虚拟DOM的实现和Tree-Shaking
金木女友·2023-03-31 12:32

构建工具 Vite、Webpack、Rollup对比

Webpack介绍热更新方面：webpack支持HMR，但是webpack需要全部重新编译并更新，效率较低tree-shaking：webpack2开始支持且消除效果不好，但是webpack5有更好的tree-shaking
十一T_T·2023-03-31 05:23

Vue3的架构方案

好处在于1，更有利于tree-shaking。这也是vue3为什么要改成函数式编程的最大原因。2，函数式编程可扩张性更好。
晓林love·2023-03-31 04:31

Vue2 和 Vue3 的对比

Vue3还引入了Tree-shaking技术，允许在应用程序中仅使
EQ思凡·2023-03-24 18:15

视频讲解Vue 3.0新特性--尤雨溪

VUE3.0新特性介绍·更快新的VirtualDOM实现完全重构初始渲染/更新提速达100%基于Proxy的新数据监听系统，全语言特性的支持+更好的性能·更小便于Tree-shaking的代码结构新的最小核心运行时
grain先森·2023-03-14 18:15

前端性能优化-webpack构建优化

一、webpack的优化配置1、Tree-shaking移除JavaScript上下文中的未引用代码(dead-code)基于ES6importexportpackage.json中配置sideEffects
一代码农1970·2023-03-12 13:11

tree shaking功能及使用原理详细解析

目录前言准备工作生产环境配置tree-shaking开发环境观察tree-shakingtree-shaking的步骤sideEffects副作用commonjs能不能tree-shaking写在最后前言前端在做性能优化的时候
·2023-03-08 21:32

Vue3源码学习之路-设计思想和理念

通过构建工具Tree-shaking机制实现按需引入，减少用户打包后体积。重写APIVue3允许自定义渲染器，扩展能力强，不会发生以前的事情，改写Vue源码改造渲染方
凉秋秋秋·2023-02-27 19:19

Vue 3第一章：vue3介绍

入门指南1.1.安装Vue31.2.创建Vue3应用程序2.Vue3的新特性2.1.CompositionAPI2.2.Teleport2.3.Fragments2.4.全局API重命名2.5.更好的Tree-Shaking
剑九 六千里·2023-02-24 03:06

Tree-Shaking 机制快速掌握

直奔主题Tree-Shaking的本质其实就是消除无用代码也就是deadcode，减小打包后文件，不太清楚deadcode概念的不用担心，下面会讲到。Tree-Shaking是打包构建工具常用的
·2023-02-18 01:53

前端周刊第十二期

如果外链不能访问，关注公众号「前端每周看」，里面有解决办法大事件Webpack原理系列九：Tree-Shaking实现原理——Tree-Shaking是一种基于ESModule规范的DeadCodeElimination
四六十·2023-02-17 08:20

Vue3.0中的变化

）2.Vue3带来了什么1.性能的提升打包大小减少41%初次渲染快55%,更新渲染快133%内存减少54%…2.源码的升级使用Proxy代替defineProperty实现响应式重写虚拟DOM的实现和Tree-Shaking
good法乐·2023-01-18 14:21

字节前端必会vue面试题集锦

速度更快体积减少更易维护更接近原生更易使用1.1速度更快vue3相比vue2重写了虚拟Dom实现编译模板的优化更高效的组件初始化undate性能提高1.3~2倍SSR速度提高了2~3倍1.2体积更小通过webpack的tree-shaking
·2023-01-06 11:02

vue3.0初认识

vue3.0的优化：（1）性能提升打包大小减少41%初次渲染快55%，更新渲染快133%内存减少44%使用proxy代替defineProperty实现响应式重写虚拟DOM的实现Tree-Shaking
猜不透我的想法·2022-12-31 20:08

十分钟上手打包工具 Rollup

ES模块化是由浏览器来支持的，但是rollup可以让你在node环境下提前使用，ES模块化是支持tree-shaking的，可以最大化的减小包体积学前思考为什么使用rollup？
易风有点疯·2022-12-09 13:21

Vue3 开启

Vue3带来了什么1.性能的提升打包大小减少41%初次渲染快55%内存减少54%…2.源码的升级使用proxy代理替代object.defineproperty重写虚拟DOM的实现和Tree-shaking
hcoke·2022-12-05 07:06

2022+vue3快速上手+最新前端开发知识点学习路线

快速上手1.Vue3简介1.性能的提升打包大小减少41%初次渲染快55%,更新渲染快133%内存减少54%…2.源码的升级使用Proxy代替defineProperty实现响应式重写虚拟DOM的实现和Tree-Shaking
研途可达·2022-11-19 10:41

常见面试题：Tree-Shaking 实现原理

一、什么是TreeShakingTree-Shaking是一种基于ESModule规范的DeadCodeElimination技术，它会在运行过程中静态分析模块之间的导入导出，确定ESM模块中哪些导出值未曾其它模块使用，并将其删除，以此实现打包产物的优化。TreeShaking较早前由RichHarris在Rollup中率先实现，Webpack自2.0版本开始接入，至今已经成为一种应用广泛的性能优
frontend_frank·2022-11-11 14:35

【前端工程化】webpack5从零搭建完整的react18+ts开发和打包环境

.配置react模块热替换6.优化构建速度7.优化构建结果文件8.总结全文概览一.前言从2020年10月10日，webpack升级至5版本到现在已经快两年，webpack5版本优化了很多原有的功能比如tree-shaking
前端开发小司机·2022-11-06 21:08

Webpack 5.x 开发 React 组件库

Webpack5发布–升级内容需要node版本v10.13.0以上WebpackV5.15.0实现目标Tree-shaking支持Code-splitting代码分割实现（组件级别的分割）对外输出模块类型
mjzhang1993·2022-11-03 15:54

前端性能优化 - 超全总汇

图片懒加载④图标库采用svg请求内容方面①减少请求内容大小②更改请求方式③防抖节流④利用存储Ⅱ、代码优化①事件委托②减少dom操作③页面结构优化④css优化Ⅲ、框架和打包①SSR服务端渲染②CDN加速③tree-shaking
前端不秃头·2022-10-18 17:24

初识Webpack

WebpackWebpack初体验用Webpack解决什么问题模块化高级特性、开发效率、安全性ES6+、Typescript、sass、less监听文件变化并反映到浏览器上，提高开发效率开发完成后的打包，压缩、合并、tree-shaking
前端LeBron·2022-09-29 16:50

万字总结一文彻底吃透 Webpack 核心原理

时至5.0版本之后，Webpack功能集变得非常庞大，包括：模块打包、代码分割、按需加载、HMR、Tree-shaking、文件监听、sourcemap、ModuleFederation、devServer
落落落落克·2022-09-29 15:01

Webpack 原理系列九：Tree-Shaking 实现原理

一、什么是TreeShakingTree-Shaking是一种基于ESModule规范的DeadCodeElimination技术，它会在运行过程中静态分析模块之间的导入导出，确定ESM模块中哪些导出值未被其它模块使用，并将其删除，以此实现打包产物的优化。TreeShaking较早前由RichHarris在Rollup中率先实现，Webpack自2.0版本开始接入，至今已经成为一种应用广泛的性能优
奇舞周刊·2022-09-29 15:01

[万字总结] 一文吃透 Webpack 核心原理

时至5.0版本之后，Webpack功能集变得非常庞大，包括：模块打包、代码分割、按需加载、HMR、Tree-shaking、文件监听、sourcemap、ModuleFederation、devServer
栖息·2022-09-29 15:14
上一页 1 2 3 4 5 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他