微信小程序开发——开发小技巧集锦
正文内容加载中...
posted @ 2021-06-02 10:20 逍遥云天 阅读(14) 评论(0) 推荐(0) 编辑
vue+Better-scroll实现滚动位置保持并对页面切换效果进行优化
摘要：前言： 环境限制，只能用hash模式，所以不能直接用vue自身的页面缓存。 如果要保持页面滚动位置，可以在页面滚动结束后将滚动距离保存到缓存中，然后在下次加载页面的时候自动滚动指定距离。 这里以Better-scroll2.0为例进行说明。 示例代码： 1 <template> 2 <div cla 阅读全文
posted @ 2021-02-24 15:47 逍遥云天 阅读(244) 评论(0) 推荐(0) 编辑
vue项目使用scss生成多个同心圆环按不同速度转动的效果实现
摘要：如上，实现多个同心不同宽度的圆环以不同的速度转动的特效。 本例所取项目采用了vue+vant+scss+mockjs，其中圆环采用vant的环形进度条组件，圆环的宽度、直径大小、线条的长度等采用mockjs的随机数按一定规则进行设置，圆环的循环滚动采用css3的animation动画，动画的随机频率 阅读全文
posted @ 2020-12-04 11:20 逍遥云天 阅读(363) 评论(0) 推荐(0) 编辑
JSON转换异常——SyntaxError: Unexpected token n in JSON at position 1 如何处理
摘要：如题，JSON字符串转换JSON格式报错： 这个问题，一般在JSON字符串转换JSON对象的时候才会出现的，下面就详细介绍下。 为什么会出现这个问题？ 对于JSON来说，主要由两种格式，一种是对象，另一种是数组，如下： //JSON 对象 var jsonObj={ "name":"json", " 阅读全文
posted @ 2020-10-29 15:28 逍遥云天 阅读(2557) 评论(0) 推荐(0) 编辑
vue-cli3项目引用zepto报$不存在怎么处理
摘要：异常描述： 查了下，是这个原因导致的： 只使用了 AMD 规范的模块导出方法 define，没有用 CommonJs 规范的方法 module.exports 来导出模块，不过这不是造成报错的原因。 操作步骤： 第一步：安装 script-loader exports-loader: npm ins 阅读全文
posted @ 2020-10-27 15:55 逍遥云天 阅读(412) 评论(0) 推荐(0) 编辑
微信小程序、支付宝小程序、H5根据字符串生成相同的二维码
摘要：前言： 建议后端合成二维码，直接返回图片给前端（包括二维码带logo），如果后端没有实现这个，只返回字符串给前端，那么就需要前端来用插件合成二维码了。 前端合成二维码，就要用到插件。不少H5的二维码插件都用到DOM的，小程序中没有DOM这个概念，所以h5的好多插件并不能直接用到小程序上，也就出现了h 阅读全文
posted @ 2020-10-12 18:25 逍遥云天 阅读(387) 评论(0) 推荐(0) 编辑
Element Ui使用技巧——Form表单的校验规则rules详细说明
摘要：Element UI中对Form表单验证的使用介绍： Form 组件提供了表单验证的功能，只需要通过 rules 属性传入约定的验证规则，并将 Form-Item的 prop 属性设置为需校验的字段名即可。校验规则参见 async-validator 文档中提及的用法有2种： 1.对整个表单进行规则 阅读全文
posted @ 2020-07-23 15:57 逍遥云天 阅读(24528) 评论(0) 推荐(0) 编辑
element-ui说明文档补充扩展
摘要：前言： 对于Element Ui的使用，刚开始是有点抵触心理的，也可能是之前使用layui、vux以及小程序说明文档习惯了吧，猛的接触 Element Ui，感觉说明文档比较粗略，好些地方都貌似只能看到示例代码。 比如，表单验证的属性字段 rules 只有一个说明——表单验证规则，然后就没有了。虽然 阅读全文
posted @ 2020-07-23 15:56 逍遥云天 阅读(418) 评论(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 逍遥云天 阅读(500) 评论(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 逍遥云天 阅读(779) 评论(0) 推荐(0) 编辑
