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 阅读全文
posted @ 2022-02-28 19:08 嘉琦 阅读(32) 评论(0) 推荐(0) 编辑
摘要:知识点总结: 1.ref 被用来给DOM元素或子组件注册引用信息。引用信息会根据父组件的 $refs 对象进行注册。如果在普通的DOM元素上使用,引用信息就是元素; 如果用在子组件上,引用信息就是组件实例 注意:只要想要在Vue中直接操作DOM元素,就必须用ref属性进行注册 2.v-on:clic 阅读全文
posted @ 2022-02-28 18:49 嘉琦 阅读(449) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2022-02-24 16:22 嘉琦 阅读(858) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2022-02-24 16:19 嘉琦 阅读(411) 评论(0) 推荐(0) 编辑
摘要:配置文件:webpack.config.js 修改位置module.exports = {} // mode 运行的模式,开发development和production生产 开发环境下: 建议把devtiool的值设置eval-source-map 好处:可以精准定位到具体的错误行号 module 阅读全文
posted @ 2022-02-11 21:21 嘉琦 阅读(95) 评论(0) 推荐(0) 编辑
摘要://当npm run build 自动打包的时候,将自动生成dist和bands.js //(这里的dist目录是之前配置的,bands.js也配置输出文件名) //所以每次都要手动清除就数据,下面的操作就是配置自动清除旧数据文件 1.先安装 npm install clean-webpack-pl 阅读全文
posted @ 2022-02-11 20:59 嘉琦 阅读(353) 评论(0) 推荐(0) 编辑
摘要:高阶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 阅读全文
posted @ 2022-02-11 15:24 嘉琦 阅读(167) 评论(0) 推荐(0) 编辑
摘要: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 阅读全文
posted @ 2022-02-11 15:18 嘉琦 阅读(105) 评论(0) 推荐(0) 编辑
摘要:1.<img src='./logo.jpg'> 执行过程:浏览器发起请求获取标签 》随后再次发起请求获取图片的位置 》渲染到页面 2..<img src = 'data:image/jpg;base64,/9j/4a'> 这个执行过程:浏览器发起请求可以直接获取到图片的地址,并渲染到页面 总结: 阅读全文
posted @ 2022-02-11 15:10 嘉琦 阅读(1184) 评论(0) 推荐(0) 编辑
摘要:1.首先index.js 以ES6的方式引入 import './index.css' 2.安装支持less打包的文件,版本可以参考github的package.json文件说明支持的版本,我这里安装的是 npm install less-loader@7.2.0 less@4.0.0 -D 注意: 阅读全文
posted @ 2022-02-11 14:45 嘉琦 阅读(346) 评论(0) 推荐(0) 编辑
摘要:webpack 使用步骤: 1.新建空目录,并且在此文件夹目录运行cmd,并运行npm init -y命令初始化包管理文件package.json 2.新建src源码目录 3.新建src -->index.html 首页和src -->index.js 脚本文件 4.运行npm install jq 阅读全文
posted @ 2022-02-10 19:08 嘉琦 阅读(1164) 评论(0) 推荐(0) 编辑
摘要:npm run dev 报错总结 [webpack-cli] Unable to load '@webpack-cli/serve' command [webpack-cli] TypeError: options.forEach is not a function at WebpackCLI.ma 阅读全文
posted @ 2022-02-10 15:09 嘉琦 阅读(1001) 评论(0) 推荐(1) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2022-02-03 22:08 嘉琦 阅读(82) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示