vue uniapp 知识点整理

1.uniapp 页面传值

$emit $on

（1）在A页面设置事件名和属性名和值

（2）在B页面触发事件名并获取页面传递过来的值，并销毁

注：传值过来能够接收，但是页面不渲染是因为需要用下面两个跳转页面才生效

url传值

从navigateBack传递过来的值没办法及时更新到页面上两种方法

2.uniapp保存图片到本地

3.两层数组包裹的数据需要怎么拿

4.数组操作方法

（1）map:(item,index,arr) 需要有return返回一个新数组，并且原数组不会被修改。

（2）forEach:(item,index,arr) 遍历数组，不会返回一个新数组，并且不能用break停止，可以用 try/catch 中 throw new Error 来停止

二者区别：

（3）filter:(item,index,arr) 需要一个返回值，并返回一个新的数组，满足条件的留下，是对原数组的过滤

（4）every / some：返回true或false . every表式每一个通过才通过，而some表式一个通过就可以通过，全部不通过则返回false

（5）join:通过指定连接符生成字符串

（6） push / pop：末尾添加和删除，改变原数组，返回添加/删除

unshift / shift：头部添加和删除，改变原数组，返回添加/删除

（7）sort / reverse

sort ：排序 return a-b 升序排序 return b-a 降序排序

reverse： 反转数组

（8）concat ：连接数组

（9）slice（start，end）：截取范围内的数组返回为一个新数组，不改变原数组

（10）splice(start,number,value)：方法可以用来对js的数组进行删除，添加，替换等操作。

start:必需。整数，指定在什么位置添加/删除项目，使用负值指定从数组末尾开始的位置。
number:可选。要删除的项目数。如果设置为 0，则不会删除任何项目。
value:可选。要添加到数组中的新项目，可以有很多。

（11）indexOf / lastIndexOf(value, fromIndex):查找数组项，返回对应的下标

indexOf() 方法对大小写敏感！

lastIndexOf的使用域indexOf相反，从最后出现的位置)出现某个字符或字符串的首个字符索引值，没有匹配的则返回-1

5. == 和 ===区别

相等操作符（==）会做类型转换，再进行值的比较，全等运算符(===)不会做类型转换

3.var let const 三者区别

6. cookies、sessionStorage、localStorage的区别是什么

存储大小：cookies不超过4k，sessionStorage、localStorage不超过5M

有效时间： localStorage存储持久数据，浏览器关闭后数据不丢失除非主动删除数据

sessionStorage数据在当前浏览器窗口关闭后自动删除

cookie设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭

数据与服务器之间的交互方式：cookie的数据会自动的传递到服务器，服务器端也可以写cookie到客户端； sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存

应用场景：

7.父子组件生命周期执行顺序

8.vue的$set是做什么的 将新增的数据变成响应式
vue 中 data的数据，如果是对象的话，会把它的属性转为Object.defineProperty的getter和setter，使之变为响应式的。但是新增的属性不是响应式的。
可以通过this.$set(this.obj,'e',0)，将新增的数据变成响应式

9.节流、防抖

7分钟理解JS的节流、防抖及使用场景 - 掘金据说阿里有一道面试题就是谈谈函数节流和函数防抖。糟了，这可触碰到我的知识盲区了，好像听也没听过这2个东西，痛定思痛，赶紧学习学习。here we go！可以看到，我们只要按下键盘，就会触发这次ajax请求。不仅从资源上来说是很浪费的行为，而且实际应用中，用户也是输出完整的字…https://juejin.cn/post/6844903669389885453

防抖：在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。

节流: 规定在一个单位时间内，只能触发一次函数。如果这个单位时间内触发多次函数，只有一次生效（函数节流就是fps游戏的射速，就算一直按着鼠标射击，也只会在规定射速内射出子弹）

函数防抖和函数节流都是防止某一时间频繁触发，但是这两兄弟之间的原理却不一样。
函数防抖是某一段时间内只执行一次，而函数节流是间隔时间执行。

10.uniapp ios端 display:flex 和position: fixed 样式冲突导致不显示

小程序ios margin-bottom失效问题

解决【display：flex布局】遇上【position: absolute / fixed 】的失效问题_IT 哈的博客-CSDN博客问题描述：有个这样的页面，页面是通过flex布局的，现在想将头部( 我的订单栏 )固定，那么我们第一反应就是添加定位呀，position : fixed。但是问题来了，position可以添加，但是添加之后，页面变成这样了（如下所示），也就是设置的display:flex 失效了，不起作用。position 一般常用的属性值有三种： relative 、 absolute 、...https://blog.csdn.net/qq_31967569/article/details/105572827小程序ios margin-bottom失效问题_程序猿吉良吉影的博客-CSDN博客_小程序margin-bottom失效使用：padding-bottom 可兼容原因：从IOS8开始，属性var layoutMargins:UIEdgeInsets指定该View的subview同其edge的间距。AutoLayout使用margins来放置内容。其默认值为8pt。如果一个View是ViewController的rootview，系统会自动设置和管理margins，top和bottom。margins为0pt。所以自己设定的margin-bottom会失效...https://blog.csdn.net/weixin_30512027/article/details/124389527ios手机margin-bottom失效问题_铭泉听雪的博客-CSDN博客_margin-bottom 不起作用问题小程序中的页面设置margin-bottom，在模拟器及安卓机中的展示效果都与预想的一样。而在iPhone手机中margin-bottom会失效。原因从IOS8开始，UIView的属性var layoutMargins:UIEdgeInsets指定该View的subview同其edge的间距。AutoLayout使用margins来放置内容。其默认值为8pt。如果一个View是ViewController的rootview，系统会自动设置和管理margins，top和bottom。marginshttps://blog.csdn.net/mingquantingxue/article/details/109670911

11.对象的合并

12. 扁平化数组：用于将嵌套多层的数组“拉平”，变成一维的数组

（1）Array.prototype.flat（）

首先介绍下reduce：对数组进行遍历，reduce函数的第一个参数得到的是迭代计算后的效果

（2）reduce数组扁平化

13.object.value

Object.values()返回一个数组，其元素是在对象上找到的可枚举属性值。属性的顺序与通过手动循环对象的属性值所给出的顺序相同

14.element中 el-date-picker的日期选中后会比当前日期少一天

vue uniapp 知识点整理相关推荐

uni-app知识点整理（5）- 网络请求、数据缓存、图片上传和预览
目录一.网络请求 1.1 发送get请求二.数据缓存 2.1 uni.setStorage(OBJECT) 2.2 uni.setStorageSync(KEY,DATA) 2.3 uni.get ...
uni-app知识点整理
一. 单位 1.换算规则: 1 px = 2 rpx1 px = 0.75 pt = 3 / 4 pt1 pt = 1.33 px = 4 / 3 px = 8 / 3 rpx1 em = 16 px ...
vue uniapp 知识点梳理
Vue 1.使用v-for时,会有出现想单独控制个别样式的操作,我们可以控制类名改变(根据索引值) 2.v-for循环给其中一个添加监听事件(根据index来设置点击事件) 3. Vuex 是什么:在 ...
vue常见知识点整理
什么是 mvvm? MVVM 是 Model-View-ViewModel 的缩写.mvvm 是一种设计思想.Model 层代表数据模型,也可以在 Model 中定义数据修改和操作的业务逻辑:View ...
Vue知识点整理（待更新）
Vue知识点整理(待更新) 参考Vue.js中文官网,Vue 知识点汇总(上)–附案例代码及项目地址,Vue 知识点汇总(下)–附案例代码及项目地址,Vue知识点汇总[持更] 文章目录 Vue知识点整 ...
易忘知识点整理（持续更新）——VUE使用
1. 复习组件中自定义v-model指令使用: 组件中v-model最基本的用法:在父组件给子组件绑定v-model的时候,相当于绑定了自定义事件@input,v-model=后面传递的值,是子组件在 ...
Java进阶3 - 易错知识点整理（待更新）
Java进阶3 - 易错知识点整理(待更新) 该章节是Java进阶2- 易错知识点整理的续篇: 在前一章节中介绍了 ORM框架,中间件相关的面试题,而在该章节中主要记录关于项目部署中间件,监控与性能优 ...
微信小程序+uni-app知识点总结
微信小程序知识点合集 1. 小程序的优势和劣势有哪些? 优势: (1)容易推广.在微信中,小程序拥有众多入口,例如附近的小程序.小程序码.分享. 发现-小程序等五十多个的入口,这些都有助于推广小程序: ...
前端面试知识点整理——网络
前端面试知识点整理--网络文章目录一. 进程(process)和线程(thread) 二. 浏览器属于一种多进程的架构三.CRP,关键渲染路径(critical rendering path) ...

vue uniapp 知识点整理

vue uniapp 知识点整理相关推荐

最新文章

热门文章