可可爱爱的你吖-CSDN博客

在vue中使用pdfjs-express拉取事例代码的时候出现了错误：LibreSSL SSL_connect: SSL_ERROR_SYSCALL in connection to github.com:4431.第一种解决办法官网文档给的clone项目地址：本地拉代码报错：解决办法：先取消代理，再拉取代码就OK了git config --global --unset http.proxy2.第二种方法：复制事例项目名：pdfjs-express-vue-sample然后再百度中搜

2022-04-11 11:46:06 14010

原创 vscode中对debugger简单的配置

vscode中对debugger简单的配置1.安装插件确保vscode中安装了这个插件2.对launch.json进行chrome配置3.对package.json配置4.配置成功代码中可进行debugger断点啦

2022-03-10 11:23:17 1062

原创 vue3 之app.config.globalProperties的简单使用

vue3 之app.config.globalProperties的简单使用main.js中//一个简单对图片的处理app.config.globalProperties.$filters = { preImg(url) { if (url && url.startsWith('http')) { return url } else { url = `http://www.baidu.com${url}` return url

2022-02-25 17:53:59 2635

原创 js+rem实现页面自适应大小

js+rem实现页面自适应大小1.sript标签中设置页面根元素大小 let htmlWidth = document.documentElement.clientWidth || document.body.clientWidth; // 获取html的dom let htmlDom = document.getElementsByTagName('html')[0]; // 设置html的font-size htmlDom.styl

2022-02-25 17:02:01 1232

原创 singelR连接实现通信聊天

singelR是什么？SignalR是一个基于ASP.NET平台构建，利用JavaScript或者WebSockets，实现在客户端和服务端异步通信的框架(https://docs.microsoft.com/en-us/aspnet/core/signalr/javascript-client?view=aspnetcore-6.0&viewFallbackFrom=aspnetcore-3.0&tabs=visual-studio)简单使用：SignalR会使用Javascript

2022-02-24 16:59:03 665

原创小程序中实现token自动刷新

小程序中实现超过一定时间自动刷新token//判断token是否过期async function WeChatMiniRefreshToken() { let accessExpiresIn = wx.getStorageSync('tokenData').accessExpiresIn; //refreshtoken过期时间 let refreshToken = wx.getStorageSync('tokenData').refreshToken; let currentTi

2022-02-24 14:31:37 1716

原创 canvas画图实现验证码功能

canvas画图实现验证码功能实现效果图组件html代码：<div>  <canvas ref="canvasRef" id="myCanvas" :width="width" :height="height" @click="clickCanvas" ></canvas> </div>js代码import { reacti

2022-02-22 14:02:49 957

原创 mysql的详细安装教程

mysql的详细安装教程1.勾选协议，点击下一步2.选择第一个选项Developer Default，然后点击next进入下一步3.这一步是检查安装条件，直接点击下一步即可4.直接点击execute执行，会一步步的安装执行，执行完后点击next进入下一步5.直接点击next下一步6.点击next进行下一步7.设置root和密码，然后点击下一步（这个密码一定要记着）8.这个里面的选项不用动，默认就好，直接点击下一步9.点击next进行下一步10.点击Execute执行，

2022-01-17 17:29:10 1544 1

原创 onLaunch中的异步请求执行完之后再执行Page的onLoad

微信小程序app.js的onLaunch中的异步请求执行完之后再执行Page的onLoad**app.js**import { GetUserInfo } from './api/userApi';App({ onLaunch(){ const that = this GetUserInfo().then(res =>{ that.globalData.userInfo = res || null that.globalData.isRequest = true /

2021-12-22 09:53:18 691

原创 vue中动态创建a标签下载文件流，文件上传、图片上传

vue中将文件流转Blob对象并动态创建a标签下载excel表格 <el-button size="small" @click.stop="downloadTemplate"> <i class="el-icon-download" /> 模板下载</el-button>下载事件 downloadTemplate () { let downloadName = '下载模板1.xlsx' //文件名 let params ={excelT

2021-12-21 14:20:26 3166

原创小程序上滑触底加载更多数据（请求分页效果）

实现小程序上滑触底加载更多（分页思想----）1.组件代码（load-more文件）load-more / index.wxml<view hidden='{{!isLogin}}'> <view class="loadmore" hidden='{{!showThis}}' bindtap='clickLoadMore'> <!-- 图标加载

2021-12-20 16:04:39 1528

原创修改git上传代码的提交者姓名

1.修改git上传代码的提交者姓名提交代码的时候发现不是自己的名称，更改如下（这个是一般是下载git时别人写的自己的，电脑没有格式化，就用了之前的开发环境）首先输入命令查看一下当前git的提交着namegit config user.name接下来更改成自己的姓名（随意起）git config --global user.name “填写个人姓名”再查看一下发现已经更改完毕提交代码看看吧！！...

2021-12-15 15:20:02 6714 1

原创组件中的el-table监听滚动条实现数据懒加载

el-table表格组件部分代码watch: {//监听滚动 tableDom (newVal) { if (newVal) { this.tableDom = newVal this.tableDom.addEventListener('scroll', (res) => { let height = res.target; let clientHeight = height.clientHeight;

2021-12-03 16:26:58 1468

原创分页组件的简单使用

element分页的简单封装组件<template> <div :class="{ hidden: hidden }" class="pagination-container"> <el-pagination v-show="total > pageSizes[0]" :background="background" :current-page.sync="currentPage" :page-size.syn

2021-12-02 14:54:33 190

原创点击按钮实现新增数据表格

实现点击按钮新增数据表格需求描述：点击添加表格按钮实现表格的新增，同时提供删除按钮可删除当前表格，也可上移或下移当前表格实现效果：代码：TaskTable组件代码<template> <div class="task_table"> <div class="task_table_title"> {{ title.title }} </div> <div class="task_info">

2021-10-09 17:57:23 1692 3

原创 el-steps步骤条结合锚点实现页面滚动定位

el-steps步骤条结合锚点实现页面滚动定位需求描述：给页面加个导航定位条，页面滚动到某个模块时，右侧步骤条跟着滚动，相反之，点击导航步骤条的某个模块，页面可定位到相应模块实现效果如图：（因为公司项目不便于录制gif视频）element中的步骤条没有任何点击事件，只是起到一个展示的作用，由于其它页面也有用到，便封装成了一个公共的组件step中的代码：<template> <div class="step"> <div style="height: 1

2021-10-09 17:19:06 2669 12

空空如也

vue打包后路由不跳转