2021年10月27日

typescript学习---面向对象

摘要：第二章：面向对象面向对象是程序中一个非常重要的思想，它被很多同学理解成了一个比较难，比较深奥的问题，其实不然。面向对象很简单，简而言之就是程序之中所有的操作都需要通过对象来完成。举例来说：操作浏览器要使用window对象操作网页要使用document对象操作控制台要使用console对象阅读全文

posted @ 2021-10-27 14:32 leiyanting 阅读(37) 评论(0) 推荐(0) 编辑

2021年10月26日

typeScript学习---基础知识

摘要：第一章快速入门 0、TypeScript简介 TypeScript是JavaScript的超集。它对JS进行了扩展，向JS中引入了类型的概念，并添加了许多新的特性。 TS代码需要通过编译器编译为JS，然后再交由JS解析器执行。 TS完全兼容JS，换言之，任何的JS代码都可以直接当成JS使用。相阅读全文

posted @ 2021-10-26 07:41 leiyanting 阅读(47) 评论(0) 推荐(0) 编辑

2021年10月25日

webpack学习---优化--单独打包第三方库

摘要：单独打包第三方库需要npm下载 add-asset-html-webpack-plugin 引入webpack(不需要下载),引入add-asset-html-webpack-plugin(需要下载) 使用dll技术，对某些库（第三方库：jquery、react、vue...）进行单独打包当你运阅读全文

posted @ 2021-10-25 08:23 leiyanting 阅读(581) 评论(0) 推荐(0) 编辑

webpack学习---优化--拒绝打包

摘要：拒绝打包,但是这样拒绝打包后(cdn链接方式引入)必须要在index.html中引入 const { resolve } = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); module.expor 阅读全文

posted @ 2021-10-25 08:20 leiyanting 阅读(41) 评论(0) 推荐(0) 编辑

webpack学习---优化--多线程打包js(多用于babel中)

摘要：多线程打包js,多用于babel中,可以加快打包速度 npm下载 thread-loader const { resolve } = require('path'); const MiniCssExtractPlugin = require('mini-css-extract-plugin'); c 阅读全文

posted @ 2021-10-25 08:18 leiyanting 阅读(156) 评论(0) 推荐(0) 编辑

webpack学习---优化--PWA渐进式网络开发应用程序(离线可访问技术)

摘要： PWA: 渐进式网络开发应用程序(离线可访问技术) npm下载workbox-webpack-plugin 1. eslint不认识 window、navigator全局变量解决：需要修改package.json中eslintConfig配置 "env": { "browser": true // 阅读全文

posted @ 2021-10-25 08:16 leiyanting 阅读(51) 评论(0) 推荐(0) 编辑

webpack学习---优化--js懒加载/预加载

摘要： js文件懒加载,在js中声明懒加载 console.log('index.js文件被加载了~'); // import { mul } from './test'; document.getElementById('btn').onclick = function () { // 懒加载~：当文件需阅读全文

posted @ 2021-10-25 08:14 leiyanting 阅读(116) 评论(0) 推荐(0) 编辑

webpack学习---优化-- js文件拆分(将合并的一个js分割成多个,并行加载)

摘要： js文件拆分,将打包后多个js合并的一个js分割成多个,并行加载 1. 多入口模式和splitChunks配合,可以将js拆分成多个,并且可以将node_modules中代码单独打包,公共的文件打包成单独一个chunk 2. 单入口模式和splitChunks配合,可以将node_modules中代阅读全文

posted @ 2021-10-25 08:12 leiyanting 阅读(2086) 评论(0) 推荐(0) 编辑

webpack学习---优化-- babel缓存(让第二次打包构建速度更快)

摘要： babel(解决js兼容性问题) cacheDirectory: true缓存让第二次打包构建速度更快缓存： babel缓存 cacheDirectory: true --> 让第二次打包构建速度更快文件资源缓存 hash: 每次wepack构建时会生成一个唯一的hash值。问题: 因为js和阅读全文

posted @ 2021-10-25 08:10 leiyanting 阅读(250) 评论(0) 推荐(0) 编辑

webpack学习---优化--oneOf(oneOf 以下loader只会匹配一个,不会一个文件被多个loader解析,加快编译速度)

摘要： oneOf 以下loader只会匹配一个不能有两个配置处理同一种类型文件 const { resolve } = require('path'); const MiniCssExtractPlugin = require('mini-css-extract-plugin'); const Opti 阅读全文

posted @ 2021-10-25 08:07 leiyanting 阅读(139) 评论(0) 推荐(0) 编辑

导航

2021年10月27日

2021年10月26日

2021年10月25日