02 2022 档案
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
摘要:知识点总结: 1.ref 被用来给DOM元素或子组件注册引用信息。引用信息会根据父组件的 $refs 对象进行注册。如果在普通的DOM元素上使用,引用信息就是元素; 如果用在子组件上,引用信息就是组件实例 注意:只要想要在Vue中直接操作DOM元素,就必须用ref属性进行注册 2.v-on:clic
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要:配置文件:webpack.config.js 修改位置module.exports = {} // mode 运行的模式,开发development和production生产 开发环境下: 建议把devtiool的值设置eval-source-map 好处:可以精准定位到具体的错误行号 module
阅读全文
摘要://当npm run build 自动打包的时候,将自动生成dist和bands.js //(这里的dist目录是之前配置的,bands.js也配置输出文件名) //所以每次都要手动清除就数据,下面的操作就是配置自动清除旧数据文件 1.先安装 npm install clean-webpack-pl
阅读全文
摘要:高阶js不识别,如:装饰器 1、npm install bael-lader@8.2.2 @babel/plugin-proposal-decorators@7.14.5 @babel/core@7.14.6 -D 2.配置webpack.config.js module:{ rules:[ {te
阅读全文
摘要:1. 编写index.css 样式文件 2. 在index.js 中以ES6的语法引入 import './index.css'; 3.npm run dev 启动时候会报错,需要安装 npm install css-loader@5.2.6 style-loader@2.0.0 -D 4.配置we
阅读全文
摘要:1.<img src='./logo.jpg'> 执行过程:浏览器发起请求获取标签 》随后再次发起请求获取图片的位置 》渲染到页面 2..<img src = 'data:image/jpg;base64,/9j/4a'> 这个执行过程:浏览器发起请求可以直接获取到图片的地址,并渲染到页面 总结:
阅读全文
摘要:1.首先index.js 以ES6的方式引入 import './index.css' 2.安装支持less打包的文件,版本可以参考github的package.json文件说明支持的版本,我这里安装的是 npm install less-loader@7.2.0 less@4.0.0 -D 注意:
阅读全文
摘要:webpack 使用步骤: 1.新建空目录,并且在此文件夹目录运行cmd,并运行npm init -y命令初始化包管理文件package.json 2.新建src源码目录 3.新建src -->index.html 首页和src -->index.js 脚本文件 4.运行npm install jq
阅读全文
摘要:npm run dev 报错总结 [webpack-cli] Unable to load '@webpack-cli/serve' command [webpack-cli] TypeError: options.forEach is not a function at WebpackCLI.ma
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文