weixin_48802343的博客

原创 python写脚本的时候获取设备，没有端口（COM3）

首先一次打开，控制面板👉管理工具👉计算机管理👉设备管理👉端口(COM和LPT)。随后点击下一步就可以了（注意需要重启之后才显示）再点击添加过时硬件，然后下一步下一步下一步。有上面的提示你八成也是没有端口这个东西的。可以用一下代码 测试端口是不是存在。如果提示一下说明没有端口👇。点击端口点击下一步随后点击。

原创 vue-print-nb ,element-ui =＞ table打印不全不说原理直接上代码

* 表格内容边框 *//* 表格边框 */

原创 vue-＞jessibuca播放器使用

把这三个复制到你自己的public里面去。找到components下面的。这个是一定要加的否则会报错。后缀有v3，v2也可以使用。复制到你自己的项目里面。在看public里面的。再去public里面。

原创 重新封装element ui 大图查看（无需点击图片，点击按钮也可，超简单）

现在你项目中的components中定义一个叫 《vue名.vue》在你任意的文件夹下创建一个js文件。在mian.js中引入这个js。在你想要引入的页面加上。

转载 先存起来说不定以后又用———vue动态引入

vue动态引入

原创 解决el-form表单验证深度问题，v-for循环后表单验证

表单验证问题

原创 vue电子签名（也可不基于vue开发使用（原生html））（只适用于移动端）

直接上代码（）<template> <div class="signSoard"> <div class="signatureBox"> <div class="canvasBox" ref="canvasHW"> <canvas ref="canvasF" @touchstart='touchStart' @touchmove='touchMove' @touchend='touchEnd'></c

原创 基于@zxing/library 扫码（健康码）（微信好友） （vue项目）

vue项目扫码业务

原创 用webAPI实现图片放大镜的效果

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器加粗样式你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何

原创 远程连接mysql时报错：Access denied for user ‘root‘@‘localhost‘ (using password: YES)解决办法记录一下

使用远程连接数据库是它会报个错误Access denied for user ‘root’@‘localhost’ (using password: YES)在linux系统中输入首先进入mysqlmysql> mysql -u root -p输入密码后进入mysqlmysql>grant ALL on . to root@’%’ identified by ‘123’;表示所有的都可以登录密码是123#说明：用户名：root密码：123主机范围：（可以指定）127.0.0

转载 使用node上传到腾讯云对象存储cos---转载

虽然是2017年发布的，但今天依然很好用感谢作者原作者地址遇到的小坑：MulterError: Unexpected field at wrappedFileFilter (C:\Users\Administrator\Desktop\node服务\node_modules\multer\index.js:40:19) at Busboy.<anonymous> (C:\Users\Administrator\Desktop\node服务\node_modules\mult

原创 服务器下载node 并用pm2管理，以及node+express跨域解决

node：官网地址默认你已经写好了接口配置好了nginx把项目部署到服务器上我的服务器是：CentOS安装脚本： #准备 yum install -y wget #下载安装 wget https://nodejs.org/dist/v16.13.1/node-v16.13.1-linux-x64.tar.xz mkdir -p /usr/local/nodejs tar -Jxvf node-v16.13.1-linux-x64.tar.xz -C /usr/local/nodejs/

原创 分享一下刚学会的，阿里矢量图在线引入的方法

第一步：去官网下载自己想要的矢量图第二步：把矢量图添加到项目中第三步：生成在线链接得到这么一串：//at.alicdn.com/t/font_2554789_if9k02wroz.css第四步：创建一个css文件第五步：在css文件中通过import引入：@import url(//at.alicdn.com/t/font_2554789_if9k02wroz.css);第六步：在自己想用的界面引入通过：<span class="iconfont icon-VIP">

原创 自学mongodb，从安装到调用到启动

下载安装：官网地址安装的过程中记住自己安装的位置一般都是在复制文件路径鼠标右键->高级系统设置->环境变量->用户变量->Path->编辑->新增->吧你文件路径粘贴上去比如我的:C:\Program Files\MongoDB\Server\5.0\bin命令行敲入：mongod启动数据库命令大概是这样的mongodb的端口号默认为：27017mongodb的几个操作：db：查看当前操作的是哪个数据库show dbs：查看数据库列表use

原创 服务器linux配置nginx

Nginx(“engine x”)是一款是由俄罗斯的程序设计师Igor Sysoev所开发高性能的 Web和 反向代理 服务器，也是一个 IMAP/POP3/SMTP 代理服务器。在高连接并发的情况下，Nginx是Apache服务器不错的替代品Nginx安装第一步：安装编译工具及库文件yum -y install make zlib zlib-devel gcc-c++ libtool openssl openssl-devel第二步：首先要安装 PCRE1，下载 PCRE 安装包，下载地址

原创 node，使用express创建服务器流程

1安装并引入expressyarn add expressconst express = require("express")2,创建服务器const app = express()3,创建请求方式（GET ,POST,PUT,DELETE等请请求方式）app.get('/',(req,res)=>{ res.setHeader("content-type","text/html;charset=utf-8")//设置请求头 console.log(req.que

转载 windows修改开机页面

转载地址

原创 微信小程序echart数据可视化应用

第一步：先去githup上面下载地址可以把刚下载下来的代码在微信开发者工具中跑起来具体就不说了项目下载下来之后吧ec-canvas拷贝到自己的目录尽量与pages同级在pages的index下的index.jsimport * as echarts from '../../ec-canvas/echarts';const app = getApp();function initChart(canvas, width, height, dpr) { const chart = ec

原创 GIT不需要提交代码的.gitignore文件夹,仓库管理

在根目录创建.gitignore文件，创建完成后会显示git图标在.gitignore文件中直接跟上目录就行如：/index

原创 微信小程序自定义tabbar

官方配置文档在pages.json目录里面和pages同级创建“tabBar”:{}"tabBar":{ "list":[ { "pagePath":"" //目录 "text": "" // 标题 "iconPath":"", //未选中图标 "selectedIconPath":"" // 选中图标 }, { "pagePath":"" //目录 "text": "" // 标题 "iconPath":

原创 uni-app小程序分包设置

首先在根目录下创建新的文件夹假设包名：subpkg同时在根目录下的pages.json和“pages”:[ ]同级下创建"subPackages" : [ ]"subPackages" : [{ "root" :"subpkg" //当前包所在的根目录 "pages" : [{ //这个参数表示分包内拥有的界面 "path":"" //路径 }] }]在subpkg文件夹上面右键选择新建页面选择主包还是分包选择后pages.jsonsubPacjages的pages会自动配

原创 小程序配置网络请求

由于平台的限制，小程序项目中不支持 axios，而且原生的 wx.request() API 功能较为简单，不支持拦截器等全局定制的功能。因此，建议在 uni-app 项目中使用@escook/request-miniprogram 第三方包发起网络数据请求。官方地址...

原创 HB相关设置，变得更好看

打开HBuilder在上边点击 工具—设置-----源码视图{ "editor.colorScheme": "Default", "editor.fontSize": 12, "editor.fontFamily": "Consolas", "editor.fontFmyCHS": "微软雅黑 Light", "editor.insertSpaces": true, "editor.lineHeight": "1.5", "editor.minimap.enabled": f

原创 小程序的通信，vantweapp模块安装,以及自定义组件，slot插槽，监听observers

小程序通信：父传子通信：在pages/index/index.json里面有个usingComponents{ "usingComponents": { "组件的名字":"子组件的位置"// 例如../../components/com03/com03 }}记住：com03后面没有.什么在 .wxml里面引入 //需要传入的名字 ，记得加引号<组件的名字 count=" {{数据}} "></组件的名字>com03.json里面 //接

转载 vue复制input框里面的内容

methods: { copyShaneUrl(shareLink){ var input = document.createElement("input"); // 直接构建input input.value = shareLink; // 设置内容 document.body.appendChild(input); // 添加临时实例 input.select(); // 选择实例内容 do

原创 vscode相关插件设置

原创 vue自定义指令（图片加载不出来，使用默认图片）

官网解释全局自定义指令v-什么的都是指令应用场景：vue框架内置的指令系统无法满足我们业务需求// 注册Vue.directive('my-directive', { bind: function () {}, inserted: function () {}, update: function () {}, componentUpdated: function () {}, unbind: function () {}})my-directive:这个是名称第二个是个函

原创 头像生成二维码

安装插件：npm install qrcode -S需要Canvas画布：QrCode.toCanvas(dom, info)// dom为一个canvas的dom对象， info为转化二维码的信息 dom：是一个Canvas的dom对象可通过：在canvas身上加ref属性获取canvas,info:传入什么就吧什么生成二维码，这里传入的是图片所以扫出来的二维码是图片的地址例如： <el-dialog title="头像二维码" :visi

原创 关于腾讯云上传图片的相关使用

腾讯云配置相关地址cos.putObject({ Bucket: 'examplebucket-1250000000', /* 必须 */ Region: 'COS_REGION', /* 存储桶所在地域，必须字段 */ Key: 'exampleobject', /* 必须 */ StorageClass: 'STANDARD', Body: fileObject, // 上传文件对象 onProgress: function(pro

原创 进入公司后如何把平铺数据转换为树形数据

上才艺首先我们需要一组顺序结构的数组: let list = [ { id:1, pid:null }, { id:2, pid:1 }, { id:3, pid:2 }, { id:4, pid:

原创 Vue-cli配置跨域请求

原因：当前端项目运行的服务地址 和 接口服务运行的地址 协议 域名 端口 三者有一个不一致就会出现跨域可在vue.config.js中设置一下东西：module.exports = { devServer: { // 代理配置 proxy: { // 表示如果我们的请求地址有/api的时候,就出触发代理机制 // http://localhost:8888/api/login -> http://www.baidu.com/api/login

原创 导航守卫（处理一些跳转权限上的问题）

官网直接粘贴复制//导航守卫router.beforeEach((to, from, next) => { // ...})三个参数1，to跳转到那里去2，from从哪里来3，next这是一个放行的函数页面中必须得有// 可以打印一下to可以得到一下的东西，我们需要的是path这个函数；// console.log(to)// fullPath: “/”// hash: “”// matched: (2) [{…}, {…}]// meta: {}// name:

原创 关于搜索框关键字的高亮

学习了一下搜索关键字高亮

原创 时间函数处理

官网dayjs官网第一步：依旧是先安装在引入npm install dayjs --save //安装到生产依赖第二步：引入import dayjs from 'dayjs'第三步：引入相对时间的插件var relativeTime = require('dayjs/plugin/relativeTime') //固定格式第四步：将相对事件处理插件扩展到核心包里dayjs.extend(relativeTime)相对时间const rt = dayjs().from(dayjs

原创 vue输入框防抖处理

第一步：安装lodash这个包官网解释：lodash（防抖动）函数npm install lodash --save第二步：安装完了引入import _ from 'lodash'//_需要写成这样第三步：_.debounce(func, [wait=0], [options=])按照这个书写语法函数：_.debounce(function(){ 需要在里面写入的代码}，等待的时间（比如400，500毫秒）)//代码示范 methods:{ toggeIndex:_

原创 远程仓库密钥

远程仓库如何配置ssh密钥？输入输入命令ssh-keygen -t rsa -C “邮箱” 然后一路回车拿码云举例：点开主页打开点击个人主页在下面找到ssh公钥点开标题意思是你密钥的名字可以是张三，李四。。。。下面的公钥设置你在Git中加入命令ssh-keygen -t rsa -C ‘邮箱’注意有引号，...

原创 2020-12-07

Unexpected end of JSON input at JSON.parse ()解决这是说你传的参数不对JSON.parse（）参数一般都是数组或者是对象你可以打印一下console.log(typeof 元素)看一下是否是object，这是是一个别的东西比如stringify什么的知道提示这个就去检查一下源码参数是否正确//看看有没有var str = localStorage.getItem('todoList');//看看你本地有没有这条数据，有判断是否是空的if(s

原创 用webAPI实现图片放大镜的效果

实现图片放大的效果做这个之前需要会事件对象.clientX     这个是X轴事件对象.clientY     这个是Y轴元素.offsetLeft     获取盒子距离浏览器的距离元素.offsetTop     获取盒子距离浏览器顶部的距离这两个都是谁有定位我就看谁;元素.offsetW

原创 偷懒的第五天（总结）

【浮动】【6月23笔记】总结1IE盒模型：width=content+border；标准盒模型：content=witenth+podding+border;box-sizing:水平 垂直 模糊距离 阴影尺寸 阴影的颜色；  {left  左浮动float{right  右浮动  {none  默认值浮动使块元素在一行显示-脱离文档流；子盒子浮起来后找距离他最近的父盒子想要使盒子在一行显示，前面的兄弟盒子也要浮动；一般的版心差不多就是这个{980px，1100px,1200px}去

原创 6月19 和尚撞钟的第一天（小激动）

学css的第一天【笔记】rem是相对根元素的字体大小而言纠正:rem是相对于html的字体大小而言【字体】电脑上没有的字体，会使用默认的字体      {normal  默认值  也成为正常字体      {bold  加粗  font-weight {bdder  更粗      {lighter  更细      {100~900   正常400  没有像素【字体的样式总结】      {italic  斜体font-style  {normal  把斜体改成正常字体(最为常用