摘要：
Monaco Editor 使用过的api monaco.languages.getLanguages() 方法，获取 Monaco Editor 中支持的所有语言的信息 editor.setValue(val)：设置内容 editor.getValue()：获取内容 editor.updateOptions({ fontSize: 20 })：修改属性 添加自定义action并使用(通过按钮调用api，如格式化代码，搜索，右键等，通过editor._actions可以获取到所有默认action)// 添加 editor.addAction({ id: "myAction", label: "My Action Label", run: function (editor) { console.log("***自定义action的editor***", editor); }, }); // 使用方法1 editor.getAction("myAction").run().then(() => { alert("'myAction'运行成功"); }); // 使用方法二 edito 阅读全文
摘要：
Axios 访问本地文件 阅读全文
摘要：
官网学习 模板语法 动态绑定多个值 v-bind="obj" <div v-bind="objectOfAttrs"></div> const objectOfAttrs = { id: 'container', class: 'wrapper' } 阅读全文
摘要：
Vue3快速上手(代码实现) Vue3响应数据 vue3计算属性 setup参数 hook使用（混入） watch和watchEffect 生命周期 toRef和toRefs shallowReactive 与 shallowRef 阅读全文
摘要：
Vue3快速上手 1.Vue3简介 2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王） 耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者 github上的tags地址：https://github.com/vuejs/vue-next/releases/tag/v3.0.0 阅读全文
摘要：
基本使用 Webpack 是一个静态资源打包工具。 它会以一个或多个文件作为打包的入口，将我们整个项目所有文件编译组合成一个或多个文件输出出去。 输出的文件就是编译好的文件，就可以在浏览器段运行了。 我们将 Webpack 输出的文件叫做 bundle。 功能介绍 Webpack 本身功能是有限的: 开发模式：仅能编译 JS 中的 ES Module 语法 生产模式：能编译 JS 中的 ES Module 语法，还能压缩 JS 代码 阅读全文
摘要：
自动清空上次打包资源 1. 配置 const path = require("path"); module.exports = { entry: "./src/main.js", output: { path: path.resolve(__dirname, "dist"), filename: "static/js/main.js", clean: true, // 自动将上次打包目录资源清空 }, module: { rules: [ { // 用来匹配 .css 结尾的文件 test: /\.css$/, // use 数组里面 Loader 执行顺序是从右到左 use: ["style-loader", "css-loader"], }, { test: /\.less$/, use: ["style-loader", "css-loader", "less-loader"], }, { test: /\.s[ac]ss$/, use: ["style-loader", "css-loader", "sass-loader"], }, { test: /\.styl$/, us 阅读全文
摘要：
开发模式介绍 开发模式顾名思义就是我们开发代码时使用的模式。 这个模式下我们主要做两件事： 编译代码，使浏览器能识别运行 开发时我们有样式资源、字体图标、图片资源、html 资源等，webpack 默认都不能处理这些资源，所以我们要加载配置来编译这些资源 代码质量检查，树立代码规范 提前检查代码的一些隐患，让代码运行时能更加健壮。 提前检查代码规范和格式，统一团队编码风格，让代码更优雅美观。 阅读全文
摘要：
处理样式资源 本章节我们学习使用 Webpack 如何处理 Css、Less、Sass、Scss、Styl 样式资源 介绍 Webpack 本身是不能识别样式资源的，所以我们需要借助 Loader 来帮助 Webpack 解析样式资源 我们找 Loader 都应该去官方文档中找到对应的 Loader，然后使用 官方文档找不到的话，可以从社区 Github 中搜索查询 Webpack 官方 Loader 文档 阅读全文
摘要：
基本配置 在开始使用 Webpack 之前，我们需要对 Webpack 的配置有一定的认识。 5 大核心概念 entry（入口） 指示 Webpack 从哪个文件开始打包 output（输出） 指示 Webpack 打包完的文件输出到哪里去，如何命名等 loader（加载器） webpack 本身只能处理 js、json 等资源，其他资源需要借助 loader，Webpack 才能解析 阅读全文