Vue学习过程
懮 俍
没办法,打游戏是不可能打游戏的,只能够打打代码,维持一下生计。生活不易,o(=•ェ•=)m叹息
展开
-
Vue3颜色选择器
最近项目内需要一个颜色选择器,需要Hex8位,所以根据网上资源还有等自己封装了一个颜色选择器组件,以便后续能够使用等。注意,父组件需要传值color,子组件通过@update:color传值。传值需要传RGBA格式。附上HEX转RGBA 以及 RBGA转HEX方法。原创 2023-05-29 15:24:18 · 1017 阅读 · 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 评论 -
This is probably not a problem with npm. There is likely additional logging 报错
网上方法查了很多、很多重复且无效找到了成功的代码npm install --save-dev webpack-dev-server成功运行注:可以npm start chrome指定打开的浏览器原创 2022-03-05 01:11:36 · 1101 阅读 · 0 评论 -
跟Vue2项目的一些随笔 电商前台项目
node_modules文件夹:项目依赖文件夹public文件夹:一般放置一些静态资源(图片),需要注意,放在public文件夹中的静态资源,webpack进行打包的时候,会原封不动的打包到dist文件夹内src文件夹(程序员源代码文件夹): assets文件夹:一般也是放置静态资源(一般放置多个组件共用的静态资源),需要注意,放置在asserts文件夹里面的静态资源在webpack打包的时候,webpack会把静态资源当作一个模块,打包到js文件里面 components文件夹:一般放置的是非..原创 2022-02-28 14:13:34 · 1005 阅读 · 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 评论 -
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 评论 -
ES6 函数参数的默认值
ES6新特性——给函数赋初始值function add(a,b,c=10) { return a+b+c;}let result = add(1,2);console.log(result); // 13配合解构赋值使用function connect({name='aaa',age,sex}) { console.log(name); console.log(age); console.log(sex);}connect({ name:'原创 2021-11-25 22:54:37 · 268 阅读 · 1 评论 -
Vue3速览
#Vue3快速上手<imgsrc="https://user-images.githubusercontent.com/499550/93624428-53932780-f9ae-11ea-8d16-af949e16a09f.png"style="width:200px"/>##1.Vue3简介-2020年9月18日,Vue.js发布3.0版本,代号:OnePiece(海贼王)-耗时2年多、[2600+次提交](https://github.com...原创 2021-11-25 22:25:57 · 274 阅读 · 2 评论