0%

⚽️微信小程序

wx.previewImage(Object object)

wx.previewImage(Object object):在新页面中全屏预览图片。预览的过程中用户可以进行保存图片、发送给朋友等操作。
这是小程序开发文档中关于图片的一个API

Read more »

🐒微信小程序

埋点读研

  • 需求:要求统计文章的点击数pv、用户数uv、以及阅读时间
  • 前端实现:主要在业务接口内埋点,将埋点信息作为一个字符串,加在post参数内,记录在服务器的接口访问日志上。
  • 关于埋点,网上有很多资料,自己也去仔细了解了一下。这里有几个 感觉还不错的资料:
    埋点方案概述-迭代升级
    前端埋点的那些事
    Read more »

🏀正则表达式

  • 主要功能:模式匹配,文本检索与替换
  • 表示:
  1. 可以用RegExp对象表示,用RegExp()构造函数来创建RegExp对象
  2. 正则表达式直接量:/…/之间的字符
    Read more »

关于微信小程序,不可避免会与各种二维码有接触。

小程序开发文档中也有相应的api文档,用起来还是很方便的。

这一次,刚好因为版本需求,于是进一步了解了一番,在此来一个总结,主要为前端角度。

Read more »

🐰微信小程序

Swiper组件

文档=>swiper组件

1、swiper-item 只能放在swiper组件中,宽高自动100%。

2、组件的属性 文档写的很清晰,本次主要使用

  • previous-margin 前边距
  • next-margin 后边距
  • current 当前滑块的index
  • interval 自动切换时间间隔
  • bindchange current改变时触发change事件
    Read more »

在写博客过程中,有时候用图片来展示,远比自己描述更加清晰。可是,问题来了,怎么插入图片呢?

博文是.md文件,语法也是markdown语法,而每次写博客都是直接在有道云笔记上编辑,还可以一边预览。但是插入图片这一功能,需要开通会员,都是相同的套路啊~

Read more »

🐭微信小程序

wx:for和wx:key

在组件上使用wx:for控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件。

默认数组的当前项的下标变量名默认为 index,数组当前项的变量名默认为 item

使用 wx:for-item 可以指定数组当前元素的变量名,

使用 wx:for-index 可以指定数组当前下标的变量名:

1
2
3
4
5
6
7
<view wx:for="{{array}}">
{{index}}: {{item.message}}
</view>

<view wx:for="{{array}}" wx:for-index="idx" wx:for-item="itemName">
{{idx}}: {{itemName.message}}
</view>

wx:key=”字符串”

这个”字符串”代表在 for 循环的 array 中 item 的某个“属性”

该“属性” 的值需要是列表中唯一的字符串或数字,且不能动态改变。

用于被遍历的组件需要多个属性的时候。

Read more »

第一次看到同学的博客时,就被这种极简又炫酷的画面吸引了,后来才知道,这就是Next主题。

所以,当自己拥有博客后,自然第一选择就是Next主题。

克隆下来的Next主题是默认的,可以根据需要,修改配置,打造自己的个性化主题。

Read more »

🚗Wepy框架

  1. WePY中的methods的使用
    • 只能声明页面的bind、catch事件,不能声明自定义方法
    • 自定义方法应该跟methods平级
  2. this 运用
    小程序里修改data 里面的属性或者赋值都需要利用this.setdata()而wepy 基本就是利用this.属性即可。如果是异步返回或者更新dom需要this.$apply()触发脏值检测
  3. data使用注意点
    对于视图中需要用到的数据,应该事先在data中定义一下,哪怕此时没有数据,也应该定义一个空值
  4. 模板字符串换行问题
    1
    `/page/line/itemList?sysno=${sysno}&deptid=${deptid}&isBan=1`
    在同一行中如果太长,需要换行,末尾最好在{处换行,不然如果刚好一个完整的${}在传递时 会产生空格。
    Read more »