微信小程序的双向绑定和vue的异同?

2023-09-11
来源:网络整理

⑤ 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 浏览器组件,可用于托管网页容器并自动填充整个页面。

分享