前端微信小程序面试题总结

2024-05-18 18:19:51

目录

双向数据绑定

父子组件传值

生命周期函数分包路由封装axios 自定义导航栏

本地存储

组件生命周期函数

获取用户信息

双向数据绑定

1 普通的数据绑定是没有响应式的

<input value="{{value}}" />

使数据具有响应式

// 使用setData赋值，使其拥有响应式，达到双向数据绑定的效果
this.setData({dataAll: this.data.dataAll,
})

2 使用 model: 前缀来使数据绑定具有响应式

<input model:value="{{value}}" />

父子组件传值

定义子组件

创建compontents文件夹，新建对应子组件

引入子组件

json文件里

 "usingComponents": {"header":"../../components/header"},

父传子

子组件里的 properties 就是 props ,用来接受父传子数据

格式一 text:String

格式二 text :{ type:String , value : '' ,} // value是默认值

子传父

父组件中的自定义事件

bind:自定义事件名= " "

子组件中的调用

//作用与emit相似，建议用对象传值
this.triggerEvent('aaa', {k:v})

生命周期函数分包路由封装axios 自定义导航栏

点击查看

本地存储

异步

存 wx.setStorage({ key: "名称", data: JSON.stringify( 数据 ) })

取 wx.getStorage({ key: "名称", success:(res)=>{ 成功时 res就是对应数据 } })

同步

存 wx.setStorageSync('名称', JSON.stringify(数据))

取 wx.getStorageSync('名称')

组件生命周期函数

created()：组件实例刚刚被创建好时触发。
attached()：进入页面节点树后触发
detached() 组件离开页面节点树后触发

获取用户信息

启用button组件

<button type="primary"  open-type="getUserInfo"bindgetuserinfo="handleGetUserInfo">登陆
</button>

open-type="getUserInfo" 设置按钮功能为获取用户信息

bindgetuserinfo 是点击后的调用自带的形参中，就有用户信息

handleGetUserInfo(e) {console.log(e)const { userInfo } = e.detail;}

前端微信小程序面试题总结相关推荐

web前端-微信小程序开发学习
web前端-微信小程序开发学习 1. 小程序的概述 2. 小程序的项目结构 2.1 小程序项目结构分析 2.2 WXML模版 2.3 小程序的宿主环境 3. 组件 3.1 视图容器类组件 3.2 常用 ...
Java后端服务器点餐系统的部署+前端微信小程序开发（13）
Java后端服务器点餐系统的部署+前端微信小程序开发(13) 编译运行小程序 1,本地调试这和你上面java的运行要保持一致,如果是本地的java项目运行你就用 localhost 后台Java直接 ...
商城系统（SpringBoot后端+Vue管理员前端+微信小程序）正式开源啦！
一.项目介绍 mall是一套商城系统,包括 Spring Boot后端. Vue后台管理员前端 .微信小程序用户前端 . 主要功能有商品管理.订单管理.用户管理.商品收藏.加购物车.地址管理等. ma ...
前端微信小程序常见面试题
1.微信小程序有几个文件 WXML(WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件.事件系统,可以构建出页面的结构.内部主要是微信自己定义的一套组件 WXSS ( ...
Spring Boot后端+Vue前端+微信小程序，完整的开源解决方案！
项目简介一个小商场系统,包括: 后端:Spring Boot 管理员前端:Vue 用户前端:微信小程序功能介绍 1.小商城首页专题列表.专题详情分类列表.分类详情品牌列表.品牌详情新品首 ...
前端微信小程序实战篇
电商底部导航栏的制作我想大家对电商一定不陌生,一般电商的底部导航栏有以下几个首页.分类.购物车.个人中心. app.json是用来配置page路径以及导航栏属性的,那我们要做首页.分类.购物车.个人 ...
新手前端微信小程序img图片无法显示问题
最近自己在做毕设,是一个微信小程序,虽然自己有一点前端开发经验,以为小程序前端和这个差不多可以直接开撸,但是这两天被一些图片问题烦了好久. 这也是自己第一次写博客,实在太生气了,网上也没找到自己想要的 ...
微信小程序面试题总结
A类问题 1 请谈谈微信小程序主要目录和文件的作用? project.config.json 项目配置文件,用得最多的就是配置是否开启https校验: App.js 设置一些全局的基础数据等: App ...
微信小程序面试题大全
1.简述微信小程序的相关文件类型? WXML 搭建页面的结构 WXSS 页面样式文件 js 逻辑处理,网络请求 json 配置当前页面标题和引入组件等 app.js 可以在里边监听生命周期函数.声明全 ...
《微信小程序案例10》后端服务器与mysql数据库与前端微信小程序
一.服务器配置mysql 1.下载数据库模块,直接在egg服务器里面下载:npm i --save egg-mysql 2.vscode打开服务器文件夹config里面的plugin.js ,开启刚刚 ...

最新文章

热门文章