微信小程序的面试题_小程序面试题汇总

微信小程序的面试题_小程序面试题汇总小程序面试题简单描述下微信小程序的相关文件类型?一、WXML(WeiXinMarkupLanguage)是框架设计的一套标签语言,结合基础组件、事件系统,可以构建出页面的结构。内部主要是微信自己定义的一套组件。与html差不多。二、WXSS(WeiXinStyleSheets)是一套样式语言,用于描述WXML的组件样式,与css差不多二、js逻辑处理,…

大家好,又见面了,我是你们的朋友全栈君。

小程序面试题

  1. 简单描述下微信小程序的相关文件类型?

       一、WXML (WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件、事件系统,可以构建出页面的结构。内部主要是微信自己定义的一套组件。与html差不多。

二、WXSS (WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式,与css差不多

二、js 逻辑处理,网络请求

三、json 小程序设置,如页面注册,页面标题及tabBar。

 

  1. 有哪些参数传值的方法?

   一、给HTML元素添加data-*属性来传递我们需要的值,然后通过e.currentTarget.dataset或onload的param参数获取。但data-名称不能有大写字母和不可以存放对象
二、设置id 的方法标识来传值通过e.currentTarget.id获取设置的id的值,然后通过设置全局对象的方式来传递数值
三、在navigator中添加参数传值(?传的值的名称=所传的值在onLoad(option)用option来接收并获取)

3、你使用过哪些方法,来提高微信小程序的应用速度?

      一、提高页面加载速度

二、用户行为预测

三、减少默认data的大小

四、组件化方案

4、小程序与原生App哪个好?

  都各有各的好处,都有又缺点。

 小程序的优点:

  1. 基于微信平台开发,享受微信本身自带的流量,这个是最大的优势
  2. 无需安装,只要打开微信就能用,不占用用户手机内存,体验好
  3. 开发周期短,一般最多一个月可以上线完成
  4. 开发所需的资金少,所需资金是开发原生APP一半不到
  5. 小程序名称是唯一性的,在微信的搜索里权重很高
  6. 容易上手,只要之前有HTML+CSS+JS基础知识,写小程序基本上没有大问题;当然如果了解ES6+CSS3则完全可以编写出即精简又动感的小程序;
  7. 基本上不需要考虑兼容性问题,只要微信可以正常运行的机器,就可以运行小程序;
  8. 发布、审核高效,基本上上午发布审核,下午就审核通过,升级简单,而且支持灰度发布;
  9. 开发文档比较完善,开发社区比较活跃;
  10. 最近刚开放的牛x功能,新增webview组件,可以展示网页啦,这个比较爽;
  11. 支持插件式开发,一些基本功能可以开发成插件,供多个小程序调用;

缺点:

1.局限性很强,(比如页面大小不能超过1M。不能打开超过5个层级的页面。样式单一。小程序的部分组件已经是成型的了,样式不可以修改。例如:幻灯片、导航。)只能依赖于微信依托于微信,无法开发后台管理功能。

2.不利于推广推广面窄,不能分享朋友圈,只能通过分享给朋友,附近小程序推广。其中附近小程序也受到微信的限制

3.后台调试麻烦,因为API接口必须https请求,且公网地址,也就是说后台代码必须发布到远程服务器上;当然我们可以修改host进行dns映射把远程服务器转到本地,或者开启tomcat远程调试;不管怎么说终归调试比较麻烦。

4.前台测试有诸多坑,最头疼莫过于模拟器与真机显示不一致

5.js引用只能使用绝对路径,很蛋疼;基于安全性及MINA框架实现原理,小程序中对js使用做了很多限制,不能使用:new Function,eval,Generator,不能操作cookie,不能操作DOM;

原生App优点:

1、原生的响应速度快
2、对于有无网络操作时,譬如离线操作基本选用原生开发
3、需要调用系统硬件的功能(摄像头、方向传感器、重力传感器、拨号、GPS、语音、短信、蓝牙等功能)
4、在无网络或者若网的情况下体验好。

缺点:

  1. 开发周期长,开发成本高
  2. 需要下载
  1. 简述微信小程序原理?

  答:微信小程序采用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的渲染、事件的处理

  1. 分析下微信小程序的优劣势?

   答:
优势:
1、无需下载,通过搜索和扫一扫就可以打开。
2、良好的用户体验:打开速度快。
3、开发成本要比App要低。
4、安卓上可以添加到桌面,与原生App差不多。
5、为用户提供良好的安全保障。小程序的发布,微信拥有一套严格的审查流程, 不能通过审查的小程序是无法发布到线上的。
劣势:
1、限制较多。页面大小不能超过1M。不能打开超过5个层级的页面。
2、样式单一。小程序的部分组件已经是成型的了,样式不可以修改。例如:幻灯片、导航。
3、推广面窄,不能分享朋友圈,只能通过分享给朋友,附近小程序推广。其中附近小程序也受到微信的限制。
4、依托于微信,无法开发后台管理功能。

  1. 小程序的发布流程(开发流程)

  参考:https://www.cnblogs.com/ssrstm/p/6855572.html

  1. 注册微信小程序账号
  2. 获取微信小程序的 AppID
  3. 下载微信小程序开发者工具
  4. 创建demo项目
  5. 去微信公众平台配置域名
  6. 手机预览
  7. 代码上传
  8. 提交审核
  9. 小程序发布

 

8、webview中的页面怎么跳回小程序中?考:https://blog.csdn.net/qq_36742720/article/details/81501955

首先,需要在你的html页面中引用一个js文件。

<script type=”text/javascript” src=”https://res.wx.qq.com/open/js/jweixin-1.3.0.js”></script>

然后为你的按钮标签注册一个点击事件:
    $(“.kaiqi”).click(function(){

        wx.miniProgram.redirectTo({url: ‘/pages/indexTwo/indexTwo’})
    });

这里的redirectTo跟小程序中的wx.redirectTo()跳转页面是一样的,会关闭当前页跳转到页面。

你也可以替换成navigateTo,跳转页面不会关闭当前页。

  1. 使用webview直接加载要注意哪些事项?考:https://blog.csdn.net/rolan1993/article/details/78709463

   答: 一、必须要在小程序后台使用管理员添加业务域名;

二、h5页面跳转至小程序的脚本必须是1.3.1以上;

三、微信分享只可以都是小程序的主名称了,如果要自定义分享的内容,需小程序版本在1.7.1以上;

四、h5的支付不可以是微信公众号的appid,必须是小程序的appid,而且用户的openid也必须是用户和小程序的。

 

10、小程序授权登录流程。

(授权,微信登录获取code,微信登录,获取 iv , encryptedData 传到服务器后台,如果没有注册,需要注册。)

 

(授权,微信登录获取code,微信登录,获取 iv , encryptedData 传到服务器后台,如果没有注册,需要注册。)

 

  1. 小程序支付如何实现?

 我们做要简单,其实我更认为是小程序只有1M,更多的东西给后台吧

1、小程序注册,要以公司的以身份去注册一个小程序,才有微信支付权限;

2、绑定商户号。

3、在小程序填写合法域

4.调用wx.login()获取appid

5.调用

wx.requestPayment(
{

‘timeStamp’,//时间戳从1970年1月1日00:00:00至今的秒数,即当前的时间
‘nonceStr’,//随机字符串,长度为32个字符以下。
‘package’,//统一下单接口返回的 prepay_id 参数值,提交格式如:prepay_id=*
‘signType’‘MD5’,//签名类型,默认为MD5,支持HMAC-SHA256和MD5。注意此处需与统一下单的签名类型一致
‘paySign’,//签名,具体签名方案参见微信公众号支付帮助文档;
‘success’:function(res){},//成功回调
‘fail’:function(res){},//失败
‘complete’:function(res){}//接口调用结束的回调函数(调用成功、失败都会执行)
})

微信小程序的面试题_小程序面试题汇总

 

12、小程序还有哪些功能?

   客服功能,录音,视频,音频,地图,定位,拍照,动画,canvas

 

13.微信小程序与H5的区别

答:
第一条是运行环境的不同
传统的HTML5的运行环境是浏览器,包括webview,而微信小程序的运行环境并非完整的浏览器,是微信开发团队基于浏览器内核完全重构的一个内置解析器,针对小程序专门做了优化,配合自己定义的开发语言标准,提升了小程序的性能。
第二条是开发成本的不同
只在微信中运行,所以不用再去顾虑浏览器兼容性,不用担心生产环境中出现不可预料的奇妙BUG
第三条是获取系统级权限的不同
系统级权限都可以和微信小程序无缝衔接
第四条便是应用在生产环境的运行流畅度
长久以来,当HTML5应用面对复杂的业务逻辑或者丰富的页面交互时,它的体验总是不尽人意,需要不断的对项目优化来提升用户体验。但是由于微信小程序运行环境独立

百度网盘又doc文档更方便链接: https://pan.baidu.com/s/1pqyouu6mjypn2N5ISb5MQw 提取码: 8scs 复制这段内容后打开百度网盘手机App,操作更方便哦

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/124891.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • 【spring】bean管理

    【spring】bean管理【spring】bean管理

  • SpringMVC工作流程源码剖析

    SpringMVC工作流程源码剖析原文链接:https://juejin.im/post/5e6b0ee3e51d4526f65cdb50.0x0先看名词DispactherServlet:SpringMVC的心脏,所有的请求从这里进入,也从这里出去HandlerAdapter:请求处理器HandlerMapping:请求和处理对象间的映射关系,可以理解为地址/api对应@RequestMapping(“/…

  • ider 2022激活码(JetBrains全家桶)「建议收藏」

    (ider 2022激活码)JetBrains旗下有多款编译器工具(如:IntelliJ、WebStorm、PyCharm等)在各编程领域几乎都占据了垄断地位。建立在开源IntelliJ平台之上,过去15年以来,JetBrains一直在不断发展和完善这个平台。这个平台可以针对您的开发工作流进行微调并且能够提供…

  • fastjson教程 List转JSONArray以及JSONArray转List[通俗易懂]

    fastjson教程 List转JSONArray以及JSONArray转List[通俗易懂]1.fastjsonList转JSONArrayList<T>list=newArrayList<T>();JSONArrayarray=JSONArray.parseArray(JSON.toJSONString(list));2.fastjsonJSONArray转ListJSONArrayarray=newJSONArray();List<T>list=JSONObject.parseArray(array.toJSONSt..

  • 《海量数据库解决方式》读后感

    《海量数据库解决方式》读后感

  • PDAF原理简介_pfc电路工作原理图

    PDAF原理简介_pfc电路工作原理图PDAF原理原理及分类原理:是在感光芯片上预留出一些规律性对称的遮蔽像素点,专门用来进行相位检测,通过像素之间的距离及变化来决定对焦的偏移量即相位差(PD值)从而实现快速对焦。SP(shieledpixel)屏蔽掉像素一般的感光区域(黑色部分),值获得一半信号。需要另外的像素屏蔽掉另一半信号,得到完整的相位差信息。SP越多,对焦越快,但信号损失越严重,目前SP密度控制在1%~3%。屏蔽掉像素一般的感光区域(黑色部分),值获得一半信号。需要另外的像素屏蔽掉另一半信号,得到完整的相位差信息。S

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号