前端性能优化-图片和视频的懒加载

悬浮的青春 发布于 2022-09-14 13:59
本文主要记录了前端如何实现图片和视频的懒加载,并举例了第三方延迟加载库。
标签: 网页

12个常用的JavaScript函数

悬浮的青春 发布于 2022-09-13 15:17
12个常用的JavaScript函数

chrome插件manifeat.json文件举例

悬浮的青春 发布于 2022-09-13 14:10
一些chrome插件manifeat.json文件举例

js前端必须知道的对象遍历的几种方式

悬浮的青春 发布于 2022-09-13 10:33
js前端必须知道的对象遍历的几种方式

如何使用git stash

悬浮的青春 发布于 2022-09-07 15:00
git stash是我们使用git中的常用操作, 比如正在分支a上修复bug, 改了一些文件, 但是此时分支b上有一个很紧急的bug, 需要切换到分支b上修复。于是git checkout 分支b

svg文字路径动画,让文字沿着路径动起来

悬浮的青春 发布于 2022-09-05 09:54
svg文字路径动画,让文字沿着路径动起来

vue小技巧从组件外部调用方法

悬浮的青春 发布于 2022-09-02 16:29
我们可以从一个组件的外部通过给它一个 ref 用来调用一个方法。    // Somewhere in Parent.vue this.$refs.child.method();

vue小技巧在指定范围内循环

悬浮的青春 发布于 2022-09-02 16:21
v-for指令允许我们遍历数组,但它也允许我们遍历一个范围        Item #{{ n }}    渲染结果: Item #1 Item #2 Item #3 Item #4 Item #5 当我们使用带范围的v-for时,它将从1开始,以我们指定的数字结束。

vue小技巧如何监听一个插槽的变化

悬浮的青春 发布于 2022-09-02 16:14
有时我们需要知道插槽内的内容何时发生了变化。 不幸的是,Vue没有内置的方法让我们检测这一点。 然而,我的朋友Austin想出了一个非常干净的方法,使用MutationObserver来做这件事。 MutationObserver接口提供了监视对DOM树所做更改的能力。它被设计为旧的Mutation Events功能的替代品,该功能是DOM3 Events规...

vue小技巧6有条件地渲染插槽

悬浮的青春 发布于 2022-09-02 16:13
我们可以在我们的组件中使用这一点来检测哪些插槽已经被应用到组件中,例如,通过隐藏插槽的包装元素。        A wrapped slot                     现在,应用样式的包装器div只有在我们用某些东西填充这个插槽时才会被渲染。 如果不使用v-if,那么如果没有插槽,就会得到一个空的不必要的div。根据div的样式,这可能会打...