微信小程序面试题,腾讯团队实力打造flutter入门教程

177 阅读3分钟
  1. wxml模板文件,是框架设计的一套标签语言,结合基础组件,事件系统,可用构建出页面的结构

  2. wxss:样式文件,是一套样式语言,用于wxml的组件样式

  3. js脚本逻辑文件,逻辑处理请求

  4. json配置文件,小程序设置,如页面注册,页面标题及tabBar

  5. app.json整个小程序的全局配置包括:

  • pages:【所有页面】

  • 网络设置(网络超时时间)

  • 界面表现(页面注册)

  • window(背景色,道行样式,默认标题)

  • 底部tab等

5.app.js 监听并处理小程序的生命周期函数,声明全局变量

7.appwxss全局配置的样式文件

示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。

二、谈谈wxml与标准html的异同

===============================================================================

  • 都是用来描述页面得结构

  • 都有标签,属性,等构成

  • 标签名字不一样,且小程序标签更少,单一标签更多

  • 多了一些wx:if这样的属性以及{{}}的表达式

  • wxml仅能在微信小程序开发者工具中预览,而html可以在浏览器内浏览

三、谈谈wxss和css的异同

============================================================================

  • 都是用来描述页面样式的

  • wxss具有css大部分的特性,也做了一些扩充和修改

  • wxss新增了尺寸单位,wxss在底层支持尺寸danweirpx

  • wxss仅仅支持css选择器

  • wxss提供全局样式与局部样式

  • wxss不支持window和dom文档流

四.小程序和vue写法的区别?

============================================================================

  1. 遍历时:小程序wx:for = " postList" vue是v-for = “ item in Postlist”

  2. 调用data模型时:

  • 小程序 :this.data.item// 调用

  • this.setData(item:1)//赋值

  • vue中 this.item // 调用

  • this.item = 1// 赋值

五.小程序页面有哪些传递数的方法

=============================================================================

  • 使用全局变量实现数据传递

  • 页面跳转或重定向时,使用url带参数传递数据

  • 使用数组模板 template传递参数

  • 使用缓存传递参数

  • 使用数据库传递数据

6.请谈谈小程序的生命周期函数

============================================================================

  1. onload() 页面加载时触发,只会调用一次,可获取当前页面路径中的参数

  2. onShow() 页面显示/切入前台时触发,一般用来发送数据请求

  3. onReady() 页面初次渲染完成时触发,只会调用一次,代表页面已经可以和视图层进行交互

  4. onHide() 页面隐藏/ 切入后台时触发,如底部tab切换到其他页面或者小程序

  5. onUnload() 页面卸载时触发,如:redirectTo 或者 navigateBack到其他页面时

总结

css

1,盒模型 2,如何实现一个最大的正方形 3,一行水平居中,多行居左 4,水平垂直居中 5,两栏布局,左边固定,右边自适应,左右不重叠 6,如何实现左右等高布局 7,画三角形 8,link @import导入css 9,BFC理解

js

1,判断 js 类型的方式 2,ES5 和 ES6 分别几种方式声明变量 3,闭包的概念?优缺点? 4,浅拷贝和深拷贝 5,数组去重的方法 6,DOM 事件有哪些阶段?谈谈对事件代理的理解 7,js 执行机制、事件循环 8,介绍下 promise.all 9,async 和 await, 10,ES6 的 class 和构造函数的区别 11,transform、translate、transition 分别是什么属性?CSS 中常用的实现动画方式, 12,介绍一下rAF(requestAnimationFrame) 13,javascript 的垃圾回收机制讲一下, 14,对前端性能优化有什么了解?一般都通过那几个方面去优化的?

开源分享:docs.qq.com/doc/DSmRnRG…