微信小程序基础知识储备（微信小程序涉及的知识点）

【相关学习推荐:微信小程序开发教程】

资源路径描述当图像和视频等标签的src属性等静态资源被引入模板时，可以使用相对路径或绝对路径。当js文件被引入脚本标签（包括renderjs等。），可以使用相对路径和绝对路径。Js文件不支持通过/开头的方式引入//绝对路径，@指向项目根目录，而@指向src目录import add from & # 39在cli项目中；@/common/add . js & # 39；//相对路径导入添加自& # 39；../../common/add . js & # 39；当css文件被引入css文件或样式标签时（scss和less文件也是如此），可以使用相对路径和绝对路径。/*绝对路径*/@导入URL（& # 39；/common/uni . CSS & # 39；);@导入URL（& # 39；@/common/uni . CSS & # 39；);/*相对路径*/@导入URL（& # 39；../../common/uni . CSS & # 39；);css文件或样式标签中引用的图像路径可以使用相对路径或绝对路径。需要注意的是，一些小程序端的css文件不允许引用本地文件/*绝对路径*/background -image:URL（/static/logo . png）；background -image:URL（@/static/logo . png）；/*相对路径*/background-image: URL（../../static/logo . png）；生命周期应用生命周期

函数名称描述on启动当uni-app初始化时触发（全局仅一次）on显示当uni-app启动时，或从后台进入前台以onHide显示当uni-app从前台进入后台时，onError在uni-app报告错误时触发页面生命周期。

函数名表示onLoad监听页面加载，其参数为上一页传递的数据，参数类型为Object（用于页面传递）onShow监听页面显示。每次页面出现在屏幕上时触发，包括从较低的页面点返回以显示当前页面。onReady监视页面初始呈现的完成情况。请注意，如果渲染速度很快，它将在页面进入动画之前触发onHide监视页面，隐藏onUnload监视页面，卸载onResize监视窗口大小更改，onPullDownRefresh将监视用户的下拉操作，该操作通常在onReachBottom页面上的bottom-up事件的处理程序onTabItemTap单击选项卡时触发。参数为ObjectonShareAppMessage，用户点击右上角分享onPageScroll监控页面滚动，参数为ObjectonNavigationBarButtonTap监控原生标题栏按钮的点击事件，参数为ObjectonBackPress监控页面返回。Returns event = {from:backbutton，navigateBack}，其中backbutton表示来源为左上角的返回按钮或android返回键；NavigateBack意味着源是uni。导航返回导航栏搜索输入已更改。收听原始标题栏搜索输入框输入内容更改事件OnNavigationBarsearch input confirmed。收听原标题栏搜索输入框搜索事件。当用户单击软键盘上的“搜索”按钮时，它会触发OnNavigationBarSearchInputClicked来侦听原生标题栏搜索输入框click事件Vue生命周期。

函数名称表示创建前-创建后-挂载前-更新前-更新后-销毁前-销毁后-路由uni-app有统一的框架管理，开发者需要在pages.json中配置每个路由页面的路径和页面样式如果你还是想用Vue路由器的方式管理路由，可以在插件市场搜索Vue -路由器。

路径跳转uni-app有两种页面路径跳转方式:使用导航器组件跳转和调用API跳转。

页面堆栈

路由模式页面堆栈显示了将新页面初始化到堆栈中的触发机会。uni -APP打开的第一页会打开一个新页面。新页面进入堆栈并调用API uni.navigateTo，通过使用组件页面将当前页面重定向到堆栈。新页面进入堆栈并调用API uni.redirectTo，使用组件页面返回的页面被连续弹出。直到目标返回页面调用API uni.navigateBack，使用组件，用户按下左上角的后退按钮，Android用户单击物理后退按钮将页面全部切换出堆栈，只留下一个新的选项卡页面来调用API uni。切换选项卡，用户切换选项卡以从堆栈中重新加载所有页面，只留下一个新页面来调用API uni。继电器和使用元件运行环境判断。

//uEnvDevif（process . ENV . node _ ENV = = = & # 39；发展& # 39；）{//TODO }//uEnvProdif（process . ENV . node _ ENV = = = & # 39；生产& # 39；）{// TODO}页面样式和布局单位px为屏幕像素和rpx响应px，两者之间的转换公式为设计稿/设计稿参考宽度中的750 *元素宽度。

样式导入@import../../common/uni . CSS“；。uni -卡{ box-shadow:无；}flex布局/*有两个主要概念:容器和项目*/。容器{ display:flex；flex -方向:排；flex -wrap:nowrap；flex -流:行nowrap/*简短形式*/just y-内容:中心；/*定义主轴上项目的对齐方式*/align -项目:居中；/*定义项目在相交轴上的对齐方式*/}。项目{订单:1；flex -grow:0；/*定义项目的放大倍数*/flex -shrink:1；/*定义项目的缩小比例*/align -self:auto；/*单个项目与其他项目的对齐方式不同*/}定义全局变量共享模块Vue.prototypeglobalDataVuex有关全局变量的几种实现方式，请参考文章uni-app。

类和样式的绑定支持组合对象的方式。

计算属性计算属性基于其反应依赖关系进行缓存。

条件呈现v-if v-show

列表渲染v-为注意携带的关键。

事件处理//事件映射表，左侧为WEB事件，右侧为“uni-app”对应的事件{ click:& # 39；点击& # 39；，touch start:& # 39；touchstart & # 39，touch move:& # 39；触摸移动& # 39；，触摸取消:& # 39；触摸取消& # 39；，touch end:& # 39；触摸端& # 39；，点击:& # 39；点击& # 39；，long tap:& # 39；龙塔& # 39；//建议长按替换输入:& # 39；输入& # 39；，更改:& # 39；改变& # 39；，提交:& # 39；提交& # 39；，模糊:& # 39；模糊& # 39；，重点:& # 39；聚焦& # 39；，重置:& # 39；重置& # 39；，确认:& # 39；确认& # 39；，column change:& # 39；columnchange & # 39，line change:& # 39；linechange & # 39，错误:& # 39；错误& # 39；，scroll toupper:& # 39；scrolltoupper & # 39，scroll tolower:& # 39；scrolltolower & # 39，滚动:& # 39；卷轴& # 39；}表单控件绑定建议使用uni-app的表单组件。

组件分为全局组件和本地组件，有类似的操作，即导入、注册和使用。

常见问题1。如何在最后一页获得数据加载（args）2。如何设置全局数据和全局方法Vuex（Vuex已内置在UNI-APP中）。

Uni-app自带统计平台，只要稍作准备就可以使用Uni统计官网地址:tongji.dcloud.net.cn/。

以上是微信小程序基础知识储备的详细内容。更多资讯请关注主机参考其他相关文章！

这几篇文章你可能也喜欢：

• 暂无相关推荐文章

本文由主机参考刊发，转载请注明：微信小程序基础知识储备（微信小程序涉及的知识点） https://zhujicankao.com/101820.html