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

1.1模块与组件、模块化与组件化1.1.1模块理解：向外提供特定功能的js程序，一般就是一个js文件为什么：js文件很多很复杂作用：复用js，简化js的编写，提高js运行效率1.1.2组件理解：用来实现局部(特定)功能效果的代码集合(html/css/js/image.....)为什么：一个界面的功

框架类Web名称Vue描述ElementUI2饿了么ElementPlus3饿了么AntDesign12蚂蚁金服AntDesign23蚂蚁金服AntDesign33蚂蚁金服ArcoDesign3字节跳动ViewUI2ViewUIPlus3AT-UI2H5名称Vue描述Vant22Vant33Vant

一篇文章带你了解网页框架——Vue简单入门这篇文章将会介绍我们前端入门级别的框架——Vue的简单使用如果你以后想从事后端程序员，又想要稍微了解前端框架知识，那么这篇文章或许可以给你带来帮助温馨提醒：在学习该文章前，请先学习HTML，CSS，JavaScript，Ajax等前端知识Vue基础首先，我们

刚完成一些前端项目的开发，腾出精力来总结一些前端开发的技术点，以及继续完善基于SqlSugar的开发框架循序渐进介绍的系列文章，本篇随笔主要介绍一下基于Vue3+TypeScript的全局对象的注入和使用。我们知道在Vue2中全局注入一个全局变量使用protoType的方式，很方便的就注入了，而Vu

目录Vue响应式数据Vue中如何进行依赖收集Vue中模板编译原理Vue生命周期钩子Vue组件data为什么必须是个函数？nextTick原理set方法实现原理虚拟dom的作用diff算法的实现原理Vue中key的作用和原理vue初渲染流程vue更新流程依赖收集实现过程vue异步更新的实现流程组件的初

1、前言脚手架大家一定都不陌生，比如我们经常使用的vue-cli、create-react-app，它可以帮助我们快速的初始化一个项目，无需从零配置，极大的方便我们的开发。到这里你可能会疑惑，既然市面上有成熟的脚手架，为什么需要写一个属于自己的脚手架呢。因为公共脚手架虽然强大，但并不能满足我们的实际

​阅读前应该具备：了解vue相关知识 熟悉测试APP的UI按照惯例，在Vue的生态中，当您要测试应用程序时，您可以使用@vue/test-utils-Vue的官方测试库。这个库提供相关API以方便用户测试渲染的Vue组件实例。例如：复制//example.spec.jsimport{sha

大家好，我是CUGGZ。在产品发布新版本或者有新功能上线时，经常需要新手引导功能来引导用户了解应用。下面就来分享几个开箱即用的新手引导组件库，帮你快速实现新手引导功能！Intro.jsIntro.js是一个使用广泛的产品引导库，它在Github上拥有21.6kStar。其具有以下特点：无依赖：它不需

我使用Vue已经很多年了，特别是去年一直在使用Vue3，因此，学到了很多东西。1、脚本设置如果以前使用过组合API，我们需要始终执行defineComponent和setup(){}：复制<scriptlang="ts">import{defineComponent}from'vue';

​本节小编将对Vue的开发环境以及常用工具的使用进行讲解。1.VisualStudioCode编辑器VisualStudioCode(VSCode)是由微软公司推出的一款免费、开源的编辑器，推出之后便很快流行起来，深受开发者的青睐。作为前端开发人员来说，一个强大的编辑器可以让开发变得简单、便捷、高效

介绍Pinia是Vue.js的轻量级状态管理库，最近很受欢迎。它使用Vue3中的新反应系统来构建一个直观且完全类型化的状态管理库。Pinia的成功可以归功于其管理存储数据的独特功能（可扩展性、存储模块组织、状态变化分组、多存储创建等）。另一方面，Vuex也是为Vue框架建立的一个流行的状态管理库，它

在CSS中，很容易在鼠标hover时进行更改，只需：复制.item {   background: blue; }  .item:hover {   background:&nbs

我比较喜欢使用Vue来开发，所以有时会深入研究其功能和特性。通过这篇文章，向你们介绍十个很酷的窍门和技巧，以帮助大家成为更好的Vue开发者。1.插槽语法更漂亮随着Vue2.6的推出，已经引入了插槽的简写方式，之前简写可用于事件(例如，@click表示v-on:click事件)或冒号表示方式用于绑定(

vue作为目前前端三大框架之一，对于前端开发者可以说是必备技能。那么怎么系统地学习和掌握vue呢?为此，我做了简单的知识体系体系总结，不足之处请各位大佬多多包涵和指正，如果喜欢的可以点个小赞!本文主要讲述一些vue开发中的实用技巧。监听组件的生命周期比如有父组件Parent和子组件Child，如果父

【51CTO.com原创稿件】前言本文主要介绍日常项目开发过程中的一些技巧，帮助大家规避错误的同时还能提高应用的性能。以下是我总结的一些平时工作中的经验。在v-if/v-if-else/v-else中使用key如果一组v-if与v-else的元素类型相同，最好使用属性key。这是因为Vue2.0引入

2016年React巩固了它作为前端框架之王的地位，这一年中可以看到它在Web端和移动端的快速成长，同时稳稳领先于它的主要竞争对手Angular。但是2016对Vue来说也是同样令人印象深刻的一年，它发布了Vue2.0版本并且在JavaScript社区引起了巨大反响，GitHub上多出的25000颗

前后端不分后端模板：Jsp、FreeMarker、Velocity前端模板：Thymeleaf前后端不分，Jsp是一个非常典型写法，Jsp将HTML和Java代码结合在一起，刚开始的时候，确实提高了生产力，但是时间久了，大伙就发现Jsp存在的问题了，对于后端工程师来说，可能不太精通css，所以流程一

 现在用VSCode开发Vue.js应用几乎已经是前端的标配了，但很多时候我们看到的代码混乱不堪，作为一个前端工程师，单引号双引号乱用，一段有分号一段没有分号，有的地方有逗号有的地方没有逗号，空格回车都对不齐，还说自己做事认真，这不是开玩笑的事情。 我们今天从头开始，完整地讲述一

曾几何时，人人都在写前端框架，从网上搞点js脚本自己封装一下就可以搞成一个框架，然而除了用来吹牛外并没有什么egg用。后来有了Jqury出现了几乎一统江湖，但是也仅仅是昙花一现，没持续多久。最近这些年伴随着移动互联网的发展，Ajax技术，V8引擎和Node.js出现和流行催生了JS和前端(全栈)开发

【51CTO.com快译】对于开发人员而言，选择技术栈有时是一件相当棘手的任务。因为您需要综合考虑诸如：预算、时间、应用大小、最终用户、项目目标、以及可用资源等多方面因素。无论您是初学者、开发人员、自由职业者还是项目架构师，只有详细了解了每种框架的优、缺点，才能做出明智的决定。因此，本文不会简单地帮