夜晚收集者

在 Vue 中，单向数据流是指数据从父组件流动到子组件，并且子组件不能直接修改父组件的数据。这种数据流动的方式有助于保持应用程序的可预测性和可维护性 具体来说，当父组件将数...

可以使用 v-bind 指令来绑定 Class 或 Style，从而实现它们的动态绑定。 Class 可以通过对象语法和数组语法进行动态绑定： 1、Class 的动态绑定对...

includes() 是 ES6 扩展了数组的方法之一，它用于判断一个数组是否包含某个特定的值，返回一个布尔值。 其中，searchElement 是要查找的值，fromI...

v-show 和 v-if 都是 Vue.js 提供用于动态渲染页面的指令，但它们在实现和运行时机上有所不同。 v-show 不管初始条件是什么，元素总是会被渲染，并且只是...

SPA单页面应用是一种通过浏览器动态加载页面内容的应用程序结构。它使用JavaScript动态更新当前页面，而不是通过传统的每次请求都加载整个新页面的方式。 优点： 1、用...

1、代码 2、使用 3、理解 这段代码是一个 JavaScript 函数，用于将数据数组按照指定的属性进行排序。函数名为 data排序，其接受三个参数： data：代表一个...

1、Vue组件： 假设我们有一个Vue组件，它是一个通用的计数器，其中有一个props属性count用于存储计数器值，还有两个事件increment和decrement用于...

onLoad()：页面加载时触发，可以在此进行页面初始化操作，比如发送请求获取数据等。onReady()：页面初次渲染完成时触发，表示页面已经准备好了，可以进行交互。可以在...

在基础的 vue 项目中都是默认以前端配置好静态路由 但在一些较为成熟或大型项目中我们会通常会遇到 权限控制 这个问题，这样我们就涉及到动态路由的设置了 特别是一些 后台管...

当在部署访问 SPA单页面应用 时 需要一次性加载所有前端资源，导致文件体积较大。这会增加加载时间并增耗用户的带宽 在 vue项目中，会将我们的所有生产环境第三方依赖打包 ...

上篇讲到，当在部署访问 SPA单页面应用 时 需要一次性加载所有前端资源，导致文件体积较大。这会增加加载时间并增耗用户的带宽 使用了gzip压缩来使代码文件大大缩小，加快加...

前面两篇说了针对依赖文件的优化来提升速度 这里讲一下如何从加载方式，渲染体验方面进一步提升用户体验效果 1、路由懒加载 路由懒加载，原理其实就是将原来 顶层直接import...

localStorage是我们前端开发人员使用频率较高的api，它允许开发者以键值对的形式在本地永久性地存储数据在游览器，容量比cookie大很多多倍 通常用来缓存各种全局...

当遇到树形结构数据时，返回了不确定层次的树形数据格式，需要将数据渲染出来如何自制封装一个组件来显示 例如拥有这样的tree树形数据结构 一般情况下，遇到树形结构数据使用递归...

vue 封装图片懒加载vue组件 图片懒加载原理 图片懒加载（Lazy Loading）是一种优化网页性能的技术，它可以延迟网页中的图像加载时间，直到用户需要查看它们时才加...

vue 封装图片预览组件 图片放大、缩小、旋转功能 1、插入body，制作全局遮罩层、禁止背景滚动 2、定义组件过渡动画 3、结合 transform 实现图片控制...