小程序 Scroll-View 横向滚动与 Flex 布局的适配问题
在小程序开发过程中,我们常常会用到 scroll-view 组件来实现滚动效果,尤其是当需要制作横向滚动列表时,一些细节问题值得我们深入探讨。
在小程序开发过程中,我们常常会用到 scroll-view 组件来实现滚动效果,尤其是当需要制作横向滚动列表时,一些细节问题值得我们深入探讨。
特性方面,箭头函数和普通函数存在诸多不同。
特性 | 箭头函数 | 普通函数 |
---|---|---|
this 绑定 | 不会创建自身的this ,而是从定义位置的上下文中继承this 值,即遵循词法作用域,其this 指向外层最近的非箭头函数的this 。 | 在调用时动态决定this 的指向,取决于调用方式,如直接调用时指向全局对象,作为对象方法调用时指向该对象,作为构造函数调用时指向新实例。 |
使用 new 调用 | 不能作为构造函数使用,若使用new 调用会抛出错误。 | 可以作为构造函数使用,在实例化新对象时,this 指向该新实例。 |
arguments 对象的处理 | 没有arguments 对象,需使用 rest 参数(...args )来获取参数数组。 | 内部有自己的arguments 对象,可通过它访问传入的所有参数。 |
隐式返回 | 对于单行表达式可以省略大括号和return 关键字,直接返回结果,简化了写法。 | 必须显式地使用return 关键字返回结果。 |
作为对象方法使用 | 不适合直接作为对象方法,因为它没有自己的this ,this 会指向定义位置的外部上下文,而非调用它的对象。 | 更适合作为对象方法,其this 会指向调用者,即该对象。 |
性能 | 在特定情况下会略微节省内存,尤其是在较少嵌套的环境中,因为无需管理this 和arguments 。但这种差异在绝大多数情况下微乎其微。 | 在某些优化场景下性能可能更好,尤其是在函数调用频繁且需要频繁重新绑定this 的情况下。 |
绑定上下文 | 无法通过bind() 、call() 或apply() 改变this 的指向,其this 永远指向定义时的上下文。 | 可以使用bind() 、call() 、apply() 显式改变this 指向,动态绑定不同的上下文。 |
函数声明提升 | 不支持函数声明提升。 | 支持函数声明提升。 |
应用生命周期函数 onLaunch 和页面生命周期函数 onLoad 存在同时执行的问题,而在实际开发中往往需要先执行 onLaunch 再执行 onLoad,为了让页面的 onLoad 在 onLaunch 之后执行,可以使用以下解决方案:
在前端开发中,为了提高开发效率,减少对后端接口的依赖,常常需要进行数据模拟。本文将详细介绍如何在 Vue3 + TS + Vite 框架中集成 Mockjs 来实现数据模拟。
笔记本 linux 当服务器经常需要长时间开机,但是屏幕一直亮着,一是费电,二是费屏幕 ,所以需要把屏幕关闭,这是设置 consoleblank 。