摘要：
路由（参数传递） 使用路径匹配的方式 修改路由配置 { path: '/xxx/xxx/:id', component: XXX } 主要是在 path 属性中增加了 :id 这样的占位符，来接受路由参数 例如 /xxx/xxx/66 ID={{$route.params.id}} 源组件 => 源 阅读全文
摘要：
// 封装axios import axios from "axios"; const http = axios.create({ baseURL: "http://localhost:3006/api", timeout: 5000 }) // 请求拦截 http.interceptors.req 阅读全文
摘要：
目前主流的跨域解决方案有两种 1. 后台解决（cors） 2. 前台解决（proxy） // 在 vue.config.js 中添加配置 devServer: { proxy: { '/api': { target: '<url>', changeOrigin: true } } } // 跨域配置 阅读全文
摘要：
在vue-cli中使用scss 安装 node-sass sass-loader，yarn add node-sass sass-loader --dev 在style标签中，添加lang属性，lang="scss" 最后在里面编写scss代码即可 组件样式被scope保护 组件样式被scope保护 阅读全文
摘要：
Pm2 安装与使用 PM2 是一个带有负载均衡功能的 Node 应用进程管理器。 全局安装：yarn global add pm2 查看版本：pm2 -v 启动：pm2 start app.js 还可以通过 pm2 start app.js --name （Appname）在列表Appname起一个 阅读全文
摘要：
css 实现div内显示两行或三行，超出部分用省略号显示 一、div内显示一行，超出部分用省略号显示 white-space: nowrap; overflow: hidden; text-overflow: ellipsis; 二、div内显示两行或三行，超出部分用省略号显示 .line__3 { 阅读全文
摘要：
项目本地预览 能够在本地预览打包后的项目 使用步骤 全局安装本地服务包 npm i -g serve 该包提供了serve命令，用来启动本地服务 在项目根目录中执行命令 serve -s ./build 在build目录中开启服务器 在浏览器中访问：http://localhost:3000/ 预览 阅读全文
摘要：
 阅读全文
摘要：
some和every的区别 相同点：都是数组的方法 不同点：some如果有一项匹配则返回true，every全部匹配才会返回true 阅读全文
摘要：
hooks hooks介绍 概念：一套能够使函数组件更强大，更灵活的钩子 优势：告别难以理解的class、解决业务逻辑难以拆分的问题、方便状态逻辑复用 注意点：hooks和class写法共存、hooks只能在函数组件中使用 useState 作用：为函数组件提供数据状态（state） 语法：cons 阅读全文
摘要：
  阅读全文
摘要：
React 生命周期 常用的分为三个阶段：挂载阶段、更新阶段、渲染阶段 挂载阶段（按顺序执行一次） constructor render （渲染UI） componentDidMount （发送请求） 更新阶段（只要组件更新就会执行） render componentDidUpdate 卸载阶段(组 阅读全文
摘要：
Props 默认值 场景：如果传入就以传入的参数为主，如果不传那就使用默认值 函数组件 通过函数默认参数实现 function Test ({ list, mum = 666 }) { return ( <div> {list.map(item => <p key={item}>{item}</p> 阅读全文
摘要：
Props 校验 概念：在用户传入数据时提供类型校验（常见于组件库） 如何实现：通过 prop-types 官方工具包 组件名.propTypes = { 定义规则 } 阅读全文
摘要：
组件 children属性 概念：组件内部写的内容都会识别为children属性存入props。 支持：文本，标签，jsx，函数 应用场景：render Props 和 高阶函数 阅读全文
摘要：
React 跨组件通信 Context机制 场景：跨组件通信 顶层向任意底层传递数据。 实现 调用 createContxt方法 得到Provider（提供数据）和Consumer（消费数据） 通过Provider包裹顶层组件 value属性绑定数据，如果传递多个数据 那就把value包装成一个对象 阅读全文
摘要：
在React中定义数据的注意事项 如果数据是组件状态需要去影响视图，定义到state中（响应式 状态驱动着视图） 而如果我们需要的数据状态 不和视图绑定（例如定时器编号） 定义成一个普通的实例属性就可以啦（静态） state中尽量保持精简 阅读全文
摘要：
Vuex module的那些事（必须打开命名空间,namespaced: true，否则会抛异常） // 触发module中的state ...mapState("", []) // 方式一 ...mapState({ xxx: state => state.xxx.xxx }) // 触发modu 阅读全文
摘要：
Node.js express 连接数据库 下载包 express 与 mysql yarn add express yarn add mysql const express = require('express'); const mysql = require('mysql'); const ap 阅读全文
摘要：
React基础 React介绍 目标任务: 了解什么是React以及它的特点 React是什么 一个专注于构建用户界面的 JavaScript 库，和vue和angular并称前端三大框架，不夸张的说，react引领了很多新思想，世界范围内是最流行的js前端框架，最近发布了18版本，加入了很多新 阅读全文
摘要：
vue配置启动项目自动打开浏览器 阅读全文
摘要：
vue 过滤器filters报错Failed to resolve filter原因及解决方法 错误代码 // 过滤器 filter: { formatTime(time) { console.log(time) return `${time.getFullYear()}-${time.getMon 阅读全文
摘要：
uuid uuid可以生成一个独一无二的id。 安装uuid yarn add uuid 使用uuid import {v4 as uuid} from "uuid" uuid() // 返回一个唯一值 9c071ed2-6e3e-484a-ac60-dbbdd21d23e5 // 函数封装 获取8 阅读全文
摘要：
格式化配置 安装vsCode prettier插件 修改配置文件 setting.json { "git.enableSmartCommit": true, // 修改注释颜色 "editor.tokenColorCustomizations": { "comments": { "fontStyle 阅读全文
摘要：
React事件处理方法中this指向为undefined的四种解决方案: 1. 定义事件后使用bind绑定this return ( <div> <button onClick={this.clickHander.bind(this)}>Click</button> </div> ) 2. 在构造函 阅读全文
摘要：
如何使用npx创建vue或者react项目 不需要提前安装全局工具包（@vue/cli和create-react-app）的情况下，直接使用npx命令来创建项目 好处： 不需要全局安装包。 每次使用最新的全局工具来创建项目。 缺点： 慢一些 用npx创建vue项目 npx @vue/cli crea 阅读全文
摘要：
WebStrom 关闭ESlint 配置vue.config.js 如果没有自己在根目录创建一个 如果有就进行配置 module.exports = { lintOnSave: false } File ⇒ Langguages & Frameworks ⇒ JavaScript ⇒ Code Qu 阅读全文
摘要：
前端vue项目使用echarts报错解决方案，亲测有效。 踩坑，在vue中使用echart绘制图表的时候报错Error in mounted hook: "TypeError: Cannot read properties of undefined (reading init )"解决办法 存在问题 阅读全文
摘要：
Vue3快速入门 Vue3.0 简介 2020年9月18日，Vue.js 发布3.0版本，代号：One Piece（海贼王） Vue3 带来了什么 性能的提升，源码的升级，拥抱TypeScript，新的特性 Composition API。 新的特性 Composition API（组合API） s 阅读全文
摘要：
在配置服务器时候遇到的坑 导致我加班加班在加班 现在是2022-5-29 04点39分 在服务器安装数据库服务 无法远程连接的问题 比如mysql 3306 mongodb27017 首先是服务器防火墙 一定要开放数据库的端口 例如开放 3306端口 并且 在Linux下也需要开放该服务 mongo 阅读全文
摘要：
vue3项目中数组变化的更新问题 1. 用reactive创建了一个响应式数组，但页面为发生更新 import { ref, watch } from 'vue' let myText = ref(''); let list = reactive(['aaa', 'aab', 'bbb', 'ccc 阅读全文
摘要：
例如项目在 http://127.0.0.1:8080端口下，而接口在 http://127.0.0.1:3000 端口不相同就会产生跨域问题。 在vue.config.js配置代理服务器 与 代理服务器与接口端口一致就解决了跨域。 devServer: { proxy: 'http://local 阅读全文
摘要：
vim是Linux下最常用的文本编译器，在终端输入vim时可能会出现 Connand 'vim' not found, but can be installed with: 这是因为默认的文本编译器是vi, 而没有安装vim的缘故 解决方案 输入 sudo apt-get install vim 安 阅读全文
摘要：
Vuex 1. state 在state中定义的数据，在组件直接使用 import Vue from "vue"; import Vuex from "vuex"; Vue.use(Vuex); export default new Vuex.Store({ // state相当于组件中的data， 阅读全文
摘要：
<van-field v-model="tel" type="text" name="电话" label="电话" placeholder="电话" :rules="[{ required: true, message: '请输入电话' }]" @focus="iptFocus" /> method 阅读全文
摘要：
Promise 有几种状态？ 3种，pending、resolved、rejected Promise 的状态是否可变？ 不可变 Promise 如何解决回调地狱？ then里面可以返回一个Promise，来防止回调地狱。 Promise 有哪些方法？ 他们的应用场景是什么？ promise.all 阅读全文
摘要：
解决方案 sudo -s 然后输入密码 然后在重新全局安装webpack 即可解决-bash:webpack: command not found的问题 阅读全文