⼩程序必知⾯试题
html实现用户注册登录代码1 请谈谈⼩程序主要⽬录和⽂件的作⽤?
App.js 设置⼀些全局的基础数据等;
App.json 底部tab, 标题栏和路由等设置;
App.wxss 公共样式,引⼊iconfont等;
pages ⾥⾯包含⼀个个具体的页⾯;
index.json (配置当前页⾯标题和引⼊组件等);
index.wxml (页⾯结构);
index.wxss (页⾯样式表);
index.js (页⾯的逻辑,请求和数据处理等);
2 请谈谈wxml与标准的html的异同?
都是⽤来描述页⾯的结构;
都由标签、属性等构成;
标签名字不⼀样,且⼩程序标签更少,单⼀标签更多;
多了⼀些 wx:if 这样的属性以及 {{ }} 这样的表达式
WXML仅能在⼩程序开发者⼯具中预览,⽽HTML可以在浏览器内预览
组件封装不同, WXML对组件进⾏了重新封装,
⼩程序运⾏在JS Core内,没有DOM树和window对象,⼩程序中⽆法使⽤window对象和document对象。
3 请谈谈WXSS和CSS的异同?
都是⽤来描述页⾯的样⼦;
WXSS 具有 CSS ⼤部分的特性,也做了⼀些扩充和修改;
WXSS新增了尺⼨单位,WXSS 在底层⽀持新的尺⼨单位 rpx;
WXSS 仅⽀持部分 CSS 选择器;
WXSS 提供全局样式与局部样式
4 你是怎么封装⼩程序的数据请求的?
在根⽬录下创建utils⽬录及api.js⽂件和apiConfig.js⽂件;
在apiConfig.js 封装基础的get, post 和 put, upload等请求⽅法,设置请求体,带上token和异常处理等;
在api中引⼊apiConfig.js封装好的请求⽅法,根据页⾯数据请求的urls, 设置对应的⽅法并导出;
在具体的页⾯中导⼊;
5 ⼩程序页⾯间有哪些传递数据的⽅法?
使⽤全局变量实现数据传递
页⾯跳转或重定向时,使⽤url带参数传递数据
使⽤组件模板 template传递参数
使⽤缓存传递参数
使⽤数据库传递数据
6 请谈谈⼩程序的双向绑定和vue的异同?
⼤体相同,但⼩程序直接this.data的属性是不可以同步到视图的,必须调⽤this.setData()⽅法!
7 请谈谈⼩程序的⽣命周期函数?
onLoad() 页⾯加载时触发,只会调⽤⼀次,可获取当前页⾯路径中的参数。
onShow() 页⾯显⽰/切⼊前台时触发,⼀般⽤来发送数据请求;
onReady() 页⾯初次渲染完成时触发, 只会调⽤⼀次,代表页⾯已可和视图层进⾏交互。
onHide() 页⾯隐藏/切⼊后台时触发, 如底部 tab 切换到其他页⾯或⼩程序切⼊后台等。
onUnload() 页⾯卸载时触发,如redirectTo或navigateBack到其他页⾯时。
8 简述⼩程序原理?
⼩程序本质就是⼀个单页⾯应⽤,所有的页⾯渲染和事件处理,都在⼀个页⾯内进⾏,但⼜可以通过客户端调⽤原⽣的各种接⼝;
它的架构,是数据驱动的架构模式,它的UI和数据是分离的,所有的页⾯更新,都需要通过对数据的更改来实现;
它从技术讲和现有的前端开发差不多,采⽤JavaScript、WXML、WXSS三种技术进⾏开发;
功能可分为webview和appService两个部分;
webview⽤来展现UI,appService有来处理业务逻辑、数据及接⼝调⽤;
两个部分在两个进程中运⾏,通过系统层JSBridge实现通信,实现UI的渲染、事件的处理等。
9 请谈谈原⽣开发⼩程序、wepy、mpvue 的对⽐?
个⼈认为,如果是新项⽬,且没有旧的 h5 项⽬迁移,则考虑⽤⼩程序原⽣开发,好处是相⽐于第三⽅框架,坑少。
⽽如果有⽼的 h5 项⽬是 vue 开发或者也有 h5 项⽬也需要⼩程序开发,则⽐较适合 wepy 或者 mpvue 来做迁移或者开发,近期看wepy⼏乎不更新了,所以推荐美团的mpvue。
⽽如果如果团队前端强⼤,⾃⼰做⼀套框架也没问题。
10 ⼩程序和原⽣app哪个好?
⼩程序除了拥有的低开发成本、获客成本低以及⽆需下载等优势,在服务请求延时与⽤户使⽤体验是都得到了较⼤幅度的提升,使得其能够承载跟复杂的服务功能以及使⽤户获得更好的⽤户体验。
11 简述⼩程序原理
⼩程序采⽤JavaScript、WXML、WXSS三种技术进⾏开发,从技术讲和现有的前端开发差不多,但深⼊挖掘的话却⼜有所不同。
JavaScript:⾸先JavaScript的代码是运⾏在App中的,并不是运⾏在浏览器中,因此⼀些H5技术的应⽤,需要App提供对应的API ⽀持,⽽这限制住了H5技术的应⽤,且其不能称为严格的H5,可以称其为伪H5,同理,提供的独有的某些API,H5也不⽀持或⽀持的不是特别好。
WXML:WXML⾃⼰基于XML语法开发的,因此开发时,只能使⽤提供的现有标签,HTML的标签是⽆法使⽤的。
WXSS:WXSS具有CSS的⼤部分特性,但并不是所有的都⽀持,⽽且⽀持哪些,不⽀持哪些并没有详细的⽂档。
的架构,是数据驱动的架构模式,它的UI和数据是分离的,所有的页⾯更新,都需要通过对数据的更改来实现。
⼩程序分为两个部分webview和appService。其中webview主要⽤来展现UI,appService有来处理业务逻辑、数据及接⼝调⽤。它们在两个进程中运⾏,通过系统层JSBridge实现通信,实现UI的渲染、事件的处理
12 ⼩程序的双向绑定和vue哪⾥不⼀样
⼩程序直接this.data的属性是不可以同步到视图的,必须调⽤:this.setData({})
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论