⑤ WXML只能在微信小程序开发者工具中预览,而HTML可以在浏览器中预览
⑥ 组件封装不同,WXML对组件进行了重新封装
⑦ 小程序运行在 JS Core 中。 没有 DOM 树和对象。 小程序中不能使用对象和对象。
2.请谈谈WXSS和CSS的异同?
(1)增加了rpx大小单位,需要在css中手动进行像素单位转换,如rem
(2)WXSS支持新尺寸rpx,小程序会在不同尺寸的屏幕上自动转换。
(3)提供全局样式和局部样式。 项目根目录下的app.wxss会应用于所有小程序页面,本地页面的.wxss样式只会在当前页面生效。
(4) WXSS仅支持部分css选择器:
① 类选择器、id选择器
② 元素选择器
③ 联合选择器、后代选择器
④ :: 和 :: 等伪类选择器
3.请讲一下微信小程序的主要目录和文件的作用
(1)..json:项目配置文件,最常用的是配置是否启用验证;
(2)App.js:设置一些全局基础数据等,页面脚本文件,存储页面数据,事件处理函数等;
(3)App.json:当前页面的配置文件,配置窗口的外观和性能等,页面中的配置项会覆盖app.json;
(4)App.wxss:公共样式、简介等;
(5):包含特定页面;
(6).json:(配置当前页面标题、引入组件等);
(7).wxml:页面的模板结构文件;
(8).wxss文件:当前页面的样式表文件;
(9).js:(页面逻辑、请求和数据处理等)
4.请谈谈小程序和vue双向绑定的异同。
(1)小程序双向绑定:首先绑定文本框的输入事件
① 在data中声明一个变量,并动态绑定到文本框的值
② 事件中,可以通过事件参数e获取文本框中的最新值。
③ 通过此将文本框的最新值赋给动态绑定的值,可以实现数据的双向绑定。
(2)vue双向绑定:首先将@绑定到文本框,监听文本框的输入事件
① 给文本框动态绑定属性,其值为data中定义的变量
② 在@事件中,可以通过事件参数获取框中最新的值。
③ 将检索到的值分配给动态绑定的变量
(3)总体来说,没有太大区别。 绑定的事件不同,具体获取值的方法也不同,还有在小程序中的data中设置数据。
需要调用这个。 设定方法
5.简述微信小程序的相关文件类型
(1)WXML()是框架设计的一套标签语言。 结合基本组件和事件系统,可以构建页面的结构。 内容主要是微信自己定义的一组组件。
(2) WXSS()是一组样式语言,主要用于描述WXML组件样式。
(3)JS逻辑处理、网络请求
(4)json小程序设置,静态配置
(5)app.json必须有这个文件。 该文件用于全局配置微信小程序,确定页面文件的路径,窗口性能,设置网络超时时间,至少设置两个
6、微信小程序的传值(数据传输)方式有哪些?
(1)使用全局变量传递数据
(2)使用本地存储数据传输
(3)使用路由来传输数据
7. 有何不同?
(1) 都属于点击事件函数。 将事件绑定到组件。 点击组件后即可触发该功能。
:子元素使用绑定事件后,执行时会向上冒泡到父元素(触发父元素上绑定的事件)
:不会冒泡到父元素,防止事件冒泡
8. wx.(),wx.(),wx.(),wx.(),wx.()有什么区别?
(1)wx.():保留当前页面并跳转到应用程序中的某个页面。 但无法跳转到该页面。 使用 wx. 返回原始页面。小程序中的页面堆栈最多可以有十级。
(2)Wx.():关闭当前页面,返回上一页或多级页面。可以通过获取当前页面堆栈来确定需要返回多少级。
(3)wx.():关闭当前页面并跳转到应用内的某个页面。但不允许跳转到该页面
(4)wx.():跳转到页面并关闭所有其他非页面
(5)wx.():关闭所有页面,打开应用内的某个页面
9、微信小程序和h5有什么区别?
(1)从开发角度:H5和小程序的开发工具有很大不同。 小程序都依赖微信客户端,所以相对来说开发工具没有H5那么多; 它们与标准H5语言不同; 它还分离了很多原生应用组件,因此它的组件封装也与H5不同。
(2)从运行环境来看:Web开发者需要面对的环境是各种浏览器。 PC端需要面对IE、QQ浏览器等,移动端需要面对iOS、系统。 各种。 在开发小程序的过程中,我们需要面对iOS和微信客户端两大操作系统,以及辅助开发的小程序开发者工具。 小程序的三大运行环境也各有不同。
(3)服务器配置:因为小程序的性能会高于H5,所以在服务器配置要求方面,小程序的要求高于H5。 系统权限:由于微信可以获得更多的系统权限,比如网络通讯状态、数据缓存能力等,这些系统级权限可以与微信小程序无缝对接。 这就是官方宣称的微信小程序可以拥有App(原生APP)的流畅表现。 但H5 Web应用对系统自身权限的访问相对较少。 这恰好是H5 Web应用经常被诟病的一个领域。 因此,大多数H5应用仅限于简单的业务逻辑和单一的功能。
(4)标签名称:编写HTML时,经常使用的标签有div、p、span。 小程序的WXML中使用的标签有view、text等,这些标签是小程序为开发者封装的。 基本能力。 小程序有更多的属性如wx:if和表达式如{{ }}。 在一般的网页开发过程中,我们通常会通过JS操作DOM(对应HTML描述生成的树)来引起界面的一些变化。 响应用户行为的变化。
10、小程序和vue的编写方式有什么区别?
(1)事件定义的区别:vue通过@绑定事件,小程序使用bind
(2)事件函数值传递:Vue传递值直接写在函数括号中。 微信小程序需要使用data- name={{待转值}}进行转值。
(3)关键字引用:vue中属性名前面加“:”或者v-bind。 在微信小程序中,只需要将属性值用“{{}}”包裹起来即可。
(4)指令使用方法:vue中使用v-,小程序中使用wx:
11.对Rpx的理解:
(1) Rpx是微信小程序中的响应单元
(2)rpx是微信小程序特有的尺寸单位,解决屏幕适配问题
(3)可根据屏幕宽度进行自适应。 无论屏幕大小,指定屏幕宽度为,当页面宽度较大时,1rpx = 1px
12、微信小程序可以进行DOM操作吗?
(1)微信小程序不支持获取元素,因为微信小程序的渲染层和逻辑层是独立的,但它内置了两个获取元素的方法。
① wx.() 获取dom元素
13、小程序和vue有什么区别?
(1)生命周期不同。 微信小程序的生命周期比较简单。
(2)数据绑定也不同。 微信小程序数据绑定需要使用{{}},vue可以直接做:
(3) 显示和隐藏元素。 在vue中,使用v-if和v-show来控制元素的显示和隐藏。 小程序中,使用wx-if,控制元素的显示和隐藏。
(4)事件处理不同。 小程序中使用(bind+)或(+)来绑定事件。 Vue:使用v-on:来绑定事件,或者使用@来绑定事件。
(5)数据的双向绑定也不同。 在vue中,只需要在form元素中添加v-,然后在data中绑定一个对应的值即可。 当表单元素的内容发生变化时,data中对应的值也会随之变化,这是vue非常好的一个事情。 微信小程序必须获取表单元素,改变后的值,然后将该值赋给data中声明的变量。
14.小程序的定制化理解?
(1)首先在App.json中进行配置,启用自定义,配置后创建-tab-bar文件。 此时小程序底部会生成文件内容,.wxml中添加结构代码,.js中添加数据配置和事件方法
15、微信小程序如何设置缓存?
(1) wx./wx. 通过wx./wx.读取本地缓存并写入数据到缓存,其中带有Sync后缀的接口表示同步接口。
16、微信小程序如何进行网络请求?
(1)wx.( )用于发送网络请求
17.小程序生命周期分为三个部分
(1)应用级别:
①:小程序初始化完成时触发,全局仅触发一次。
②:小程序启动或切换到前台显示时触发
③:小程序从前台进入后台时触发(比如切换到另一个App
④:小程序脚本错误或API调用错误时触发。
(2)页面级别:
①:页面加载时执行,仅执行一次
②:页面显示时执行,多次
③:页面第一次渲染时执行,仅执行一次
④:页面从前台进入后台时执行
⑤:页面卸载时执行
(3) 组件级别:
①(重要):组件实例刚刚创建时触发
②(重要):组件完全初始化并进入页面节点树后触发。
③:组件在视图层布局后执行
④:当组件实例移动到节点树中的另一个位置时执行
⑤(重要):组件离开页面节点树后触发
⑥:每当组件方法抛出错误时执行
18、微信小程序如何模块化?
(1)一些常用的代码可以作为模块提取到单独的js文件中。模块只有通过了才可以将接口暴露给外界。
(2)在需要使用这些模块的文件中,使用方法引入公共代码
19. 微信所有API都在哪里? 我们简单介绍一下几个。
(1)小程序的全局对象为:wx,所有的API都保存在wx对象中
20、微信小程序应用和页面生命周期的触发顺序是怎样的?
21.微信小程序自定义组件的使用
(1) 创建文件夹
(2)创建组件文件(例如选项卡)并创建新表单
(3)在tabs的json文件中设置:true
(4)在需要引入的组件页面的json文件中,在里面写入键值对微信小程序开发设置全局变量,组件名称:路径
(5) 在需要的页面上写入标签
注意:WXML节点标签名称只能是小写字母、下划线和下划线的组合。
22.微信小程序事件通道的使用
微信小程序事件通道(事件总线)是小程序的多个页面或组件之间通过触发事件进行通信的机制。 或wx。 方法中,传入参数并赋值给事件通道对象。
23、小程序中如何使用vant组件库
如果是用js作为网页脚本语言创建的小程序,本身没有.json文件,则无法使用npm命令。
首先通过npm init初始化npm并生成.json文件
通过官网npm下载组件库
通过微信小程序中的工具构建npm
去掉 app.json 中的 "": "v2" ,避免小程序样式高于 vant 造成样式混乱。
在app.json中注册组件
24.微信小程序父子转账
父子:通过父组件标签绑定属性,子组件接收属性
从子组件传递到父组件:通过父组件绑定自定义事件,并绑定自己的函数。 子组件将触发函数中的this.('父组件绑定事件名称',传递参数)传递给父组件绑定函数。
25.小程序授权登录
26. 网页视图
web-view 是一个 Web 浏览器组件,可用于托管网页容器并自动填充整个页面。