每日技术总结：fly.js，个位数前补零等

 

01.FLY.JS

文档：https://wendux.github.io/dist/#/doc/flyio/readme

 

02.微信小程序组件——input属性之cursor-spacing

属性	类型	默认值	必填	说明	最低版本
cursor-spacing	number	0	否	指定光标与键盘的距离，取input距离底部的距离和cursor-spacing指定的 距离的最小值作为光标与键盘的距离	1.0.0

 

 

 

参见微信开放文档 组件 input：https://developers.weixin.qq.com/miniprogram/dev/component/input.html

 

03.表单输入绑定修饰符.lazy

<!--在"change"时而非"input"时更新-->
<input v-model.lazy="msg">

参见Vue文档 表单输入绑定-修饰符-.lazy https://cn.vuejs.org/v2/guide/forms.html#lazy

 

04.个位数前补零的两种写法

第一种写法：

function fixedZero(val) {
  var result = '0' + val;
  result = result.substr(result.length - 2);
  return result;
}

第二种写法：

function fixedZero(val) {
  return val * 1 < 10 ? `0${val}` : val;
}

 

05.微信小程序——页面路由

在小程序中所有页面的路由全部由框架进行管理。框架以栈的形式维护了当前的所有页面。

路由方式	触发时机	页面栈表现	路由前页面	路由后页面
初始化	小程序打开的第一个页面	新页面入栈		onLoad,onShow
打开新页面	调用API wx.navigateTo 使用组件<navigator open-type="navigateTo"></navigator>	新页面入栈	onHide	onLoad,onShow
页面重定向	调用API wx.redirectTo 使用组件<navigator open-type="redirectTo"></navigator>	当前页面出栈，新页面入栈	onUnload	onLoad,onShow
页面返回	调用API wx.navigateBack 使用组件<navigator open-type="navigateBack"></navigator> 用户按左上角返回按钮	页面不断出栈，直到目标返回页	onUnload	onShow
Tab切换	调用API wx.switchTab 使用组件<navigator open-type="switchTab"></navigator>	页面全部出栈，只留下新的Tab页面
重加载	调用API wx.relaunch 使用组件<navigator open-type="reLaunch"></navigator>	页面全部出栈，只留下新的页面	onUnload	onLoad,onShow

 

06.微信小程序组件—— 导航 navigator

<!-- sample.wxml -->
<view class="btn-area">
  <navigator url="/page/navigate/navigate?title=navigate" hover-class="navigator-hover">跳转到新页面</navigator>
  <navigator url="../../redirect/redirect/redirect?title=redirect" open-type="redirect" hover-class="other-navigator-hover">在当前页打开</navigator>
  <navigator url="/page/index/index" open-type="switchTab" hover-class="other-navigator-hover">切换 Tab</navigator>
  <navigator target="miniProgram" open-type="navigate" app-id="" path="" extra-data="" version="release">打开绑定的小程序</navigator>
</view>

 

07.微信小程序开放接口小程序跳转 wx.navigateToMiniProgram(Object object)

打开另一个小程序

示例代码：

wx.navigateToMiniProgram({
   appId: '',
   path: 'page/index/index?id=123',
   extraData: {
        foo: 'bar'
   },
   envVersion: 'develop',
   success(res) {
       //打开成功 
    } 
}) 

 

08.微信小程序——页面生命周期函数

https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html

 

09.HTTP Referer教程——阮一峰

Referer：引荐网页的URL

注意：Referer的正确拼写是Referrer，将错就错。

Referer的发生场景

1. 用户点击网页上的链接
2. 用户发送表单
3. 网页加载静态资源，比如图片、脚本、样式

不发送Referer字段的情况：

• 用户在地址栏输入网址
• 用户选中浏览器书签

 

浏览器的JavaScript引擎提供 document.referrer属性，可查看当前页面的引荐来源（注意，这里采用的是正确的拼写）

 

浏览器提供一系列手段，允许改变默认的Referer行为

<a href="..." rel="noreferrer" target="_blank">XXX</a>

rel="noreferrer" 采用正确的拼写

详细内容参见：http://www.ruanyifeng.com/blog/2019/06/http-referer.html