深圳幻海软件技术有限公司

GrafanaMimir是GrafanaLabs开发的一个AGPLv3许可的开源软件项目，与对象存储结合使用时，可为Prometheus指标提供可扩展的长期存储。Mimir使用基于微服务的可水平扩展的架构构建。每个微服务被称为一个组件，Mimir作为由这些组件组成的单个二进制文件运行。大多数组件都是

在vue开发的父子组件传值的时候，我们一般都是先封装一个子组件，给他取名字，然后在要用到此组件的页面，也就是所说的父组件中将这个子组件导入、注册、再使用。我们一般都是用驼峰命名导入的组件，在使用时可以直接用驼峰命名的方式使用，也可以将这个驼峰变成小写，中间以-分隔来进行使用，可以用单标签也可以用双标

官网解释一、Vue的生命周期Vue实例有⼀个完整的⽣命周期，也就是从开始创建、初始化数据、编译模版、挂载Dom->渲染、更新->渲染、卸载等⼀系列过程，称这是Vue的⽣命周期。Vue2生命周期：1.beforeCreate（创建前）数据观测和初始化事件还未开始，此时data的响应式追踪、

该系列已更新文章：分享一个实用的vite+vue3组件库脚手架工具，提升开发效率开箱即用yyg-cli脚手架：快速创建vue3组件库和vue3全家桶项目Vue3企业级优雅实战-组件库框架-1搭建pnpmmonorepoVue3企业级优雅实战-组件库框架-2初始化workspace-rootVue3企

目录前言VantWeapp的安装与使用1、安装node.js2、通过npm安装3、修改app.json4、修改project.config.json5、构建npm包6、使用组件全局引入和局部引入全局引入局部引入Toast组件的使用官方文档API详解Props参数Events事件Slot插槽外部样式类

按照苹果的节奏，全新iOS16大概率会在六月份的WWDC上与我们见面，不过就在近日，iOS16首个系统截图却得到曝光，其中各种大组件分外惹眼，看起来和部分安卓系统组件颇为类似。从爆料者截图来看，iOS16将会采用超大组件，官方命名为InfoShack，据悉通过这些组件，用户可以实现拨打电话、调节屏幕

​NotusReact一款基于React框架开发的后台管理模板，它有几百个组件，其中几十个是动态组件，它是完全免费开源的，你可以随意修改它的代码。NotusReact提供了从原型设计到真实页面转换的全功能代码，您将节省大量时间，因为所有元素都已实现。这个免费的tailwindCSS模板带有预构建的示

这节课，我们来看下Vue3中的 $attrs 属性。首先，我们会介绍它的用途以及它的实现与Vue2有哪些不两同点，并通过事例来加深对它的理解。真正理解了 $attrs 属性有助于我们构建易于使用和可扩展的高级组件什么是 $attrs对 $a

大家好，我是前端西瓜哥。今天带大家来学习如何做React性能优化。使用React.memo()一个组件可以通过React.memo方法得到一个添加了缓存功能的新组件。复制constComp=props=>{//}constMemorizedComp=React.memo(Comp);1.再次渲

组件之间传值，大家都很熟悉，涉及到VUE3+TS好多同学就无从下手了，所以分享这篇文章，希望看完后提起VUE3+TS能够不慌不忙。平时使用的函数如：ref、reactive、watch、computed等需要先引入才能使用，但是本篇文章介绍的defineProps、withDefaults、defi

一、写在前面低代码编辑器作为一种能够极大地提升开发效率的PaaS软件，近些年来一直收到各大公司以及各路投资方的追捧。而对于我们前端开发者来说，编辑器也是为数不多的拥有较深前端技术深度的开发场景。通过本篇文章，你能够学会如何基于React技术栈搭建一个最简单的低代码编辑器，以及部分重点功能的实现方式。

我们先对整个平台的设计做一下简单回顾：这里是我平时自己维护的一个低代码平台，技术栈是Vue。后续的分享也是基于该平台的一些具体实现细节展开和市面上大部分可视化搭建系统基本类似。左侧对应组件区域，中间是画布区域，右侧是属性区域。大致操作流程就是拖动左侧的组件到中间的画布，选中组件，右侧属性面板就会展示

最近有很多开发者宣布他们已经将网站迁移到Astro。这通常伴随着一张接近完美的Lighthouse分数的截图和一系列火箭表情符号。像大多数人一样，我发现无休止的新框架会让人感到厌倦。但我对Astro做了一些研究，认为它真的值得一试。在本文中，我将向您展示如何使用Astro构建基于Vue的应用程序，我

 性能优化，是每一个开发者都会遇到的问题，特别是现在越来越重视体验，以及竞争越来越激烈的环境下，对于我们开发者来说，只完成迭代，把功能做好是远远不够的，最重要的是把产品做好，让更多人愿意使用，让用户用得更爽，这不也是我们开发者价值与能力的体现吗。重视性能问题，优化产品的体验，比起改几个无关

LowCode是高效、高性能的拖拽式低代码开发平台.也是笔者最近一直在研究的方向,对于可视化搭建平台的实现方案笔者之前写过很多文章,这里带大家探索一个新方向——基于自然流布局的可视化搭建平台.在我们之前实现的h5-dooring搭建平台中,我们采用了网格布局的方式来实现拖拽生成H5页面或者Webap

现在Vite的生态逐渐完善，今天给大家介绍一款React的组件/应用文档编写神器：vite-plugin-react-pages目前主流搭建文档站点的方式：Gatsby-以GraphQL为核心，功能相当完善，插件生态丰富。但学习曲线高(React)Docusaurus-Meta公司出品。功能强大，与

一、谈谈你对MVVM的理解?映射关系简化，隐藏controllerMVVM在MVC的基础上，把控制层隐藏掉了。Vue不是一个MVVM框架，它是一个视图层框架。ViewModal是一个桥梁，将数据和视图进行关联。二、谈谈你对Vue中响应式数据的理解?数组和对象类型的值变化的时候，通过defineRea

随着”微前端“概念的不断酝酿，越来越多的团队开始将自己的业务处理为不同的组件，编排到一个业务页面中去，因此对组件的维护将会变得越来越重要。对于大部分前端在组件开发上都会遇到的问题和痛点，本文将分享作者在组件开发上的一些思考以及应该如何维护自己的组件库。背景19年6月左右，我发布过一篇文章《Bit初体

在执行I/O操作(例如数据提取)时，要先发送网络请求，然后等待响应，接着将响应数据保存到组件的状态，最后进行渲染。在React中生命周期方法、Hooks和Suspense是获取数据的方法。接下用事例演示一下如何使用它们并说明每种方法的优点和缺点，以便咱们更好的编写异步操作代码。1.使用生命周期方法请

说起事件，做前端开发的朋友一定不会陌生。事件，即网页上的一系列行为，可以是浏览器行为，如页面完成了加载，页面关闭；或是用户操作行为，如用户输入操作，用户点击按钮等，这些行为会被JavaScript监测到，并执行相应的逻辑代码。可以说，前端的交互行为与事件机制息息相关，对于前端开发者而言，掌握好事件机