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