- 博客(23)
- 资源 (1)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 React Hook基操， 引入第三方组件库 antDesign，路由，组件通信
React Hook基操， 引入第三方组件库 antDesign，路由，组件通信
2022-08-18 14:06:34
694
2
原创 echarts地图map下钻到镇街、KMZ文件转GeoJson、合成自定义区域
echarts地图map下钻到镇街、KMZ文件转GeoJson、合成自定义区域
2022-07-11 14:26:49
1882
6
原创 个人搭建阿里云轻量级服务器
购买阿里云服务器我选的是轻量级的，个人按个人喜好来可以按照自己的需求设置，也可以随便选，后面可以升级，重置查看自己的服务器详情这里我选择的是window然后点击确认重置，服务器重启需要1分钟左右，稍作等待这里可以选择创建的镜像磁盘在服务器概览，这里有个远程连接，点击连接首次点击回要求你设置密码，设置密码连接就好了。进入桌面后，点击左上角的远程命令，选择，然后输入密码，即可进入注意，如果不是window镜像的，个人推荐也是使用自己电脑的window进行连接。按住window键
2021-12-06 19:07:04
10760
2
原创 npm安装依赖报错
npm安装依赖报错1、npm降到62、强制更新（太慢）npm i --force3、npm i --legacy-peer-deps（推荐）
2021-11-29 12:00:28
1188
2
原创 vue生成自定义跳转小程序二维码
效果图vue2端进入项目根目录使用npm安装两个依赖//二维码npm install qrcodejs2 --save//html转canvas图片npm install --save html2canvas在项目中引入import QRCode from "qrcodejs2";import html2canvas from "html2canvas";HTML 部分 <div class="qrcode" ref="qrCodeUrl" @click="downLoa
2021-11-18 14:02:39
3225
1
原创 uniapp使用vant
uniapp使用vant0.效果打开HBuilder X，点击左上角 新建项目，选择uni-app,然后起个项目名字，已经存放文件的目录打开文件所在目录，输入cmd在窗口输入初始化package.json 里面的内容自己填，也可以回车按到底。npm init然后下载vant的依赖使用 npm i vant -S在main.js中引入 import vant from 'vant' import 'vant/lib/index.css' Vue.us
2021-11-08 15:39:20
1598
原创 websocket-vue2+node12-多人即时通信
pc端效果图在这里插入图片描述h5效果图socket.vue文件<template> <div class="chat-box"> <header style="z-index: 99;">聊天室人数：{{ count }}</header> <!-- <van-button type="primary">主要按钮</van-button> <van-button type="inf
2021-10-26 15:34:04
295
3
原创 vue原生自定义计时器组件和倒计时组件
vue自定义计时器效果图直接码上<template> <div class="start-time"> <div> <span>{{ hour | checkedZero }}</span >: <span>{{ minute | checkedZero }}</span >: <span>{{ second | checkedZero }}<
2021-10-21 11:59:15
359
原创 vue+elment项目，自定义滚动条
一、方法1 使用elment-ui 的滚动条默认样式hover的时候显示在页面中使用.el-scrollbar { height: 100%;}//这里隐藏横向滚动条的样式.el-scrollbar__wrap { overflow-x: hidden;}二、方法2基于gemini-scrollbar封装的vue组件①、引入 npm i vue-gemini-scrollbar --save如需script方式引入，请自行编译，build后在disk文件夹（vue-gemi
2021-10-15 15:17:24
642
1
原创 vue+vant h5项目弹出原生键盘隐藏tabbar
当输入框获得焦点弹出原生键盘的时候，tabbar很容易出现被顶上去的现象在需要的页面监听屏幕的高度data里面 defaultPhoneHeight: 0, //屏幕默认高度 nowPhoneHeight: 0 //屏幕现在的高度在created里面（可以防止刷新） created() { this.defaultPhoneHeight = window.innerHeight; window.onresize = () => { //这个方法会被
2021-10-08 14:40:17
1049
2
原创 h5自定义输入键盘组件vue+vant
h5自定义键盘组件效果图首先在src目录下新建component组件目录，再在目录下新建keyWord目录，目录格式如下index.vue 代码如下<template> <div> <div class="carNumBox"> <ul v-if="currentVal.length === 0" class="wrp-flex"> <div class="btn"> <
2021-09-30 16:08:06
1572
原创 小程序自定义凸出tabbar
在小程序中设置自定义凸出的tabbar效果图首先新建文件tabbar，把tabbar封装成一个组件tabbar.js里面的代码const app = getApp()Component({ data: { selected: 0, color: "#7A7E83", selectedColor: "#ff6350", list: [{ pagePath: "/pages/home/home", text: "首页", ic
2021-09-26 10:10:38
371
原创 vue+vant 的h5自定义tabbar栏，下滑隐藏tabbar
首先在src目录下新建components文件夹，在components文件夹下建立自己的组件文件，这里我叫tabbar，在tabbar里建index.vue文件tabbar，index.vue的代码如下<template> <div class="tabBar" v-if="show"> <van-tabbar v-model="currentIndex" active-color="#1989fa" :border="fa
2021-09-25 12:02:04
1901
原创 vue2自定义指令弹框拖拽、防抖节流
vue自定义指令节流节流在日常的按钮点击事件中很常见，这里简单封装了一个vue的自定义指令在src目录下新建utils目录，在里面新建preventRepeatClick.js代码如下然后在main.js中引入这样在全局就可以直接使用了（没有 =设定时间的话默认的就是自定义的时间）使得一定时间内只触发一次函数为节流防抖原理是维护一个
2021-09-23 10:36:55
907
3
原创 vscode 保存格式化报错 / 插件设置 HTML 的行间 style 样式提示
点击vscode的左下角齿轮，然后找到设置，点击设置，在设置里面搜索json，找到功能-调试-点击在seettings.json编辑将这几行代码添加到json文件就可以了，末尾别忘了逗号 "editor.parameterHints": true, "editor.quickSuggestions": { "other": true, "comments": true, "strings": true},...
2021-09-08 15:16:02
724
2
原创 vue点击跳转顶部和底部
有的页面比较冗长，动态加载多页的时候想返回顶部，在顶部的时候想返回底部。项目使用的是vue+vant，这里只做简单的演示。最简单的就是使用 a 标签进行跳转，获取到页面加载的最后一个dom元素节点，然后使用 a 标签的herf属性进行跳转废话少说上代码 <div id="toBottom"> 点击加载更多 </div> <!-- 点击跳转top和bottom --> <div v-show="showGo">
2021-09-08 11:16:52
1287
1
原创 js定时刷新
先定义一个方法 // 定时刷新 setTime() { this.timess = setInterval(() => { let times = new Date(); let hours = times.getHours(); let minutes = times.getMinutes(); let ss = times.getSeconds(); if ((hours == 23 || hou
2021-09-07 14:37:04
763
原创 localstorage和sessionStorage，使用localstrong缓存到本地，获取本地缓存大小
Web Storage是HTML5提出的本地存储机制，主要目的是克服cookie的一些限制，当数据需要被严格控制在客户端上时，无需持续的将数据发回服务器。sessionStorage 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。localStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。localStorage 与 sessionStorage 的唯一一点区别就是 localStorage 属于永久性存储，而 sessionStor
2021-09-07 14:33:39
1217
原创 点击按钮退出小程序
设置navigator标签的open-type属性值为exit,target属性为miniProgram即可实现点击退出小程序。 <navigator class="exits" open-type="exit" bindtap="exiteWx" target="miniProgram">退出小程序</navigator>
2021-09-01 10:32:50
265
1
原创 小程序：cover-view的使用（覆盖原生视频之上）
在小程序上面，添加一些按钮功能，如果想覆盖在原生的视频之上，我所使用的是小程序的<cover-view>标签，使用普通的<view>标签时，在真机上是无效的。官方文档是这样介绍的，在cover-view里面只支持嵌套cover-view、cover-image，可在cover-view中使用button。组件属性的长度单位默认为px，2.4.0起支持传入单位(rpx/px)。是不支持其它view标签嵌套在cover-view里面的。在项目中遇到的问...
2021-08-12 09:41:12
2181
原创 问题：每天打开chrome（谷歌）浏览器出现：您使用的是不受支持的命令行标记：--extensions-on-chrome-urls. 稳定性和安全性会有所下降。
原因：这是因为安装，一些插件或者设置自己生产url协议的时候需要打开chrome://flags/并设置为Enabled才能使用。解决方法：如果不想每次打开谷歌浏览器看见的话，可以在浏览器打开chrome://flags/然后在下面的Available里面的右侧点击Enabled（启用）选择后为Disabled（关闭）即可...
2021-08-12 09:14:03
13040
2
原创 解决vue打包后h5-web端背景和icon不显示的问题
https://www.cnblogs.com/ada9527/p/15083269.html
2021-07-31 09:06:03
570
有人知道小程序的TRTCcalling的demo，怎么设置动态的sdkappid吗？
2021-09-27
TA创建的收藏夹 TA关注的收藏夹
TA关注的人