开发过程
懮 俍
没办法,打游戏是不可能打游戏的,只能够打打代码,维持一下生计。生活不易,o(=•ェ•=)m叹息
展开
-
Vue3颜色选择器
最近项目内需要一个颜色选择器,需要Hex8位,所以根据网上资源还有等自己封装了一个颜色选择器组件,以便后续能够使用等。注意,父组件需要传值color,子组件通过@update:color传值。传值需要传RGBA格式。附上HEX转RGBA 以及 RBGA转HEX方法。原创 2023-05-29 15:24:18 · 1017 阅读 · 0 评论 -
Vue3基于 rem 比例缩放方案
本缩放方案置于hooks中即可。于App.vue中引入并调用。会在页面DOM结构最外层增加响应式的font-size属性样式更改。原创 2023-05-29 15:13:55 · 977 阅读 · 0 评论 -
Typescript部分知识点
布尔值是最基础的数据类型,在 TypeScript 中,使用 定义布尔值类型:注意:使用构造函数 创造的对象不是布尔值:事实上 返回的是一个 对象:直接调用 也可以返回一个 类型:有时候我们希望一个接口允许有任意的属性,可以使用如下方式:使用 定义了任意属性取 类型的值。需要注意的是,一旦定义了任意属性,那么确定属性和可选属性的类型都必须是它的类型的子集:上例中,任意属性的值允许是 ,但是可选属性 的值却是 , 不是 的子属性,所以报错了。另外,在报错原创 2022-12-23 11:03:47 · 1104 阅读 · 0 评论 -
vue项目使用element-ui组件上传文件报错 上传报错upload.addEventListener is not a function Mock数据报错
【代码】vue项目使用element-ui组件上传文件报错 上传报错upload.addEventListener is not a function Mock数据报错。原创 2022-09-07 15:05:59 · 1019 阅读 · 2 评论 -
JavaScript封装导航栏按键控制匀速移动组件
看了一下项目内的技术栈以及该效果的实现可能性,选择了用jQuery内的scrollLeft()去完成。根据需求需要做一个左右箭头,去控制nav导航栏进行一个长按移动效果去显示已有的nav标签。JavaScript封装导航栏按键控制匀速移动组件。原创 2022-09-05 10:47:32 · 286 阅读 · 0 评论 -
前端vue3、mock-serve的搭建
模拟服务端接口数据本地环境,一般用在前后端分离后,前端人员可以不依赖API开发,而在本地搭建一个JSON服务,自己产生测试数据。顾名思义,json-server就是个存储json数据的server~。json-server网址。...原创 2022-07-27 11:06:10 · 791 阅读 · 0 评论 -
Echarts 液位仪(水位仪) vue3组件封装
网上找了一下液位仪感觉不符合项目的样式需求,于是自己封装了一个大致效果为如下图所示鼠标悬浮会出现文字提示、如图所示原创 2022-07-27 10:48:03 · 1085 阅读 · 0 评论 -
解决Joi.Validate is not a function问题、使用最新版本joi、验证表单信息无效
在写博客项目时,需要验证客户端上传的表单信息,所以想到了joi。但是页面发送请求后joi没有进行验证,发现是joi版本的问题,joi原先的validate用法更改了不能再用如下的方法方法的新版用法为const schema = Joi.object({ name: Joi.string().min(3).required().error(new Error('invalid name'))});const result = schema.validate(req.body原创 2022-04-06 05:27:30 · 732 阅读 · 0 评论 -
想做个电商管理系统。vue init webpack 报错vue-cli · Failed to download repo vuejs-templates/webpack:
一直报错 vue-cli · Failed to download repo vuejs-templates/webpack: tunneling socket could not be establishe网上尝试了各种方法,最后下面这个方法解决了问题在想要创建的文件夹内git bush here输入以下命令npm config rm proxynpm config rm https-proxyvue init xxxvue init webpack xxx原创 2022-01-13 14:41:05 · 296 阅读 · 0 评论 -
npm ERRcode ERR_INVALID_PROTOCOL Protocol “https:“ not supported. Expected “http:“
node版本太高了,我是v15.0.1降到v12就可以正常下载依赖了。原创 2022-01-13 11:31:21 · 2945 阅读 · 0 评论 -
版本管理器nvm的环境配置和基本使用(详细)
安装地址Releases · coreybutler/nvm-windows · GitHub下载后正常安装需要记住nvm安装路径以及node.js路径nvm是什么? nvm(node.js version management)是一个nodejs的版本管理工具。nvm和n都是node.js版本管理工具,为了解决node.js各种版本存在不兼容现象可以通过它可以安装和切换不同版本的node.js。 环境配置 在安装多版本管理工具nvm前需要卸载node.j...原创 2022-01-12 12:35:52 · 2298 阅读 · 0 评论 -
Threejs中的透明对象、模型的重叠部位显示错误
根据需求,制作了一个平面看板,在外部模型之上,但是某些角度常常出现透明对象的模型重叠后显示错误的问题。在threejs中,使用深度缓冲(Z-Buffer)来完成场景可见性计算,即确定场景哪部分可见,哪部分不可见。深度缓冲(Z-Buffer)是一个二维数组,其中的每一个元素对应屏幕上的一个像素,如果场景中的两个模型在同一个像素生成渲染结果,那么图形处理卡就会比较二者的深度,并且保留距离观察者较近的物体在该像素点的渲染结果,这样就形成了近的模型遮挡远的模型的结果。但是就是因为使用了深度缓冲,当场景.原创 2022-01-07 10:27:00 · 3740 阅读 · 2 评论 -
three.js模型之间出现穿模问题
解决方式:材质添加depthWrite: false原创 2022-01-04 11:34:07 · 2718 阅读 · 1 评论 -
Vue项目中使用three.js外部引入obj模型
公司项目需要往数字孪生等概念,实现模型展示数据,并且模型能交互然后开始了学习three.js的路程,了解基本概念以后,外部引入obj后缀类型模型一直报错,模型加载老是失败。看了很多博客以及官网案例很少有Vue2的案例,最终还是成功引入了模型<template> <div></div></template><script>import * as Three from "three";import OrbitControls原创 2021-12-29 10:26:09 · 2858 阅读 · 3 评论 -
View UI的使用以及时间选择器更改默认结束时间为23:59:59
是一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品。安装:$ npm install view-design --save引入 ViewUI:一般在 webpack 入口页面main.js中如下配置:import Vue from 'vue';import VueRouter from 'vue-router';import App from 'components/app.vue';import Routers from './route..原创 2021-12-21 13:52:40 · 1483 阅读 · 2 评论 -
Yarn安装后,Vue项目中无法使用Yarn命令
1、安装Yarn配置Yarn用npm安装npm install -g yarnyarn config set registry https://registry.npm.taobao.org -gyarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g不出意外的话当你想在项目里启动项目时,你会发现这时1:搜索powershell,以管理员方式运行powershel..原创 2021-12-15 14:03:05 · 1680 阅读 · 0 评论 -
Vue异步处理接口返回数据&&比较对象数组是否相等
开发中遇到了一个问题,数据是接口返回回来才进行赋值,可是数据的逻辑处理在赋值前,这样问题就很大了。js处理异步,因为涉及的方法和接口比较多,于是打算用anync和await来解决问题JSON.stringify(that.oldSourceIdList.sort())===JSON.stringify(checkedSourceList.sort())比较对象数组是否相等JSON.stringify(that.oldSourceIdList.sort())===JSON.string...原创 2021-12-15 14:03:29 · 1359 阅读 · 1 评论 -
sql语句模糊查询以及时间区间筛选
最近做了个接口参数是是查询数据库的项目,恶补了一下sql语句模糊查询(最简单写法%任意%)select * from log where seatname like'%192.168.15.121%'有一个需求是查询数据库开始时间字段在两个时间选择器选定时间区间内的所有数据根据每条数据的创建时间倒叙查询,然后考虑性能(数据库数据过多)我还做了分页查询功能,所以sql语句比较长 sql=`SELECT * FROM log where username like '%${prams}%'原创 2021-12-15 11:23:01 · 2603 阅读 · 0 评论 -
element-ui时间选择器更改标准时间格式为自定义
getDateString(date) { let year = date .getFullYear() .toString() .padStart(4, "0"); let month = (date.getMonth() + 1).toString().padStart(2, "0"); let day = date .getDate() .toString() .pad.原创 2021-12-15 11:16:51 · 583 阅读 · 0 评论 -
Vue——rules动态判定require布尔值及1-255正则表达式
场景复现:有一个输入框的是否必须输入取决于上面控制他显隐的选择框如何动态的影响rules的require呢?最开始我是写到了data中rules:{ deviceName: [ { min: 0, max: 18, message: '设备名称长度不得长于18位', trigger: 'blur'} ], ip:[ { required: true, message: '请输入ip地址', tr..原创 2021-12-15 11:12:11 · 5065 阅读 · 0 评论 -
JSON解析以及深拷贝的简便方法
JSON.parse (JSON.stringify (obj)) 我们一般用来深拷贝,其过程说白了 就是利用 JSON.stringify 将js对象序列化( JSON字符串 ),再使用 JSON.parse 来反序列化 (还原)js对象;序列化的作用是存储 (对象本身存储的只是一个地址映射,如果断电,对象将不复存在,因此需将对象的内容转换成字符串的形式再保存在磁盘上)和传输(例如 如果请求的 Content-Type 是 application/x-www-form-urlencoded ,则前端这边需原创 2021-11-30 11:04:12 · 596 阅读 · 0 评论 -
ER_NOT_SUPPORTED_AUTH_MODE: Client does not support authentication protocol ...以及如何打开MySQL终端。
书接上回,数据库(Mysql)与node.js绑定时出现了问题ER_NOT_SUPPORTED_AUTH_MODE: Client does not support authentication protocol requested by server; consider upgrading MySQL client简而言之,就是Mysql8.0版本之后与登录数据库的客户端不兼容了,8.0密码认证采用了新的密码格式解决方式:打开mysql终端输入:ALTER USER 'root'@原创 2021-11-29 17:24:04 · 1714 阅读 · 3 评论 -
Vue2查询数据库
新到手的一个Vue2项目,只有一个接口,参数是sql语句,因为要加需求,问了前辈得知该项目自测用mock不方便(只能查询),前辈写了一个简单的node本地服务器(前后端不方便联调)var mysql = require('mysql');var express = require('express');var bodyParser = require('body-parser');var app = express();app.use(bodyParser.json());var原创 2021-11-29 17:09:42 · 1482 阅读 · 1 评论 -
Vue3使用element-ui input组件给字体图标绑定点击事件
Vue3使用element-ui input组件给字体图标绑定点击事件原创 2021-11-20 23:34:40 · 5547 阅读 · 3 评论 -
Vue3中的hook
自定义hook函数本质上hook是一个函数,把setup函数中使用的Composition API进行了封装。类似于Vue2中的mixin其使用目的是为了复用代码,让setup中的逻辑更加清楚易懂SighIn.ts/* eslint-disable no-unused-vars */import { ref, Ref } from 'vue';import { getPublicKeyAPI, loginAPI, LoginParam } from '@/api/userMan原创 2021-11-15 13:22:54 · 1600 阅读 · 0 评论 -
水波球在项目中的引用
<template> <div :id="props.elementID" class="w100 h100 charts-wrapper"></div></template><script setup lang="ts">import * as echarts from 'echarts';import 'echarts-liquidfill';import { defineProps, onMounted, PropType .原创 2021-11-12 14:22:28 · 785 阅读 · 0 评论 -
element 中Tooltip 提示组件修改背景颜色 箭头颜色
组件官方文档Tooltip 文字提示 | Element PlusA VitePress sitehttps://element-plus.gitee.io/zh-CN/component/tooltip.html修改自定义类(template) <el-tooltip :content="xxx" placement="bottom" popper-class="test"> <el-col :span="6"> {{ xxx }} </原创 2021-11-12 14:12:04 · 416 阅读 · 0 评论 -
2021-11-10 使用mock的时候出现的问题
使用mock的时候发现的问题'@types/mockjs' should be listed in the project's dependencies, not devDependencies import/no-extraneous-dependencies原创 2021-11-10 10:38:32 · 1608 阅读 · 0 评论