logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

VUE开发一个组件——Vue list列表滑动删除

前言滑动删除,在很多APP软件里面可以见到,比如淘宝的订单列表,QQ微信的聊天记录等等,今天就来看看JavaScript是如何实现这个功能的,之所以说是vue,主要是框架是vue啦,主要还是JS+CSS部分。页面部分页面就超级简单咯,遍历一个列表,添加touchstart和touchend事件,并添加删除按钮。如果滑动就添加move类样式,向左滑动60px。<ul>&a

#javascript
VUE开发一个组件——Vue PC城市选择控件

前言前面用vue开发了三四个组件了,都是H5的,现在来看看PC是如何玩转组件的?其实和H5相同,样式不同而已。相关推荐《VUE开发一个组件——日历选择控件》 《VUE开发一个组件——移动端弹出层(IOS版)》 《VUE开发一个组件——Vue tree树形结构》都提供源码,可以去github上面获取。城市控件开始今天的课题,制作一个PC版的城市选择控件。样式制作...

Vue全局指令:如何添加全局指令?(附2个常用自定义指令)

前言前面有专门的文字,讲过Vue指令,以及如何使用指令,今天就来讲讲如何添加全局指令,并且附上2个非常适用的例子。《Vue如何创建自定义指令?》如何添加全局指令?在上面文章中,提到过一种方法,在main.js(入口JS文件)中引入你已经写好的指令文件,可以省略文件后缀:// main.jsimport focus from 'xxx/directive'如果你有多个指令文件了?怎...

Electron+Vue3+TypeScript+Vite +Vue.Draggable 完成事务拖动

原文地址:《Electron+Vue3+TypeScript+Vite +Vue.Draggable 完成事务拖动》前言有了简单的框架,下面来点实际业务相关的操作吧,集成 Vue.Draggable,将每一项任务拖拽任务到每个分类吧。Vue.Draggable 已经提供了一些完美的示例,这是 Vue.Draggable 官方提供的示例,https://sortablejs.github.io/vu

文章图片
#vue.js#typescript#electron
调用百度API,文字转语音

前言文字转语音,运用在什么场景了?一般后台管理系统会用到,提示管理员有“新的订单”、“新的任务”等等,管理员可以马上收到,并及时处理。就好比,在餐厅,经常会听到“你有新的订单”。下面就来看看是如何做到的。示例首先我们需要用到百度API, 百度演示地址。javascript实现起来其实很简单,请看function audioPlay(text){var zhTex...

#javascript
到底了