- 博客(16)
- 收藏
- 关注
原创 IntersectionObserver API实现图片懒加载、无限滚动
可以用来自动监听元素是否进入了设备的可视区域之内,而不需要频繁的计算来做这个判断。由于可见(visible)的本质是,目标元素与视口产生一个交叉区,所以这个 API 叫做"交叉观察器"该方法不需要接收参数,返回所有被观察的对象,返回值是一个数组。// 当loding区的dom元素为可视化时,调用加载函数。目标元素的可见性发生变化时,就会调用观察器的回调函数。// 获取展示区 和 loding区的dom元素。// 获取内容区 和 loding区的dom元素。// 想要延迟,可以添加定时器,延迟渲染出数据。
2023-05-17 11:36:49
1314
2
原创 vue3.0通信方式之 Ref
函数用于获取当前组件实例的引用。在 Vue 2 中我们可以通过。关键字来访问当前组件实例,但是在 Vue 3 中使用。来触发当前组件实例的自定义事件。此外,我们还可以使用。可以获取到当前组件实例的各种属性和方法,比如。访问到当前组件实例,而是需要使用。获取当前组件实例的响应式代理对象。来获取当前组件实例的引用。这些属性和方法可以在。函数时,我们并不能通过。来访问当前组件实例的。函数中被访问和使用。
2023-04-25 15:29:21
301
原创 vue3.0通信方式之 Props 和 emit
这个函数接收一个对象作为参数,其中每个属性都对应了组件的一个属性,并指定了其类型、默认值等信息。同时,需要在组件的选项中声明。函数来定义组件的事件列表。的值,而需要通过向父组件触发事件并传递数据的方式来进行通信。如果需要在子组件中修改数据,应该使用。时,需要了解其在 Vue 3 中的新语法和用法,并遵循最佳实践来编写可维护、可扩展的组件代码。时,需要使用解构赋值语法将其解构为单独的变量;在触发事件时,需要使用。时,需要注意它们是只读的。,以告诉 Vue 不再使用旧的。,以告诉 Vue 不再使用旧的。
2023-04-25 14:48:06
777
原创 微信小程序基础面试题【29道】
微信小程序自定义 TabBar 是指开发者可以自己定义底部的 TabBar,而不是使用微信小程序原生的 TabBar。自定义 TabBar 可以让小程序的底部导航更加灵活多样化,同时也可以更好地满足用户的需求。自定义 TabBar 的实现方法是在小程序的 app.json 文件中定义一个 tabBar 字段,通过设置 tabBar.custom 属性为 true,告诉小程序使用自定义 TabBar。同时,还需要在 tabBar.list 字段中设置自定义 TabBar 的样式和图片等信息。
2023-04-25 14:15:09
14075
原创 JS中获取dom元素高度相关方法
元素的实际距离左边界的距离:document.getElementById(“div”).offsetLeft。元素的实际距离上边界的距离:document.getElementById(“div”).offsetTop。元素的实际宽度:document.getElementById(“div”).offsetWidth。网页可视区域高: document.body.offsetHeight (包括边距的高)网页可视区域宽: document.body.offsetWidth (包括边距的宽)
2023-04-21 20:35:38
2600
原创 vue2和vue3的响应式原理
会返回一个布尔值,可以更灵活地捕捉到异常,判断操作是否成功,从而进一步对错误进行抛出。属性进行了操作,就会出现异常,导致单线程挂掉,如果需要解决出现的问题,需要用。2、使用数组的一些方法对数组操作 (如。在上述代码中,因为我们重复的对。上的内置构造函数,与。
2023-04-20 08:55:37
128
原创 前端面试题【131道】
严格模式(Strict Mode)是 ECMAScript 5 引入的一种运行模式,它主要对 JavaScript 的一些不安全的或者不合理的语法进行了限制,使代码更加规范、严谨,避免出现一些难以发现的错误。变量必须声明后再使用,否则会抛出错误。函数的参数不能有同名属性,否则会抛出错误。不能使用 with 语句。在严格模式下,对一个对象进行只读属性的赋值会抛出错误。对象不能有重名的属性,否则会抛出错误。函数不能有重名的参数,否则会抛出错误。
2023-04-16 19:19:52
3257
1
原创 Git的基本命令
查看当前git环境详细配置2.1、查看系统config配置文件在git安装目录/etc/gitconfig2.2、查看当前用户配置配置文件在~/.gitconfig2.3、查看当前仓库配置信息配置文件在当前项目的/.git/config2.4、修改git配置设置当前项目的用户名配置当前用户的编码项,可以解决中文编码问题配置当前项目不忽略文件大小写,git默认忽略文件名的大小写,这点值得注意。
2023-04-07 21:17:47
591
1
原创 前端 115道 面试题总结
垂直外边距合并是指当两个盒子垂直方向上发生重叠时,它们之间的垂直外边距会合并成一个较大的外边距,而不是简单地相加。在垂直方向上,当两个盒子相邻时,它们之间的垂直外边距会发生合并。合并后的结果取两者之间的最大值作为新的外边距。具体来说,垂直外边距合并会有以下几种情况:相邻兄弟元素之间的垂直外边距会合并。这种情况下,合并后的外边距取两者之间的最大值。父元素和第一个子元素之间的垂直外边距会合并。这种情况下,合并后的外边距取两者之间的最大值。空元素的上下边距会合并。
2023-03-24 11:26:55
2882
1
原创 Rsync的核心算法
1、rsync 是 unix / linux 下同步文件的一个高效算法,它能同步更新两处计算机的文件和目录,并适当的利用查找文件中的不同块以减少数据传输。2、rsync中一项与其他大部分类似程序或协定中所未见的重要特性是镜像是只对有变更的部分进行传送3、rsync 可拷贝 / 显示目录属性,以及拷贝文件,并可选择性的压缩以及递归拷贝。
2023-03-10 07:28:05
217
原创 antd中Form.useForm()使用方式
提交表单,与点击 submit 按钮效果相同,会走 onFinish 方法。经过Form.useForm()创建的form实例中,常用的方法如下。通过 Form.useForm 对表单中数据域进行交互。重置一组字段到 initialValues。获取一组字段名对应的值,并按照对应结构返回。设置表单的值,更新对应的值。
2023-03-10 07:27:23
4640
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人