面试笔记(七)【微信小程序】篇
前端面试题的整合,尽量写全又简洁易懂的风格。
此篇为【微信小程序】相关知识的整理。
面试笔记系列专栏共7个篇章,会不定期更新。
敲起来blingbling
挺秃然的
展开
-
微信小程序如何自定义组件
小程序中一个自定义组件由 json wxml wxss js 4个文件组成。1 创建自定义组件首先创建一个components文件夹,用于放置所有自定义的组件。2 基本配置mytoast.json(进行自定义组件声明){ "component": true}mytoast.wxml<view class='wx_toast_container' hidden="{{!toastShow}}"> <view class='wx_toast_text'>{{to原创 2021-09-15 20:59:30 · 303 阅读 · 0 评论 -
微信小程序首页加载的优化
冷启动如果用户首次打开,或小程序销毁后被用户再次打开,此时小程序需要重新加载启动,即冷启动。触发场景新用户第一个进入小程序用户已经进入过小程序,但小程序被销毁(原因:小程序被删除或小程序在后台等待时间过长,自动销毁了)首屏加载慢大部分原因是冷启动时加载的数据过多,需要依赖过多的服务端的接口数据等热启动如果用户已经打开过某小程序,然后在一定时间内再次打开该小程序,此时小程序并未被销毁,只是从后台状态进入前台状态,这个过程就是热启动。触发场景:用户打开了小程序,在小程序没有被销毁时再次打开小原创 2021-09-15 20:58:10 · 2727 阅读 · 0 评论 -
微信小程序login流程
小程序可以通过官方提供的登录方式获取微信提供的用户身份标识,快速建立小程序内的用户体系。通过wx.login()来获取code然后调用wx.request()向服务端发起一个请求,即向登录api接口发送code换取openid和session_keylogin: function() { wx.login({ success: function (res) { console.log(res.code) //发送请求 wx.request({原创 2021-09-15 20:57:38 · 1508 阅读 · 0 评论 -
小程序对应HTML常用标签
HTML微信小程序<div></div><view></view><h1></h1>...<h6></h6> <p></p><span></span><view></view><i class="icon"><icon></icon><iput type=...原创 2021-09-15 20:57:10 · 461 阅读 · 0 评论 -
微信小程序里的rpx单位
rpx单位是微信小程序中css的尺寸单位,rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px设备 rpx换算px (屏幕宽度/750) px换算rpx (750/屏幕宽度)iPhone5(宽320) 1rpx = 0.42px 1px = 2.34pxiPhone6 (宽375) 1rpx = 0.5px原创 2021-09-15 20:56:10 · 383 阅读 · 3 评论 -
小程序和vue的区别
1 生命周期相比之下,小程序的钩子函数要简单一些。vue的钩子函数在跳转新页面时,钩子函数都会触发;但小程序中,页面不同的跳转方式,触发的钩子并不一样。onLoad:页面加载一个页面只会调用一次,可以在 onLoad 中获取打开当前页面所调用的 query 参数。onShow:页面显示每次打开页面都会调用一次。onReady:页面初次渲染完成一个页面只会调用一次,代表页面已经准备妥当,可以和视图层进行交互。onHide:页面隐藏当navigateTo或底部tab切换时调用。onUnl原创 2021-09-13 21:21:40 · 328 阅读 · 0 评论