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

2022-05-02 21:38:35

01.FLY.JS

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

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

属性

类型

默认值

必填

说明

最低版本

cursor-spacing

number

否

指定光标与键盘的距离，取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的发生场景

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

不发送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

码农公寓