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

今天npmrundev的时候，有个页面报错，提示[Vuewarn]:Failedtomountcomponent:templateorrenderfunctionnotdefined.昨天还好好的，今天就报错了，也没改啥。经过查资料，反复查证回想改了什么，发现是因为昨天在在哪个页面组件目录（src\

Signal（信号）是一种存储应用状态的形式，类似于React中的 ​​useState()​​。但是，有一些关键性差异使Signal更具优势。Vue、Preact、Solid和Qwik等流行JavaScript框架都支持Signal。Signal并不是最近才出现的，在此之前，它已经存在于

在日常开发中，当项目组件特别多或者刚接手一个项目时，可能需要花费一定时间去查找页面元素/组件对应的代码。下面就来分享几个插件，通过这些插件，点击页面元素就可以直接跳转到IDE中对应的代码，提高开发效率！VueDevtoolsVue官方调试工具VueDevtools是支持点击组件直接跳转到编辑器并打开

作者｜李坤明，单位：中国移动智慧家庭运营中心​Labs导读Shell就像是开发者和计算机之间的一座沟通桥梁，开发者能很方便地获取系统的运行情况，并通过命令控制系统的运行。搭载了shell组件的操作系统，能够使得目标用户开发更简单、更便捷。在计算机发展的早期，图形系统出现之前，没有鼠标，甚至没有键盘,

1.为什么要实施前端组件化？在项目开发中，页面和功能大都拆分为多文件来实现，多文件管理逐渐暴露出以下问题：相似的业务代码无法复用：X同事实现了一遍A页面，Y同事要实现一个和A页面类似的B页面，发现X同事的代码无法有效复用，只好重新再写一遍。多人重复实现同一功能：X同事完成了A功能，Y同事开发时要做同

一、需求场景描述实际开发的时候，为了减少重复造轮子，提高工作效率，节省开发时间成本，免不了会使用ui组件库，比如在web前端很受欢迎的element-ui。但有的时候，我们需要在原组件的基础上做些改造，比如一个image组件，我们需要统一在图片加载失败的时候展示的特定图，每次使用组件都加一遍，麻烦耗

写在前面我们会讲以下七种组件通信方式：propsemitv-modelrefsprovide/injecteventBusvuex/pinia举个例子本文将使用如下演示，如下图所示：上图中，列表和输入框分别是父组件和子组件。根据不同的通信方式，会调整父子组件。1、Propsprops是Vue中最常见

作者 |陆晨致远陈琦1.前言在本地生活服务领域，面向C端的信息展示类功能存在着类生物系统的复杂性，具体体现在以下三个方面：功能多，为了帮助用户高效找店、找服务，信息会在尽可能多的地方展示；差异大，同样的信息，在不同客户端、不同页面及模块下的展示逻辑会存在一些差异；功能易变，产品逻辑经常调整

在上一篇文章《​​低代码平台的属性面板该如何设计?​​》中聊到了低代码平台的属性面板的设计，今天来聊一下画布区域的撤销、重做的设计。撤销、重做其实是我们平时一直在用的操作。对应快捷键一般就是⌘Z/Ctrl+Z、⌘⇧Z/Ctrl+Shift+Z。这个功能是很常见的，它可以极大的提升用户体验，提高编辑效

简介hooks是函数组件独有的。在不编写class的情况下使用state以及其他的React特性。只能在函数组件的顶级作用域使用;只能在函数组件或者其他Hooks中使用。hooks使用时必须确保：所有Hook必须要被执行到。必须按顺序执行。ESlint使用Hooks的一些特性和要遵循某些规则。Rea

一、component方式通过app.component(name,Component)可以注册全局组件，通过该方式注册的组件在任何子组件中可以直接调用，如下所示：复制import{createApp,h}from'vue'app.component('test-component',{data()

本文转载自微信公众号「勾勾的前端世界」，作者西岭。转载本文请联系勾勾的前端世界公众号。父组件向子组件传值-普通传值父级组件传递数据默认情况由父级组件传递数据到子级组件，我们将需要传递的数据，以属性的方式，写入组件中，如下：复制import React from'react'&nb

在本文中，我想分享几个技巧，这些技巧将改善你的React代码。1.解构props在JS中解构对象(尤其是props)可以大大减少代码中的重复。看下面的例子：复制//Parent Component import React from 'react';

使用 ES2015 模块，您可以将应用程序代码分成可重用的、封装的、专注于单一任务的模块。这很好，但是如何构造模块呢？一个模块应该有多少个函数和类？这篇文章介绍了有关如何更好地组织 JavaScript 模块的4种最佳实践。1.优先使用命名导出当我开始使用Ja

Vue提供了两种不同的存储变量：props和data。这些方法一开始可能会让人感到困惑，因为它们做的事情很相似，而且也不清楚什何时使用props，何时使用data。那么props和data有什么区别呢?data是每个组件的私有内存，可以在其中存储需要的任何变量。props是将数据从父组件传递到子组件

 不论你是专业的React开发者，还是刚刚接触这方面的新手，你肯定想让开发过程尽可能简单。但想要跟上整个React生态系统的新趋势却很不容易，相关的各种组件都在迅速更新换代，所以你很可能会错过一些可供选择的React工具库。正因如此，我们要谈谈每个开发者最应该知道的7个React工具库。1

Vue作为最近最炙手可热的前端框架，其简单的入门方式和功能强大的API是其优点。而同时因为其API的多样性和丰富性，所以他的很多开发方式就和一切基于组件的React不同，如果没有对Vue的API（有一些甚至文档都没提到）有一个全面的了解，那么在开发和设计一个组件的时候有可能就会绕一个大圈子，所以我非

【51CTO.com原创稿件】前言本文主要介绍属性、事件和插槽这三个vue基础概念、使用方法及其容易被忽略的一些重要细节。如果你阅读别人写的组件，也可以从这三个部分展开，它们可以帮助你快速了解一个组件的所有功能。本文的代码请猛戳github博客，纸上得来终觉浅，大家动手多敲敲代码！一、属性1.自定义

 导读前端发展速度非常之快，页面和组件变得越来越复杂，如何更好的实现状态逻辑复用一直都是应用程序中重要的一部分，这直接关系着应用程序的质量以及维护的难易程度。本文介绍了React采用的三种实现状态逻辑复用的技术，并分析了他们的实现原理、使用方法、实际应用以及如何选择使用他们。本文略长，下面

 背景在使用Flutter开发过程中，我们遇到了业务代码耦合严重，代码可维护性糟糕，如入泥泞。对于闲鱼这样的负责业务场景，我们需要一个统一的应用框架来摆脱当下的开发困境，而这也是Flutter领域空缺的一块。FishRedux是为解决上面问题上层应用框架，它是一个基于Redux数据管理的组