逍遥云天 - 博客园

微信小程序、支付宝小程序、H5根据字符串生成相同的二维码

摘要：前言：建议后端合成二维码，直接返回图片给前端（包括二维码带logo），如果后端没有实现这个，只返回字符串给前端，那么就需要前端来用插件合成二维码了。前端合成二维码，就要用到插件。不少H5的二维码插件都用到DOM的，小程序中没有DOM这个概念，所以h5的好多插件并不能直接用到小程序上，也就出现了h 阅读全文

posted @ 2020-10-12 18:25 逍遥云天阅读(1487) 评论(0) 推荐(0)

Element Ui使用技巧——Form表单的校验规则rules详细说明

摘要： Element UI中对Form表单验证的使用介绍： Form 组件提供了表单验证的功能，只需要通过 rules 属性传入约定的验证规则，并将 Form-Item的 prop 属性设置为需校验的字段名即可。校验规则参见 async-validator 文档中提及的用法有2种： 1.对整个表单进行规则阅读全文

posted @ 2020-07-23 15:57 逍遥云天阅读(81026) 评论(1) 推荐(8)

element-ui说明文档补充扩展

摘要：前言：对于Element Ui的使用，刚开始是有点抵触心理的，也可能是之前使用layui、vux以及小程序说明文档习惯了吧，猛的接触 Element Ui，感觉说明文档比较粗略，好些地方都貌似只能看到示例代码。比如，表单验证的属性字段 rules 只有一个说明——表单验证规则，然后就没有了。虽然阅读全文

posted @ 2020-07-23 15:56 逍遥云天阅读(754) 评论(0) 推荐(0)

css3弹性盒子常用样式属性梳理汇总

摘要： direction 修改元素排列方式，可单独使用，会影响子元素内部元素排列 rtl 1 2 12 flex-direction 弹性子元素在父容器中的位置 row-reverse 1 2 3 column-reverse 1 2 3 justify-content 弹性子元素（横向）排列方式，可单独阅读全文

posted @ 2020-07-09 14:39 逍遥云天阅读(826) 评论(0) 推荐(0)

vue项目（hash模式）使用better-scroll实现页面滚动状态保持

摘要：注意：这里说的是返回页面滚动位置状态保持，不是简单的keep-alive实现的页面缓存。应用场景： A页面为首页，B页面也为列表页面，C页面为B页面的某个列表项详情页面： A->B->C：A页面进入B页面，滚动到某个列表项 list-item-x ，点击列表项进入页面C。 C->B->A：对于返回阅读全文

posted @ 2020-07-06 16:48 逍遥云天阅读(1569) 评论(0) 推荐(0)

vue编写以plugin形式调用的插件——以全局错误展示界面为例

摘要：应用场景：使用vux的小伙伴应该能体会到，以插件形式调用的toast、loading用起来都停不错的，只需要main.js中添加为vue的实例方法，就可以在页面中根据需要随时随地的进行调用。同样，项目中也需要一些公用的页面，如全局的访问异常页面。如果采用普通的组件引用，则需要在每个需要用到的页面阅读全文

posted @ 2020-06-16 15:35 逍遥云天阅读(745) 评论(0) 推荐(0)

vue项目快速实现后端接口返回的xml格式的数据进行解析

摘要：相关背景：老项目重构，后端返回xml格式数据。前端有现有的vue项目底层框架可以复用，现有框架支持对后端返回的json数据进行解析，需要调整的就是对xml格式数据的解析。前端对后端接口的请求使用axios进行封装，且有mock数据方便本地联调开发。解决方案：封装xml解析相关方法；根据后阅读全文

posted @ 2020-06-03 18:02 逍遥云天阅读(13081) 评论(0) 推荐(1)

javascript实现xml字符串转换json格式数据

摘要：前言：公司一个老项目重构，后端返回数据为xml格式。而现有的前后端分离开发中，后端大部分返回的都是json格式的数据给到前端，所以前端也是直接对后端返回的json数据进行解析。因此就需要对老接口返回的xml数据进行转换了，看了下老项目中对xml数据解析的相关代码，有1700+行，可谓是比较恐怖阅读全文

posted @ 2020-06-03 15:18 逍遥云天阅读(7827) 评论(0) 推荐(1)

支付宝小程序的携带参数全局分享实现

摘要：前言：关于微信小程序全局分享控制的事项，可以参考：微信小程序全局分享转发控制实现——从此无需页面单独配置。关于支付宝小程序官方提供的的全局分享，相见官方文档页面事件处理函数onShareAppMessage(options: Object)。支付宝小程序中转发分享有以下特点：默认开启，页面无阅读全文

posted @ 2020-04-03 18:23 逍遥云天阅读(5058) 评论(0) 推荐(0)

支付宝小程序使用canvas画布模拟页面截屏并分享的实现

摘要：前边已经写过微信小程序使用canvas画布实现当前页面截屏并分享，有兴趣的可以看下。本文是从微信小程序中移植过来的，除了部分API调用不一样，大部分代码都是一样的，具体代码如下： 1 const app = getApp() 2 //尺寸比例计算（页面宽度已750为准，即750*scale，所有尺阅读全文

posted @ 2020-04-01 19:04 逍遥云天阅读(2122) 评论(0) 推荐(0)