- 博客(52)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 Error: [vuex] do not mutate vuex store state outside mutation handlers.
Error: [vuex] do not mutate vuex store state outside mutation handlers.
2022-08-23 13:02:17
1660
原创 vue3使用Echarts以及问题处理
echarts使用；echarts中图例以及tooltip过多、x轴文本过长处理；路由切换再回来Echart图表消失问题；监听父元素chartbox的宽 自适应echarts的resize
2022-06-24 11:26:13
1170
原创 vue3+elemeng-plus表单resetFields的使用
<template> <div> <el-form ref="formlabelref" :model="formlabel" > <el-form-item label="Name" prop="name"> <!-- xxx --> </el-form-item>
2022-03-08 11:10:45
1844
原创 js平铺对象转化树形数据
问题描述{ 'A': 1, 'B.A': 2, 'B.B': 3, 'CC.D.E': 4, 'CC.D.F': 5};--------------转换成---------------------- { 'A': 1, 'B': { 'A': 2, 'B': 3 }, 'CC': { 'D': { 'E': 4, 'F': 5 } } }实现代码l
2022-02-22 14:58:44
796
原创 vue搭建路由报错 TypeError: Object(...) is not a function
vue搭建路由报错 TypeError: Object(…) is not a functionvue-routerpackage.json文件中查看版本号过高，将vue-router版本降低npm i vue-router@3.2.0就不会报错了
2022-02-18 17:07:44
1928
2
原创 Vue3 reactive响应式赋值页面不渲染问题
问题描述：//声明变量let data = reactive([])http().then(res=>{ data = res.data console.log(data)})//data数据更新，页面没有渲染解决方法：1、依旧是reactive，可以在外面包一层//声明let state = reactive({ data:[]})//赋值state.data= res.data2、改为ref赋值//声明let data = ref([])//
2022-02-17 11:58:55
18642
13
原创 element-ui中@selection-change执行两次
element-ui中的table里@selection-change执行了两次<template> <div> <div> <el-input clearable placeholder="搜索..." prefix-icon="el-icon-search" v-model="serarchText"></el-input> </div> <el-table border stripe
2022-02-14 11:11:25
6488
6
原创 圈地运动-组成面积大于0多边形
题目描述：圈地运动，就是用很多木棍摆在地上组成一个面积大于0的多边形～小明喜欢圈地运动，于是他需要去小红店里面买一些木棍，期望圈出一块地来。小红想挑战一下小明，所以给小明设置了一些障碍。障碍分别是：1.如果小明要买第i块木棍的话，他就必须把前i-1块木棍都买下来。2.买了的木棍都必须用在圈地运动中。那么请问小明最少买多少根木棍，才能使得木棍围成的图形是个面积大于0多边形呢？输入描述：第一行一个数n，表示木棍个数。 第二行n个数，第i个数表示第i个木棍的长度ai 1<=n<=10000 1&.
2022-01-20 15:36:06
651
转载 element框架的teble表格的数据展示由横向转纵向
<template> <div class="m50"> <el-table border style="margin-top: 50px;" :data="originData"> <el-table-column label="题型" property="type" align="center"> </el-table-column> <el
2022-01-14 18:56:49
2935
原创 分赃最优策略
题目来自于：https://www.acmcoder.com/#/practice/code**题目描述：**分金币小明和n个人发现了一个宝藏，里面有m个宝石。为了分赃。大家决定采用一种方式分赃，分赃的方式如下：1）每个人由抽签决定了自己的号码（1,2,3…n+1）。2）由n+1号提出分配方案，然后大家表决，当且仅当超过半数的人同意时（包括他自己），按照他的方案进行分配，否则这个人将被杀死。3）n+1号死后，由n号接替n+1号对剩下的人提出分配方案，类似2步骤。以此类推。大家都有如下的几个性格.
2022-01-10 17:10:40
957
原创 打字按键次数
题目描述：小明很喜欢打字，今天小红给了小明一个字符串。这个字符串只包含大写和小写字母。 我们知道，按下CapsLock键，可以切换大小写模式。我们在小写模式时候，同时按下shift+字母键，就能写出大写字母。在大写模式的时候，按下shift+字母键，就能写出小写字母。现在问题来了，给你一个字符串，问你最少使用多少个按键，就可以写出这个字符串呢？注意，按shift和字母键，算两次按键。开始时均为小写状态。输入描述：数据一个字符串s，s的长度小于等于100。仅包含大小写字母。输出描述：对于每组数据，输出.
2022-01-05 16:43:30
2739
原创 vue3+nodejs基于RSA加密的身份认证（token的组成及使用）
vue3+nodejs基于RSA加密的身份认证nodejs学习1、express & nodejs & mysql 新建项目 2、nodejs尝试登陆接口3、nodejs的前端项目搭建以及登陆接口开发4、前端上传图片formdata格式,后端接口处理5、vue+nodejs双表联动6、nodejs插件knex & 日志打印7、vue3+nodejs基于RSA加密的身份认证前端代码地址(不完全功能)后端代码地址(不完全功能)一、NodeJs中1、Toke
2021-12-27 15:03:53
2272
原创 nodejs插件knex & 日志打印
knex npm install -save knex引入，封装const {dbconfig} = require('../config/index');const knex = require('knex')({ client: 'mysql', connection: dbconfig, log: { error (message) { console.log('[knex error]', message)
2021-12-18 11:27:28
2805
原创 vue+nodejs获取多个表数据
nodejs学习1、express & nodejs & mysql 新建项目 2、nodejs尝试登陆接口3、nodejs的前端项目搭建以及登陆接口开发4、前端上传图片formdata格式,后端接口处理5、双表联动前端代码地址(不完全功能)后端代码地址(不完全功能)读取两个表的数据将用户及图像联系在一起效果前端实现修改关联的时候，前端向后端传入array[number]，后端存为字符串这时在前端获取数据时，需要循环处理为数字数组<templa
2021-12-16 14:31:59
1519
原创 vue3上传图片，以及nodejs接口处理
效果上传以及获取列表删除1、前端实现<template> <div> <el-form :model="state.ruleForm" label-width="120px" class="demo-ruleForm"> <el-form-item label="pic kinds" prop="kinds"> <el-input v-model="s
2021-12-14 15:15:45
2435
原创 nodejs的前端项目搭建以及登陆接口开发
第一篇、express & nodejs & mysql 新建项目 第二篇、nodejs新增接口1、vue3前端vue3项目搭建==>axios配置封装报错uncaught TypeError: Cannot set properties of undefined (setting ‘baseURL’)更改axios版本2、 nodejs配置跨域npm install cors --savevar cors = require("cors");app.use(
2021-12-09 17:25:05
1307
原创 vue3+elemeng-plus表单校验及resetFields使用
vue3+element-plus表单验证与登录<template> <div> <el-form label-width="100px" ref="formlabelref" :rules="rules" :model="formlabel" style="width: 60%;margin:0 auto"
2021-12-09 17:13:30
4363
2
原创 TypeScript 错误property does not exist on type Object
TypeScript 错误property does not exist on type Object这是因为Typescript在执行代码检查时在该对象没有定义相应属性，解决方法：1、将对象类型设置为any2、通过字符方式获取对象属性…报错property does not exist on type Objectfunction foo(obj:object) { console.log(obj.name); }1、将对象类型设置为any解决function foo(ob
2021-12-08 15:13:24
7617
原创 nodejs新增登陆注册接口
上一篇 ===> express & nodejs & mysql 1、路由框架生成的文件内，路由的使用，也就是前端调用的接口路径index.js内的render是页面的渲染，jade文件编写的前端页面，在views中，感兴趣可以=====>进一步了解 2、写一个get方法的登陆接口试一下npm start 启动项目，通过路由来模拟get方法，操作数据库路由不生效，重启尝试，多次操作数据库，一次生效，其余报错=>在操作完数据库后，不要 connection
2021-12-07 16:50:34
1544
原创 express & nodejs & mysql
1、express创建Node服务端项目安装expressnpm install express -g安装快速应用生成器npm install express-generator -gcd进入你项目所要放置的文件夹,创建Node服务端:express 项目名称express nodeServercd项目文件夹，安装依赖、启动项目cd nodeServernpm installnpm start2、安装数据库&可视化及其使用数据库建新表1
2021-12-07 10:40:26
600
转载 vue项目报错：Module build failed (from ./node_modules/vue-loader/index.js)
运行项目报错Module build failed (from ./node_modules/vue-loader/index.js):TypeError: Cannot read properties of undefined (reading ‘vue’)Module build failed (from ./node_modules/vue-loader/index.js):TypeError: Cannot read properties of undefined (reading 'vue
2021-12-03 16:49:12
13300
1
原创 mac & navicat & mysql
Mac安装mysqlmac mysql 未能载入偏好设置面板“MySQL”点击系统偏好设置内mysql时，现实未能载入，是因为版本太高不兼容，更换低版本即可（如：8.0.15）MySQL for Mac 安装教程到社区下载安装包mac连接mysql出现Access denied for user ‘root’@‘localhost’ (using password: YES)sudo /usr/local/mysql/bin/mysql -u root -p
2021-12-02 17:13:48
597
原创 vue3安装ts
安装tsnpm install typescriptts基本语法https://www.runoob.com/typescript/ts-variables.htmlvscode插件推荐https://blog.csdn.net/weixin_39689394/article/details/112187960vscode 插件 Parser JSDoc—>神奇的注释-jsdocrouter、vuex等插件 (使用) ----->npm i vue-rou
2021-12-01 15:02:50
3039
原创 vue3+vite创建项目+扫雷
1、vite 创建vue3项目(没有router、axios、vuex等插件，需自行安装)npm install -g create-vite-appcreate-vite-app xxxcd xxxnpm installnpm run dev2、router、vuex等插件 (使用) ----->npm i vue-router@4.0.0-beta.4 -Snpm i vuex@4.0.0-beta.4 -S3、Vue和Vue-template-compiler(@v
2021-11-24 15:05:34
1447
原创 vue杂货铺
dom&bom摘要：DOM 是为了操作文档出现的 API，document 是其的一个对象；BOM 是为了操作浏览器出现的 API，window 是其的一个对象。BOM是浏览器对象模型，DOM是文档对象模型，前者是对浏览器本身进行操作，而后者是对浏览器（可看成容器）内的内容进行操作BOM包含了DOM(对象)，浏览器提供出来给予访问的是BOM对象，从BOM对象再访问到DOM对象，从而js可以操作浏览器以及浏览器读取到的文档。从window.document已然可以看出，DOM的最根本的对
2021-11-16 16:22:28
919
原创 vue3中json编辑器
vue3的第三方插件 实现json编辑器安装依赖npm i vue3-ace-editor引入 import {reactive,defineComponent} from 'vue' import {VAceEditor} from 'vue3-ace-editor'; import "ace-builds/webpack-resolver"; import 'ace-builds/src-noconflict/mode-json'; import 'ace-build
2021-11-12 14:16:30
6923
8
原创 echarts关系图改造+color自定义
echats节点设置不同颜色this.$nextTick(()=>{ var chartDom = document.getElementById('echartshow'); var myChart = echarts.init(chartDom); var option; option = { tooltip: {}, animationDurationUpdate: 1500, animationEasingUpdate: 'quinticInOut',
2021-11-11 11:29:54
2388
原创 递归判断对象属性是否有值
递归判断对象属性值是否为空面对一个复杂的对象，在最后处理数据校验非空的时候，可以使用以下方法let data={ attr1:'abc', attr2:'def', attr3:[ { attr4:'abc', attr5:'def', },{ attr6:'abc', attr7:'', } ], attr8:{ attr9:'abc', attr10:'', }}function judg
2021-11-10 18:44:03
1115
原创 防抖&节流
防抖debounce，去抖动。策略是当事件被触发时，设定一个周期延迟执行动作，若期间又被触发，则重新设定周期，直到周期结束，执行动作。 防抖策略分前缘和延迟两种。延迟debounce（连续点击的最后一次开始计时后执行动作，之前的每一次都在重新设置定时器）前缘debounce（先执行动作，在周期时间内点击重新设置定时器，定时器结束后重复以上）<body> <input id="debounce" style="width: 400px;height: 30px;f
2021-09-17 10:14:08
339
空空如也
怎么在table一行下添加一行文字描述
2023-02-25
页面子组件keepAlive未生效
2022-10-22
把vue前端和nodejs后端以及数据库部署到服务器，要怎么做，
2022-02-08
js算法题，搭积木是否能拼接成一个整体？需要提供一个解题思路，3q
2022-01-17
TA创建的收藏夹 TA关注的收藏夹
TA关注的人