前端
关注
分享
扫一扫
QQ4770851
这个作者很懒，什么都没留下…
展开
-
Thinkphp5.0 安装使用Workerman实现websocket前后端通信，后端主动推送消息到前端
例如：客户端1连接进程A，客户端2连接进程B，客户端2无法直接通过进程B给客户端1发送数据，因为客户端1属于进程A不属于进程B，B进程控制不到客户端1（要想两个进程之间通讯需要一些进程间通讯手段，可以使用http://doc3.workerman.net/component/channel.html）。安装使用Workerman实现websocket前后端通信，后端主动推送消息到前端，实现后端有数据更新时，前端页面自动更新数据。我使用的是基于Thinkphp5.0的ThinkCMF5.0。原创 2023-03-13 11:21:53 · 3490 阅读 · 1 评论 -
vue获取+设置光标位置 光标定位 选择输入框文本
是输入框组件，它不支持直接设置光标的方法。版本：vue2、vant2。在vue是用ref、原创 2023-03-01 12:29:34 · 5976 阅读 · 0 评论 -
vue在方法里如何使用过滤器（在methods函数里使用filters）
我们知道在模板里可以这样方便的使用vue过滤器：{{ value | filter}}，但是如果要在methods方法里也要使用这个定义好的过滤器filter，该怎么使用呢？原创 2022-08-04 15:04:48 · 2904 阅读 · 0 评论 -
vue-admin-beautiful老版本报vue-template-compiler错误解决方案
vue-admin-beautiful老版本报vue-template-compiler错误解决方案。原创 2022-07-20 17:04:01 · 439 阅读 · 0 评论 -
vue循环里每个v-model绑定各自不同值
vue.js在for 循环里如果每个对象都有各自的v-model要绑定数据，循环次数不确定，那怎么给每个元素绑定各自不同的值呢？其实只要绑定到一个数组就可以了，例如如下代码： <van-checkbox-group v-for="i,k in options" **v-model="data[k]"** direction="horizontal" ref="checkboxGroup"> <div class="toggle"> <van-bu原创 2022-02-17 14:56:46 · 4050 阅读 · 0 评论 -
vue在for循环里用ref怎么区分和获取各个ref
vue在循环里使用ref，那渲染出来就会出现不确定数量的ref，比如： <div v-for="i,k in options" v-model="i.result" **ref="checkboxGroup"**> <div class="toggle" @click=toggleAll(k)> <van-button plain hairline type="info" size="small" icon="certificate原创 2022-02-17 14:45:56 · 1889 阅读 · 0 评论 -
vue3响应式 setup 使用this、ref、reactive、toRef、toRefs详解
setupsetup() 是VUE3写组合式 API 的地方，其在创建组件之前执行，因此在其中不能使用this，也就不能在setup里使用data()里的数据，methods里的方法，computed计算属性里的数据。在setup里可以使用的property：props，attrs，slots，emit，如何使用？这就要靠setup的两个参数：props和context。export default { props: { title: String }, setup(props,原创 2021-09-15 11:44:45 · 5145 阅读 · 0 评论 -
纯CSS实现动态波浪效果
纯CSS实现动态波浪效果，效果如图：<div class="waveWrapper waveAnimation"> <div class="waveWrapperInner bgTop"> <div class="wave waveTop" style="background-image: url('assets/img/wave-top.png')"></div> </div> <div class=原创 2021-07-28 14:34:02 · 1763 阅读 · 0 评论 -
HBuilderX wap2app 5+app扫码功能页面的实现 调摄像头扫二维码
DCloud HBuilderX wap2app 5+app扫码功能页面的实现，html页面，跳到这个页面即可扫码，扫了以后再带参数返回想要返回的页面。<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,原创 2021-07-22 12:00:40 · 1885 阅读 · 0 评论 -
vue页面刷新404错误问题 uni-app history路由模式刷新页面错误
uni-app以及vue使用history路由模式，打包上线以后，页面刷新会找不到页面404错误，可以通过配置nginx或apache来解决这个问题。nginx配置： location ^~ /path { #path是你的网站所在的子目录，可去掉 alias /www/wwwroot/m.taxgo.cn/public/path; try_files $uri $uri/ /index.html last;#依次尝试访问，$uri变量代表的是访问地址，不存在就访问index原创 2021-07-13 14:36:00 · 1648 阅读 · 0 评论 -
H5网页语音实时播报功能的实现
JS实现的H5实时播报功能，先获取后端语音开关状态，如果是打开的，5秒抓一次后端数据，如果有新的，就调用阿里云的语音接口，把文字传过去它返回mp3文件的BASE64，再返回前端播放。get_au_switch();//在微信里监听播放document.addEventListener( 'WeixinJSBridgeReady', function () { playBackgroundMusic(); }, fals原创 2021-07-12 13:56:44 · 3513 阅读 · 0 评论 -
VUE打包上线后报错ChunkLoadError: Loading chunk chunk-* failed.
使用vue2的一个框架vue-admin-beatiful，在编译时被我打断了，越是就出现了问题，再次打包报错：EPERM: operation not permitted, lstat ......删了打包目录dist再次打包没有报错，可是打包出来传到服务器上有问题，部分页面打不开console会报错：Uncaught SyntaxError: Unexpected token ';'ChunkLoadError: Loading chunk chunk-******* failed.重新原创 2021-06-04 10:46:25 · 6795 阅读 · 2 评论 -
vue网站打包后报错：net::ERR_CONTENT_LENGTH_MISMATCH 200 (OK)
vue开发的网站，打包上线后，经常有两个大点的js文件报错：（一个1M多点，一个650K）net::ERR_CONTENT_LENGTH_MISMATCH 200 (OK)在网上搜索，答案基本上都说是nginx的proxy_temp目录权限的问题，但是我查看了我的nginx错误日志，并没有这样的报错，而且尝试了修改所有权限都没有效果。最后我启用了https后，发现报错没有了，也不知道什么原因。...原创 2021-02-05 15:54:25 · 1636 阅读 · 0 评论 -
VUEX已获取到异步数据 组件页面获取不到（没有数据）的问题
使用VUEX的action从远程获取数据，store/modules/index.jsasync getStatistics({ commit }, val) { const { code, msg, data } = await getStatistics({ start: val.start, })组件上用dispatch调用，views/index/index.vue：this.$store .dispatch('index/getStatistic原创 2021-01-25 11:29:57 · 5026 阅读 · 0 评论 -
微信公众号H5网页跳转小程序方法
要在微信公众号H5网页跳转到小程序，需要使用微信JS-SDK，引入JS文件：http://res.wx.qq.com/open/js/jweixin-1.6.0.js ，在服务端验签获取配置信息，获取成功以后，引入开放标签openTagList: [‘wx-open-launch-weapp’]，就可以使用了。JS-SDK使用方法请参照官方文档：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html<wx-o原创 2020-11-06 14:19:26 · 5781 阅读 · 1 评论 -
Flex布局思维导图
原创 2020-08-27 14:42:29 · 431 阅读 · 0 评论 -
JSON.parse大坑Uncaught (in promise) SyntaxError: Unexpected token in JSON at position 0
JSON.parse大坑记录：报错：Uncaught (in promise) SyntaxError: Unexpected token in JSON at position 0见图：神奇的是，复制打印出来的代码到JSON.parse没有问题。开始还怀疑编码问题，后来试了下去空格，解决。注意：打印出来的也字符串也看不到有空格。JSON.parse(str.trim())...原创 2020-08-05 12:17:54 · 6123 阅读 · 0 评论 -
手机网页H5页面footer页脚显示在底部css代码
手机网页H5页面的footer页脚，当页面很短撑不满手机屏幕时可以显示在屏幕底部，当页面超出手机屏幕长度时，显示在页面内容的后面，不会遮挡内容。css代码：html{height:100%;}/*min-height不行，不知道为啥*/body{min-height:100%;padding-bottom:50px;position: relative;box-sizing: border-box }footer{text-align: center;color: #777;position: ab原创 2020-06-19 11:11:41 · 1656 阅读 · 0 评论 -
短信发送倒计时js代码，防刷新
发送成功后开始倒计时，并把时间存入cookie，这样用户刷新页面倒计时依然存在：setCookie('sendtime',parseInt(new Date().getTime()/1000)); self.timer = 59; var auth_timer = setInterval(() => { self.timer = 59-(parseInt(new Date().getTime()/1000)-getCookie('sen原创 2020-05-28 15:01:53 · 325 阅读 · 0 评论 -
vue vant框架上拉加载效果 list列表上拉加载重复加载问题
vue vant框架上拉加载效果，list列表上拉加载重复加载问题。如果上拉一次出现了加载几次的情况：一、注意this.loading=false;设置是否正确；二、每次加载的数据条数给多一点。//html<van-list v-model="loading" :finished="finished" finished-text="没有更多了" error-text="请求失败，点击重新加载" @load="onLoad"原创 2020-05-21 17:16:47 · 4868 阅读 · 1 评论