- 博客(12)
- 收藏
- 关注
RSS订阅原创 webpack中的tree shaking(树摇)-----移除未使用的代码
引用webpack官网的原文来说：tree shaking 是一个术语，通常用于描述移除 JavaScript 上下文中的未引用代码(dead-code)。它依赖于 ES2015 模块语法的 静态结构 特性，例如 import 和 export。这个术语和概念实际上是由 ES2015 模块打包工具 rollup 普及起来的。我们经常能看到一个模块会导出很多个不同的东西，但是实际项目可能并不会全部引用，举个例子：假设我们有一个工具函数文件utils.js，里面有两个方法，一个是两数相加求和的add。
2022-12-21 21:18:26
1373
原创 webpack的代码分离：入口起点、重复、动态/懒加载、预请求/加载
当一个项目包含多个入口时，比如多页面应用，将代码分离成更小的文件，使得我们更灵活得管理它们的加载，合理情况下减少加载的时间。常用的分离方法有：配置入口起点、防止重复、动态加载、懒加载、预请求和预加载等。
2022-11-29 01:28:06
436
原创 webpack加载css样式 ----css相关loader
webpack 只能理解 JavaScript 和 JSON 文件，这是 webpack 开箱可用的自带能力。loader 让 webpack 能够去处理其他类型的文件，并将它们转换为有效模块，以供应用程序使用，以及被添加到依赖图中。
2022-11-24 23:08:57
488
原创 webpack的几种资源模块
当使用webpack打包除了代码文件外的其他静态资源，如图片、文本等时，可以配置webpack自带的资源模块规则进行对应的打包，替代webpack4时期的loader方式。
2022-11-22 23:14:52
157
原创 【react-native】RN引用图标显示不准确或者方块
图标用的是react-native-vector-icons这个库，按照文档不算太方便的安装完之后尝试了一个图标发现显示的不是应该显示的那个，然后尝试了其它图标发现会出现方块的样子，明显是渲染不出资源了，因为目前RN的资料其实找起来还是不咋多，找到一些以前的回答，可能会让link一下， react-native link ，我这边是不存在link这个命令了，0.70的版本，然后图标文档也表示高版本会自动Link，亏我纠结了这么久的手动Link。不过在检查自动link的配置时发现也没什么问题。
2022-10-12 00:42:08
297
原创 React的生命周期---新版
何为生命周期vue中也有生命周期，就是组件从诞生到销毁所经的一系列过程，被称为生命周期。在这些过程中有着对应的钩子函数，在钩子函数中开发者可以注入代码，使组件在生命周期的相应阶段执行所需的逻辑功能。仅讨论类组件的生命周期，因为函数式组件每次调用都是重新运行函数，立刻销毁旧组件生命周期以16.0.0版本为界限有了比较多的改动，所以以此分为新旧两版生命周期旧版生命周期（React < 16.0.0）示意图如下：1. constructor组件最早调用的生命周期函数，这个阶段可以看成“组件
2021-10-19 16:53:11
190
原创 React中的状态改变(setState)---深入认识setState
一、setState不全是同步的！假设在某个功能中需要连续调用setState改变某个状态，此时我们想的是每次更改都在上一步的基础上进一步更改。然鹅如果这样写（如下代码）是不能实现目的的。import React, { Component } from 'react'export default class Comp extends Component { state = { n: 0 // 将n的初始值设置为0 } handleClick = () =&g
2021-09-16 09:37:55
426
原创 Windows10 wireless AC9560 报错无法启动（代码10）该怎么办?
Windows10 wireless AC9560 报错无法启动（代码10）该怎么办?长按电源键重启就好（大概率但非一定），拒绝花里胡哨，一步到位，亲身经历各种重装绝望，好用的方法往往朴实无华啊[狗头]
2021-07-07 10:35:21
11517
16
原创 前端学习笔记---ES6篇（四）
模板字符串ES6提供了更方便处理字符串的方法保留字符串格式 在ES6之前我们拼接字符串时如果遇到换行啊之类的多行字符串就得使用\n这样的换行标识来进行操作，如果不只是单纯的换行还有一些缩进啊之类的格式，那么就更难编写了，比如：这是一段文字 这里空了两个字 这里也是像这样的如果在js里就得这样写才能输出：const a = '这是一段文字\n 这里空了两个字\n 这里也是 '压根就不能直观地表现你要输出的是什么格式的字符串，只能凭想象去在一行文字内去写多行的字符
2020-07-12 00:20:22
153
原创 前端学习笔记---ES6篇（三）
var、let、const声明变量的区别之前提到了var声明带来的一些不好的地方，ES6的let和const能方便的解决。一、let声明 引入let不仅仅是解决变量声明的问题，还引入了块级作用域的概念，即代码运行遇到花括号自动创建块级作用域，执行过花括号后销毁块级作用域。 解决的变量声明问题：1.全局变量挂载到全局对象问题 let声明的变量不会挂载到全局对象上，也就是说上一篇所说的var alert = 'a';window.alert('这是弹窗')//这一句报错这种情况，在
2020-07-07 01:17:57
111
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人