升级打怪的小白

分类

git(3) javascript(23) Node.js(6) react(1) vue(5) webpack(6) 未归档(2)

/ 注册

全部文章（共57篇）

Vue源码分析-响应式原理

除了使用递归，还可以使用队列（深度优先转化为广度优先) 一、将属性转化为响应式的 1.首先需要使用Object.defineProperty()函数对每个属性进行get和set的转化 2.由于get和set之间需要一个中间变量来保存真实的值，所以将其封装在define...

响应式原理 vue 双向绑定源码

2020-10-20

0 531

webpack其他配置

一、提取公共代码使用到的插件：webpack-merge 1.安装 npm i webpack-merge -D 2.提取公共代码 1）创建webpack.base.js，将webpack.dev.js和webpack.pro.js中的公共...

提取公共代码 webpack

2020-10-17

0 455

Vue源码分析-数据驱动

一、Vue的执行步骤 1.首先会获得页面的模板，模板中会有 {{}} 这样的变量 2.利用Vue的构造函数中所提供的数据来替换 {{}} 中的变量，得到可以在页面中显示的 ”标签“ 3.将 ”标签”替换之前页面中有 {{}} 的标签 Vue利用提供的数据和模板生成一个新...

数据驱动 vue vue源码科里化

2020-10-14

0 457

宝塔登录问题

由于宝塔登录的安全问题，有时候会出现下面的问题：解决方法：在SSH终端输入下面的命令，会输出外网和内外的登录网址并加了一个8位随机号 sudo /etc/init.d/bt default

登录宝塔

2020-10-12

0 506

finalShell连接阿里服务器

1.下载安装好以后点击类似文件夹的图标，输入一些信息 2.再次输入服务器管理密码可能会提示很多次，这时候要去重置一下阿里云上面服务器的管理密码，然后重新连接就可以了

2020-10-09

0 608

webpack生产环境的优化

一、优化打包构建速度 1.oneOf 使用：在webpack.config.js的module的rules中将一些loader的配置放在oneOf的数组中即可 module: { rules: ...

webpack codeSplit 懒加载预加载优化 treeShaking PWA 生产环境

2020-10-08

0 589

webpack开发环境优化

一、优化打包构建速度 HMR HMR:hot modulle replacement，热模块替换 1.解决的问题修改部分模块代码，只会重新打包修改的模块代码，不会将全部文件重新打包，提高构建速度 2.开启HMR功能在devServe中将hot设置为...

webpack 优化开发环境

2020-10-08

0 614

webpack生产环境配置

一、提取打包后的css文件为单独文件使用的插件：mini-css-extract-plugin 第一步：下载并引入插件 //下载命令 npm i mini-css-extract-plugin //引入插件 const MiniCssExtractPl...

webpack 兼容性压缩

2020-10-08

0 462

webpack开发环境配置

一、创建配置文件 1.配置文件名：webpack.config.js 2.基础配置： let { resolve } = require('path') module.exports = { &nb...

webpack 配置打包样式图片

2020-10-08

0 479

webpack简介

一、webpack webpack是一种前端资源构建工具，也是静态模块打包器，根据模块的依赖关系进行静态分析，打包生成对应的静态资源二、五个核心概念 1.entry 入口文件，有多入口和单入口之分，指示webpack以哪一个文件为入口开始打包，分析构建内部依赖图 ...

webpack

2020-10-08

0 459