2021年6月2日

微信小程序开发——开发小技巧集锦

正文内容加载中...

posted @ 2021-06-02 10:20 逍遥云天 阅读(14) 评论(0) 推荐(0) 编辑

2021年2月24日

vue+Better-scroll实现滚动位置保持并对页面切换效果进行优化

摘要:前言: 环境限制,只能用hash模式,所以不能直接用vue自身的页面缓存。 如果要保持页面滚动位置,可以在页面滚动结束后将滚动距离保存到缓存中,然后在下次加载页面的时候自动滚动指定距离。 这里以Better-scroll2.0为例进行说明。 示例代码: 1 <template> 2 <div cla 阅读全文

posted @ 2021-02-24 15:47 逍遥云天 阅读(244) 评论(0) 推荐(0) 编辑

2020年12月4日

vue项目使用scss生成多个同心圆环按不同速度转动的效果实现

摘要:如上,实现多个同心不同宽度的圆环以不同的速度转动的特效。 本例所取项目采用了vue+vant+scss+mockjs,其中圆环采用vant的环形进度条组件,圆环的宽度、直径大小、线条的长度等采用mockjs的随机数按一定规则进行设置,圆环的循环滚动采用css3的animation动画,动画的随机频率 阅读全文

posted @ 2020-12-04 11:20 逍遥云天 阅读(363) 评论(0) 推荐(0) 编辑

2020年10月29日

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) 编辑

2020年10月27日

vue-cli3项目引用zepto报$不存在怎么处理

摘要:异常描述: 查了下,是这个原因导致的: 只使用了 AMD 规范的模块导出方法 define,没有用 CommonJs 规范的方法 module.exports 来导出模块,不过这不是造成报错的原因。 操作步骤: 第一步:安装 script-loader exports-loader: npm ins 阅读全文

posted @ 2020-10-27 15:55 逍遥云天 阅读(412) 评论(0) 推荐(0) 编辑

2020年10月12日

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

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

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

2020年7月23日

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) 编辑

2020年7月9日

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) 编辑

2020年7月6日

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) 编辑

导航