- 博客(109)
- 资源 (3)
- 收藏
- 关注
RSS订阅
原创 同步,异步,宏微任务,任务队列的顺序问题
setTimeout(function() { console.log(1)}, 0);new Promise(function(resolve, reject) { console.log(2); resolve()}).then(function() { console.log(3)});process.nextTick(function () { console.log(4)})console.log(5)第一轮：主线程开始执行，遇到setTimeout，将set
2021-09-27 16:58:04
168
原创 vuex移动端项目中对token的过期的处理
1. 背景知识了解出于安全考虑，我们通过登陆操作获取到的token一般都会有一个有效时间，如果一直是静默状态，没有接口调用操作，时间到了之后token会失效，失效之后的token是不能作为用户的有效标识再去请求数据的，如果使用失效的token去请求接口数据，一般会报出401状态码2. 开发者需要做什么当用户并不知道token已经失效的情况下，继续进行操作，会出现401的状态，如果我们什么都不做，用户并不能知道当前发生了什么，所以我们有必要去帮助用户去获取新的token来替换失效的token，获取新to
2021-03-20 22:15:00
3406
12
原创 websocket实现一个简单的聊天室对话
首先搭建一个node的环境，在app.js中写入以下代码npm install socket.io-clientworkerman是一个高性能的PHP socket 服务器框架，workerman基于PHP多进程以及libevent事件轮询库，PHP开发者只要实现一两个接口，便可以开发出自己的网络应用，例如Rpc服务、聊天室服务器、手机游戏服务器等。npm install http-server一般提供server服务,参数可以指定端口、地址等等，例如指定服务在8888端口启动，命令为：htt
2021-03-20 11:16:32
1372
6
原创 两种方式实现css取消页面鼠标双击选中文字或单击拖动选中文字的效果
我们知道浏览器页面上的文字正常情况下我们是可以双击选中、或者单击鼠标横向拖动也能选中的，选中以后可以右击出现面板然后去复制什么的。但是有的时候，这种效果我们并不想要的，比如用户点快了的时候，所以我们需要禁用这种效果，本文记录一下禁用选中效果的方式
2022-11-25 14:01:06
4636
原创 css 设置变量，通过refs的style.setProperty直接设置变量的值
css 设置变量，通过refs的style.setProperty直接设置变量的值
2022-09-01 13:57:07
2656
原创 vue事件监听取消时遇见的问题
有时候发现这样删除监听，删除不掉，可能是因为keep-alive的原因使用了 keep-alive, 离开A页面时，因为组件没被销毁，被缓存起来了，所以不会调用 beforeDestroy 和 destroyed 钩子。在 keep-alive 中创建的组件，会多出两个生命周期的钩子: activated 与 deactivated：activated：在 keep-alive 组件激活时调用deactivated：在 keep-alive 组件停用时调用beforeDestroy () { .
2022-04-29 16:06:32
789
原创 vue antDesign 文本框 把原回车换行 改成 alt+回车 换行 window（alt）和macos（option）同步
template <a-input placeholder="Basic usage" :rows="4" type="textarea" ref="textDom" v-model="message" @blur="handleInputBlur" @keydown.ent
2022-04-25 15:48:13
1648
原创 vue输入框输入数字后自动转换为金额格式
template<a-input v-model="tableData[scope.$rowIndex][item.type]" @focus="uninputMoney($event,scope.$rowIndex,item.type)" @blur="inputMoney($event,scope.$rowIndex,item.type)"></a-input>script/** 输入框转金额的代码 */ // 失去焦点金额格式化
2022-04-20 16:02:35
3191
2
原创 js 填充数组长度
js 填充的方法有以下三种const array = new Array(100).fill('')Array.from(new Array(100).keys())let arr = Array.from({length:100}, (_v,k) => k);如果下面有这么一个场景，你在接口中获取了一个数组对象，如下：[ {id:'1'},{id:'2'},{id:'3'},{id:'4'},]你需要把这个数组变成一个以100位的数组对象，我们可以用循坏的方式往数组中p
2022-04-19 14:04:33
2004
原创 vxe-table 多列合并
vxe-table 多列合并 官方网站的是不管你第一列合第二列有没有联系，他是竖向合并，只要相同就合并。本文改成 会在第一列的基础上，在合并第二列。代码比较繁琐，有好的推荐联系我。mergeRowMethod ({ row, _rowIndex, column, visibleData }) { const fields = ['year', 'ji'] const cellValue = row[column.property] if (cellValue &
2022-04-15 18:21:45
3568
4
原创 a-input-number 精确到小数点后6位
使用正则过滤的方式，来达到你想要的小数点后几位的实现 <a-input-number suffix="(元)" :min="0" :step="0.000001" @keydown="handleNumberInput" v-model="projectProjectExpens
2022-04-02 15:01:38
885
2
原创 js 两个小数相加的问题
项目中遇到的问题，0.1+0.2为0.30000000000000004，与想象中不一样，公共的方法 addNum (num1, num2) { num1 == undefined ? num1 = 0 : '' num2 == undefined ? num2 = 0 : '' var sq1, sq2, m; try { sq1 = num1.toString().split(".")[1].length; }
2022-04-02 14:59:35
1718
原创 JSON.stringify（xx,null,4） 简单的格式对齐
var testData = { lannan91:{ Name:"lannan91", Age:91, Id:123456789, Tel:110120119, }, nannal:{ Name:"nannal", Age:19, Id:987654321, Tel:911021011, }, "Guo'degang":{
2022-03-10 10:19:57
1060
原创 vue项目在发布生产环境时，去除console控制台的打印信息
npm install babel-plugin-transform-remove-consol --save --dev修改babel.config.js 文件const prodPlugins = []// 判断当前环境是pro还是devif (process.env.NODE_ENV === 'production') { prodPlugins.push('transform-remove-console')}module.exports = { presets: [
2022-02-18 09:50:14
1626
原创 websocket搭建简易的聊天室--勿喷
因为本人做了信息的存储所以还用到的mysql，如果不做存储的话只能吧相应的代码注释即可。node初始化 npm init 安装以下两个依赖"mysql": "^2.18.1","nodejs-websocket": "^1.7.2"建立一个app.jsvar ws = require("nodejs-websocket");console.log("开始建立连接...")var mysql = require('mysql');console.log('开始连接数据库.....')
2022-02-17 17:06:06
946
原创 antd-vue table合并单元格
<template> <a-table :columns="columns" :data-source="data" bordered> <template #name="{ text }"> <a>{{ text }}</a> </template> </a-table></template><script>imp
2022-02-11 10:22:37
1035
2
原创 pdf.js 适用于接口返回的是一个文件流展示
首先需要把pdf.JS下载下来放到自己的项目中我们可以在项目中直接掉viewer.html window.open(process.env.BASE_URL + 'static/pdf/web/viewer.html')如果从接口中获取加载pdf var pdfUrl = this.$API.EPE_GET_EECOPMTRACT_PREVIEWEECONTRACT + '?id=' + this.info.id window.open( process.env.BASE_URL + 'st.
2022-01-12 14:28:12
683
1
原创 vuecli2及vuecli3 element 骨架屏 vue-skeleton-webpack-plugin
优点加速或减少HTTP请求损耗延迟加载减少请求内容的体积优化用户等待体验components/Skeleton.vue<template> <div class="skeleton-wrapper"> <section class="skeleton-block"> <!-- eslint-disable vue/max-len --> 骨架内容 </section> </div
2021-12-31 10:22:18
1114
9
原创 vue3中如何用vue2中的this
两种方案分别如下：proxy = 》 this<script lang="ts">import { getCurrentInstance, ComponentInternalInstance } from "vue";export default function useCurrentInstance() { const { appContext } = getCurrentInstance() as ComponentInternalInstance; const
2021-12-27 10:09:49
1740
原创 h5页面唤醒app的方法-iframe
function a() { var iFrame; var urlData = 'ownapp://com.pcitc.selfservice?signature=fbfYjkZyAwtGgk9f9RJ4ndWUW2%2B6ddIjVhzhm11JFY71%2BPM0x5lvvY3KYZveVsndwgbq1a7qGbu8%2BywuYI%2FUTw9PY%2Bau2IIEsGgM6OFiUHBTUuWj2uoTFvyho9DGXOjmQZXI%2BLN%2FjuKK...
2021-12-20 10:05:15
1074
原创 数组对象中相同的参数拼接成一个对象
//原始数组 let _arr = [ { key: '1', name: '1', datas: [111] }, { key: '1', name: '1', datas: [112] }, { key: '1', name: '2', datas: [121] }, { key: '1', name: '3', datas: [131] }, { key: '2', name: '1', datas: [211] }, {
2021-12-20 09:58:56
277
原创 第一次使用vue3
一.ref、reactive、toRef、toRefs四种定义值reactivereactive 用于为对象添加响应式状态。接收一个js对象作为参数，返回一个具有响应式状态的副本。获取数据值的时候直接获取，不需要加.value 参数只能传入对象类型import { reactive } from 'vue' // 响应式状态const state = reactive({ count: 0}) // 打印count的值console.log(state.count)ref
2021-12-13 14:59:50
110
原创 vue中provide和inject 用法
祖孙元素调取祖<template> <div id="app"> </div></template> <script> export default { data () { return { datas: [ {
2021-12-01 16:04:29
804
原创 第一次使用ts-node命令报错
使用 npm uni -g ts-node 卸载掉ts-node再使用 npm i -g [email protected]下载旧一点的版本就不会了
2021-11-30 11:45:13
387
转载 vue 如何实现多页面应用
众所都知vue是一个单页面应用，但是单页面应用最大的问题，就是首次加载的时候过慢，因为他要把所有的css，js都要下载下来后，才可以加载页面，尤其是移动端，在弱网的情况下，体验感极差尝试过很多种优化的方式，就算在优化css,js的体积，但是还是在100-200K的这么个容量，所以我想起能否用多页面应用去解决这个问题。首先你的会一些webpack第一步:进入\build\webpack.base.conf.js目录下，在module.exports的域里，找到entry，在那里配置添加多个入口.
2021-11-18 15:12:05
8269
2
原创 vant 按需引入
按需引入安装插件npm i babel-plugin-import -D在.babelrc中配置plugins（插件）"plugins": [ "transform-vue-jsx", "transform-runtime", ["import",{"libraryName":"vant","style":true}] ]按需引入的文件vant.js 不是特别全，仅自己所用到的。/** * @author ytnobody * @description
2021-11-13 11:39:54
1644
原创 Vue首页加载过慢 解决方案
一、什么导致了首页初步加载过慢：app.js文件体积过大二、解决方法：1、Vue-router懒加载vue-router懒加载可以解决首次加载资源过多导致的速度缓慢问题：vue-router支持WebPack内置的异步模块加载系统。所以，那些使用较少的路由组件不必打包进bundles里，只需要在路由被访问时按需加载。路由懒加载写法：2、在webpack打包的过程中，将多余文件去掉，如map文件，即在config/index.js中将productionSourceMap的值修改为false，就
2021-11-13 11:36:19
7762
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人