文章类型: 排序方式:
解读vue中的solt
在 Vue.js 中,插槽(slot)的原理是利用组件的内容分发机制。当一个组件包含插槽时,Vue.js 会将组件内部的内容根据插槽的定义分发到相应的位置。
Vue项目构建优化
在开发大型前端项目时,往往是一个需求对应一个分支,当完成需求后,就需要将代码打包、部署。代码通常需要部署到多个环境中,这些环境包括:日常环境、测试环境、回归环境和生产环境。回归环境用于在发布前进行测试,生产环境是用户访问的版本。随着时间的推移,项目中会不断引入许多新的依赖(如第三方库、插件等)和图片资源,代码数量也会逐渐增多,从而导致构建项目更加耗时,这也意味着部署项目需要消耗更长的时间。
vue3组件注册
一个 Vue 组件在使用前需要先被“注册”,这样 Vue 才能在渲染模板时找到其对应的实现。组件注册有两种方式:全局注册和局部注册。
Vue之nextTick原理与作用
在 Vue.js 中,$nextTick 方法的底层原理涉及 Vue 的更新队列以及浏览器的异步任务队列(微任务和宏任务)。它的主要目标是在下次 DOM 更新循环结束后执行回调函数,确保能够访问到更新后的 DOM。
Chrome 插件开发指南和实践
阅读本文你将了解到:Chrome 插件整体架构;如何开发一个 Chrome 插件(Popup 和 Devtools);如何使用前端框架(React/Vue)进行开发;如何调试插件;如何使用 Puppeteer 对插件进行 E2E 测试(本地和 CI 环境)。
了解前端新框架-nue.js
前端开发者 Tero Piirajinen 推出了一个名为 Nue.js 的极简化前端开发工具,并迅速引发社区讨论。Piirajinen 在 Hacker News 上表示,它是 React、Vue、Next.js、Vite、Svelte 和 Astro 的替代品。
图解 JS、React、Vue 设计模式
今天来分享一个免费在线学习 JS、React、Vue 设计模式的网站,该网站旨在为 JavaScript 设计、渲染和性能模式带来现代视角,使用普通 JavaScript 或现代框架构建功能强大的 Web 应用!
React 和 Vue 全方位对比总结
本文将从渐进式、时间线、跨平台及企业级框架情况多个维度对两个库进行对比。
前端流程图插件对比选型,这一篇就够了
前端领域有多种流程库可供选择,包括但不限于vue-flow、butterfly、JointJS、AntV G6、jsPlumb和Flowchart.js。这些库都提供了用于创建流程图、图形编辑和交互的功能。然而,它们在特性、易用性和生态系统方面存在一些差异。
动手实现类似Vue的极简前端框架
当然,常规的前端框架不只做到这一步,它们有专门的语法,如 Vue 中的模板语法和 React 中的 JSX,这些语法使得编写复杂的前端页面相对于其他方式更加简洁。
vue-router 怎么传参
Vue传参的四种方式。
什么是Vuex
Vuex 是一个专为 Vue 应用程序开发的状态管理模式。每一个 Vuex 应用的核心就是 store(仓库)。
v-for中key的作用
Vue在patch过程中判断两个节点是否是相同节点,key是一个必要条件,渲染一组列表时,key往往是唯一标识,所以如果不定义key的话,Vue只能认为比较的两个节点是同一个,哪怕它们实际上不是,这导致了频繁更新元素,使得整个patch过程比较低效,影响性能.
$nextTick
nextTick是Vue提供的一个全局API,是在下次DOM更新循环结束之后执行延迟回调,在修改数据之后使用$nextTick,则可以在回调中获取更新后的DOM
vue 的生命周期
Vue生命周期的主要4个阶段。
如何写出不可维护的 Vue 代码
60个Vue常见问题汇总及解决方案
如何在 Vue.js 中将字符串的第一个字母大写
【Vue】1535- Vue3 如何实现一个全局搜索框
保证你不知道的Vue 3技巧
从 0 搭建 Vite 3 + Vue 3 前端工程化项目
在vue中,为什么不能用index作为key?
当面试官让我回答 React 和 Vue 框架的区别......
Vue 可视化大屏适配插件之过程篇
qiankun微前端改造实战,超级详细 Vue 代码干货篇!
【Vuejs】1454- 深入了解 vue-cli
为什么Vue(默认情况下)比React性能更好
Hooks时代,如何写出高质量的react和vue组件?
Vue你是会了~那你说说观察者模式和发布订阅模式的区别?
Vue 状态管理未来样子