- 博客(9)
- 收藏
- 关注
原创 el-form表单验证的一些方法总结
Form 组件提供了表单验证的功能,只需要通过 属性传入约定的验证规则,并将 Form-Item 的 属性设置为需校验的字段名即可。以一般的form表单为例:一般在vue中这样来写,就可以对表单进行验证。如果有一些复杂的验证规则,也可以选择自定义验证, 方式二(表单嵌套)嵌套的表单,一般业务场景是,有一些表单项需要按照条件显示或者隐藏,data里面的model数据可能会是对象里面套对象的,el-form也同样支持嵌套的验证,写法一般如下:...
2022-07-08 15:04:11 4421
原创 前端接入阿里云外呼SDK
最近项目中需要使用到阿里云的外呼拨打电话功能,由前端直接接入阿里云呼的SDK。使用起来也比较简单,不过还是有一些问题需要注意一下。下面就直接上代码说一下具体是怎么接入的。
2022-06-30 16:12:11 2952
原创 canvas图片压缩!
canvas and svgcanvas是一个可以使用js脚本来绘制图形的HTML元素,它是chrome为我们提供好的一个绘制2D图形的api.svg是使用XML标签来绘制2D图形的语言,和canvas最大的写法上的区别就是:(1).svg的写法和编写html标签一样,而canvas则需要使用js;(2).canvas 是在规定的画布上面逐像素进行渲染的,当我们在浏览器开发者工具对其进行选中时,是不能选中的;(3).canvas是依赖分辨率是位图,svg不依赖分辨率是可缩放矢量图形;(4).ca
2021-05-14 10:00:28 143
原创 30秒内实现前端数据mock
前言数据mock除了mock.js、或者使用花瓶等抓包工具引入本地json文件的方法还是有啥子呢??是不是感觉这些方法使用起来都很麻烦,主要还都不能模拟真实的数据增删改查,哥哥们别急,接下来介绍的这个方法,可以完全模拟真实的接口调用情况。JSON ServerJSON Server顾名思义就是,起一个本地服务,你可以指定一个 json 文件作为 api 的数据源。官网宣称可以在30秒内用0代码实现一个RESTful风格的 API,并支持跨域、jsonp、路由订制、数据快照保存等功能的 web 服务器。
2021-05-14 09:59:53 261
原创 微信小程序退出,web-view里h5音乐继续播放问题解决
先说结论,那就是通过监听visibilitychange事件这个问题,首先看你的需求是不是要在页面切换的时候停止播放,对我们的项目来说,播放的是对景点的详情解说,由于景点的文字解说在小程序页面,所以当webview里面的音乐播放的时候,用户从webview返回到小程序页面时,不希望播放的解说停止,所以我们对这个不作处理。不过,刚开始也找了解决方案,经过测试,安卓,ios都可以实现对播放的停止。visibilitychange事件:当其选项卡的内容变得可见或被隐藏时,会在文档上触发 visibility
2021-05-14 09:59:01 1390
原创 使用prettier格式化你的代码
what prettier??prettier是目前比较流行,用的比较多的代码格式化工具,当你在编辑器里面保存代码滴时候自动格式化你的代码格式,统一团队代码格式,尤其是配合eslint的时候,更能节省时间。使用prettier项目为VUE,在创建项????最好是要选择linter/formatter选项,ESLint+Prettier1.在vscode里面的插件市场搜索prettier进行安装不要选错了哦~哥哥们2.接下来在vscode里面创建.prettierrc的文件,支持json格式的哦哥
2021-05-14 09:58:14 721
原创 H5手绘地图(自定义栅格图层)踩坑
手绘地图简介手绘地图顾名思义就是手工绘制的地图,比普通的地图更有观赏性和生动性,通过把特定的地点绘制出来,兼具实用和纪念性,同时更加具有可看性。一般在旅游景点有很多这种纸质版手绘地图。比如这种:前期开发准备1.手绘地图绘制我们找的是一个专门做手绘地图的团队,因为这个不是纸质版地图,是要在页面上显示的,并且在地图上面要有对应的点位标记,所以让他们以腾讯地图为基础在上面进行一比一绘制,点位,道路,河流尽量要对准,不然在后期开发的过程中,点位的偏移会很大。地图开发完成之后,以一张png图片给我们,我们通过
2021-05-14 09:57:03 3721 4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人