03 2021 档案

660 文本修饰标签:strong,em,sup,sub,del,ins
摘要:文本修饰标签 强调 -> 双标签 : <strong></strong>、<em></em> 区别: 1. 写法和展示效果是有区别的,一个加粗、一个斜体 2. strong的强调性更强,em的强调性稍弱。 下标 : <sub></sub> 上标 : <sup></sup> 删除文本 : <del>< 阅读全文

posted @ 2021-03-27 12:03 冲啊! 阅读(267) 评论(0) 推荐(0)

659 html、css导学
该文被密码保护。

posted @ 2021-03-27 10:54 冲啊! 阅读(0) 评论(0) 推荐(0)

657 mu3的使用
该文被密码保护。

posted @ 2021-03-18 18:35 冲啊! 阅读(0) 评论(0) 推荐(0)

656 webpack HTTP压缩:gzip,文件压缩,HTML文件中代码的压缩
该文被密码保护。

posted @ 2021-03-18 18:29 冲啊! 阅读(0) 评论(0) 推荐(0)

655 webpack的Tree Shaking、Scope Hoisting:usedExports,sideEffects,CSS实现Tree Shaking,PurgeCss
摘要:什么是Tree Shaking webpack实现Tree Shaking usedExports sideEffects Webpack中tree shaking的设置 CSS实现Tree Shaking cnpm install purgecss-webpack-plugin -D 配置Purg 阅读全文

posted @ 2021-03-17 20:35 冲啊! 阅读(365) 评论(0) 推荐(0)

654 webpack的Terser、CSS的压缩
摘要:Terser介绍和安装 命令行使用Terser Compress和Mangle的options Terser在webpack中配置 CSS的压缩 index.js import {sum, mul} from "./math"; import _ from "lodash"; console.log 阅读全文

posted @ 2021-03-16 21:10 冲啊! 阅读(865) 评论(0) 推荐(0)

653 webpack中使用CDN、shimming,Hash、ContentHash、ChunkHash
摘要:什么是CDN? 购买CDN服务器 第三方库的CDN服务器 认识shimming【了解】 Shimming预支全局变量 MiniCssExtractPlugin 目录结构 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset= 阅读全文

posted @ 2021-03-16 13:59 冲啊! 阅读(209) 评论(0) 推荐(0)

652 webpack代码分离:多入口起点,入口依赖,SplitChunks,动态导入,代码懒加载,optimization.chunkIds、runtimeChunk,Prefetch和Preload
摘要:认识代码分离 多入口起点 Entry Dependencies(入口依赖) SplitChunks SplitChunks自定义配置 当然,我们可以自定义更多配置,我们来了解几个非常关键的属性: SplitChunks自定义配置解析 SplitChunks自定义配置解析 动态导入(dynamic i 阅读全文

posted @ 2021-03-15 10:54 冲啊! 阅读(600) 评论(0) 推荐(0)

651 webpack环境分离:区分环境,入口文件解析,配置文件的分离
摘要:如何区分开发环境 入口文件解析 配置文件的分离 目录结构 package.json { "name": "webpack_devserver", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "buil 阅读全文

posted @ 2021-03-13 16:48 冲啊! 阅读(129) 评论(0) 推荐(0)

650 webpack 搭建本地服务器:watch,webpack-dev-server,HMR,publicPath、contentBase,hotOnly,host,port、open、compress,Proxy,changeOrigin,resolve解析,extensions、alias
摘要:为什么要搭建本地服务器? Webpack watch webpack-dev-server cnpm install --save-dev webpack-dev-server 注意,脚本是 "serve": "webpack serve" webpack-dev-middleware 【了解】 w 阅读全文

posted @ 2021-03-12 21:27 冲啊! 阅读(274) 评论(0) 推荐(0)

649 webpack 使用eslint:ESLint的文件解析、插件,Prettier,ESLint-Loader,加载Vue文件
摘要:认识ESLint 使用ESLint npm install eslint -D npx eslint --init npx eslint ./src/main.js ESLint的文件解析 VSCode的ESLint插件 VSCode的Prettier插件 ESLint-Loader的使用 cnpm 阅读全文

posted @ 2021-03-10 16:04 冲啊! 阅读(304) 评论(0) 推荐(0)

648 个人的vscode使用技巧插件,浏览器插件
该文被密码保护。

posted @ 2021-03-10 13:04 冲啊! 阅读(708) 评论(0) 推荐(0)

647 webpack中使用 babel、typescript:@babel/core, @babel/preset-env,babel-loader,Babel的配置文件,polyfill,useBuiltIns,corejs,ts-loader
摘要:为什么需要babel? Babel命令行使用 npm install @babel/cli @babel/core 插件的使用 Babel的预设preset cnpm install @babel/preset-env -D Babel的底层原理 babel编译器执行原理 中间产生的代码 babel 阅读全文

posted @ 2021-03-09 18:03 冲啊! 阅读(640) 评论(0) 推荐(0)

646 webpack MKH 原理,source-map
该文被密码保护。

posted @ 2021-03-06 19:46 冲啊! 阅读(2) 评论(0) 推荐(0)

645 webpack常用plugins:clean-webpack-plugin,html-webpack-plugin,webpack.DefinePlugin,copy-webpack-plugin
摘要:认识Plugin CleanWebpackPlugin HtmlWebpackPlugin 生成的index.html分析 自定义HTML模板 自定义模板数据填充 DefinePlugin的介绍 DefinePlugin的使用 CopyWebpackPlugin 目录结构 wk.config.js 阅读全文

posted @ 2021-03-06 11:26 冲啊! 阅读(204) 评论(0) 推荐(0)

643 webpack加载和处理其他资源:file-loader,asset module type,加载字体文件
摘要:案例准备 file-loader 文件的名称规则 设置文件名称 设置文件的存放路径 url-loader url-loader的limit 目录结构 wk.config.js const path = require('path'); module.exports = { entry: "./src 阅读全文

posted @ 2021-03-05 20:51 冲啊! 阅读(228) 评论(0) 推荐(0)

642 简历
该文被密码保护。

posted @ 2021-03-04 17:08 冲啊! 阅读(0) 评论(0) 推荐(0)

641 webpack配置和css处理:默认打包,配置文件,依赖图,css-loader,style-loader,less-loader,browserslist,PostCSS,postcss-loader,autoprefixer,postcss-preset-env
摘要:webpack默认打包 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale 阅读全文

posted @ 2021-03-04 11:16 冲啊! 阅读(933) 评论(0) 推荐(0)

640 Webpack初体验
摘要:前端发展的几个阶段 前端开发的复杂化 前端三个框架的脚手架 Webpack是什么? Webpack官网图片 工作中的webpack 日常工作来说,比如在开发vue、react、angular等项目的过程中我们需要一些特殊的配置:比如给某些目录结构起别名,让我们的项目支持sass、less等预处理器, 阅读全文

posted @ 2021-03-02 21:41 冲啊! 阅读(113) 评论(1) 推荐(0)

导航