logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue-element-table表格实现每一条数据绑定定时器实现倒计时或者持续时间

最近在开发中遇到一个需求,每一条数据前端计算处理时间,或者是倒计时时间。第一表格不可能展示所有数据,所以我们需要当前时间和数据库开始时间获取一个初始值。第二我们需要把定时器持续时间绑给每一条数据中,方便展示,和操作时候传递给后端存储。这样一来就解决这个需求,并且不管展示多少数据都不会出错,而且用户体验感较好.

文章图片
#vue.js#elementui#前端
Vue 中前后端使用WebSocket

WebSocket 是一种网络通信协议。RFC6455定义了它的通信标准。WebSocket是HTML5下一种新的协议(websocket协议本质上是一个基于tcp的协议)它实现了浏览器与服务器全双工通信,能更好的节省服务器资源和带宽并达到实时通讯的目的http是一种无状态,无连接,单向的应用层协议,它采用了请求/响应模型,通信请求只能由客户端发起,服务端对请求做出应答处理。

文章图片
#websocket#vue.js#服务器 +1
uni-app App端实现文字语音播报(Ba-TTS)

最近在遇到消息提示语音播放出来,查了一圈文档发现并没有自带api后面想起支付宝收钱播报,不受限与系统环境和版本环境(后面查阅他是音频实现的)如果是由安卓端需要语音播放功能-直接使用Ba-TTs救急(需要付费20元)

文章图片
#uni-app
vue优化首屏加载时间优化-cdn引入第三方包

为什么要进行首屏加载优化,因为随着我们静态资源和第三方包和代码增加,压缩之后包会越来越大随着网络的影响,在我们第一输入url请求资源时候,网络阻塞,加载时间长,用户体验不好仔细观察后就会发现,代码压缩之后并没有多大,大的都是项目自身,静态资源,第三方包除去代码层面我们可以通过静态图片网络请求,gzip压缩,CDN(第三方包引入方式),浏览器缓存当我们在本地开发,需要使用到别人的包的时候。通过npm

文章图片
#前端
Vue -el-table表格动态控制表头动态展示数据(控制每一列展示)

最近在实际开发中我们遇到一个需求是用户自己控制键值来生成对应表格数据。换个思路就是我们还是正常查询数据,需要一个开关页面来动态改变表格展示每一列。我们需要一个开关页面,里面有多选,确定重置取消,确定时把选中数据传递给父组件,动态数据for循环最好是以封装成组件的形式,可以使代码减少,别的地方也可以用。组件全局注册直接用(主页文章有)

文章图片
#vue.js#elementui#javascript +1
datav-实现轮播表,使用updateRows方法-无缝衔接加载数据

最近在做大屏需求的时候,遇到一个轮播数据的需求,查看datav文档发现确实有这个组件但这个组件只提供了一次加载轮播的例子,虽然提供了轮播加载数据updateRows方法但是文档并没有触发事件,比如轮播完数据触发事件,加载完数据事件-这些都没有说明关键时我们要解决谁来判断数据轮播完了,来触发这个事件,请求接口,加载第二页数据。

文章图片
#前端
Vue 本地环境 http改成https测试

很多在线上的网站都是https连接,加密连接,是因为他购买了ssl证书,在Nginx配置了https。之前我们在文章讲过,本地环境下vue.config.js就相当于线上的Nginx配置文件,在本地也可以配置。为什么在本地环境要配置https了,因为像摄像头SDK和等等东西都是在https环境中运行。webpack,devserve搭建本地https开发环境,有2个问题需要解决,一个是域名,一个是

文章图片
#http#vue.js#https
uni-app 使用uni.getLocation获取经纬度配合腾讯地图api获取当前地址

最近在开发中需要根据经纬度获取当前位置信息,传递给后端,用来回显显示当前位置查阅uni-app文档,发现uni.getLocation () 可以获取到经纬度,但是在小程序环境没有地址信息思考怎么把经纬度换成地址,如果经纬度是key,那地址就是value,第三方地图就是数据库所以我们只要使用uni.getLocation ()获取经纬度配合地图api就可以解决这个需求报错一是因为微信小程序官方最近

文章图片
#uni-app
vue-内网,离线使用百度地图(地图瓦片图下载静态资源展示定位)

最近发现很多小伙伴都在问内网怎么使用百度地图,或者是断网情况下能使用百度地图吗后面经过一番研究,主要难点是,正常情况下我们是访问公网百度图片,数据,才能使用内网时访问不了百度地图资源时就会使用不了,如果我们能把我们需要数据下载到本地,自己访问自己,那这个问题就可以解决我们可以使用地图下载器下载我们需要的瓦片图数据,使用serve运行起来,这样内网和断网就可以使用了遗憾的是只能基本展示,定位。不能使

文章图片
#vue.js#javascript
微信开发者工具 构建npm包

这几天在学习小程序的时候发现微信开发者工具构建npm包失败,在这里记录一下解决方案首先明白package.json与package-lock.json有什么区别,怎么构建和有什么用微信开发者版本更新原因没有miniprogram文件目录,和本地npm包构建选项(新版本不用选找不到)微信开发者工具也会有很多bug,会编译出错,所以会使用Hb开发原因package.json与package-lock.

文章图片
#npm#vue.js#javascript
    共 75 条
  • 1
  • 2
  • 3
  • 8
  • 请选择