- 博客(119)
- 资源 (4)
- 收藏
- 关注
RSS订阅
原创 微信小程序websocket实现即时聊天功能
文章目录项目场景：代码示例：一、聊天功能二、发送消息后滚动到底部三、历史记录查询及下拉加载更多功能实现项目场景：微信小程序中实现websocket,即时聊天功能核心包含以下内容1.聊天功能实现2.发送消息后滚动到底部3.历史记录查询及下拉加载更多功能实现代码示例：wxml<!--pages/wechat2/wechat2.wxml--> <view class="chat-header"> <view class="header-image-box
2020-11-17 19:41:46
12235
10
原创 qiankun多页签：开启keepAlive后，解决同一路由打开多个tab页数据一样问题
多页签打开同一个路由（query或者params参数不一样）保活数据导致页面显示一样的问题。
2023-04-20 19:08:53
1068
原创 立即执行函数报错Uncaught TypeError: (intermediate value) is not a function.
立即执行函数报错Uncaught TypeError: (intermediate value) is not a function.文章目录立即执行函数报错Uncaught TypeError: (intermediate value) is not a function.前言一、现象二、解决三、原因分析总结前言立即执行函数报错Uncaught TypeError: (intermediate value) is not a function.一、现象<!DOCTYPE html>
2022-03-29 10:12:46
3228
1
原创 css隔离方案:shadow-dom
css隔离方案:shadow-dom文章目录css隔离方案:shadow-dom前言一、shadow dom给shadow dom 节点中的p标签添加样式不影响 影子节点外的p标签的样式二、mdn总结前言约定项目前缀（既然是约定，肯定会有不遵守）css-modules 打包时生成不冲突的选择器名shadom dom 处理父子应用真正意义上的隔离一、shadow dom<!DOCTYPE html><html lang="en"><head> <
2022-03-25 09:21:54
1050
原创 js中的new Map的使用教程
js中的new Map的使用教程文章目录js中的new Map的使用教程前言一、是什么二、常用api三、实战场景总结前言主要通过三段论讲解：js中的new Map一、是什么map数据结构是es6中新出的语法，其本质也是键值对，只是其键不局限于普通对象的字符串二、常用api（1）创建mapvar mymap = new Map() // 创建空mapvar map2 = new Map([[1,2],[true,3]]) // 有初始参数的map（2）map的方法map有has，get
2022-03-21 16:00:59
10083
原创 根据base64串下载文件（重点：不需要区分每一种base64拼接头的类型）
根据base64串下载文件（重点：不需要区分每一种base64拼接头的类型）文章目录根据base64串下载文件（重点：不需要区分每一种base64拼接头的类型）一、直接上代码二、重点：不需要根据不同的类型区别拼接base64格式头总结一、直接上代码/** * desc: base64对象转blob文件对象 * @param urlData ：数据的base64对象 * @param type ：类型 png,pdf,doc,mp3等; * @returns {Blob}：Blob文件对象
2022-03-17 18:17:33
775
原创 Vue 前端限制用户短时间内多次点击同一按钮
Vue 前端限制用户短时间内多次点击同一按钮方案一：自定义指令方案二：全局通用loading两种方案结合更好使用；
2022-03-17 18:00:08
1190
原创 vuex中存储的数据，刷新页面后导致数据丢失
vuex中存储的数据，刷新页面后导致数据丢失文章目录vuex中存储的数据，刷新页面后导致数据丢失一、问题二、原因三、解决四、补充总结一、问题使用vuex存储全局数据后，刷新浏览器页面导致数据丢失二、原因刷新页面时，vue实例重新加载，因此导致store也随之被重置store是用来存储组件状态的，而不是用来做本地数据存储的对于不希望页面刷新之后被重置的数据，推荐使用本地存储来进行存储三、解决示例代码请在 App.vue 中<template> <div id="app
2022-03-17 17:54:14
1894
原创 前端vue项目(使用pdf.js) pdf展示及pdf工具栏放大缩小功能实现
前端vue项目(使用pdf.js) pdf展示及pdf工具栏放大缩小功能实现1.vue项目pdf展示2.pdf工具栏放大缩小功能文章目录前端vue项目(使用pdf.js) pdf展示及pdf工具栏放大缩小功能实现前言一、pdf展示1.文件准备2.引入3.使用二、使用步骤1.引入库2.读入数据总结前言前端vue项目(使用pdf.js) pdf展示及pdf工具栏放大缩小功能实现先看下效果图：一、pdf展示1.文件准备pdfjs-dist需要放在根目录下的static文件夹中2.引入3.
2022-01-25 16:13:27
6119
1
原创 js获取近一周，近一个月，近三个月时间
js获取近一周，近一个月，近三个月时间文章目录js获取近一周，近一个月，近三个月时间// 获取进一周时间export function getAWeek() { let end = new Date() let year = end.getFullYear() let month = end.getMonth() + 1 //0-11表示1-12月 let day = end.getDate() let dateObj = {} // dateObj.end = year +
2021-12-02 12:33:38
1477
原创 前端VUE中使用vue-json-excel 将后台返回的json以excel表格形式导出
前端VUE中使用vue-json-excel 将后台返回的json以excel表格形式导出文章目录前端VUE中使用vue-json-excel 将后台返回的json以excel表格形式导出好用vue-json-excel 将后台返回的json以excel表格形式导出
2021-11-08 15:00:13
531
原创 使用ant-design-vue（select）遇到的问题，解决重置之后已经选择的值无法空值
使用ant-design-vue（select）遇到的问题，解决重置之后已经选择的值无法空值文章目录使用ant-design-vue（select）遇到的问题，解决重置之后已经选择的值无法空值前言一、问题点二、问题点总结前言当你的select-option是循环出来的时候，你点击清空以后这个值是不会清空的，当你使用组件自带的api – allowClear的时候，你会发现清空以后是undefined，所以当你清空的时候，你可以在select标签上使用v-model。一、问题点好使二、问题点
2021-11-03 20:39:20
1953
原创 vue中实现公告栏的滚动特效
vue中实现公告栏的滚动特效文章目录vue中实现公告栏的滚动特效前言修改版本前言 vue中实现公告栏的滚动特效修改版本<template> <div id="demo"> <ul class="list"> <li v-for="(item, index) in ulList" :key="item.id" :class="!index && play ? 'toUp'
2021-10-25 09:47:54
1915
原创 js获取电脑及浏览器缩放比例
js获取电脑及浏览器缩放比例文章目录js获取电脑及浏览器缩放比例前言前言js获取电脑及浏览器缩放比例function detectZoom() { let ratio = 0 const screen = window.screen const ua = navigator.userAgent.toLowerCase() if (window.devicePixelRatio !== undefined) { ratio = windo
2021-10-21 09:15:28
1963
3
原创 vuex如何在js文件中使用
vuex如何在js文件中使用文章目录vuex如何在js文件中使用前言一、暴露二、使用总结前言vue项目中比较常用的vuex，一般是在.vue文件中使用，那如何在.js文件中使用呢一、暴露import Vue from 'vue'import Vuex from 'vuex'import state from './state'import mutations from './mutations'import actions from './actions'import * as gett
2021-09-27 16:16:55
8889
4
原创 git使用push提交到远程仓库出现 The requested URL returned error: 403 错误
git使用push提交到远程仓库出现 The requested URL returned error: 403 错误文章目录git使用push提交到远程仓库出现 The requested URL returned error: 403 错误git使用push提交到远程仓库出现 The requested URL returned error: 403 错误...
2021-09-22 10:51:23
181
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人