接着奏乐接着舞的博客

Vue 3是下一代前端框架，用最新技术提升网站速度和开发体验。它引入组合式API，让代码更灵活、易于管理。同时，优化的响应式系统和更好的TypeScript整合，确保了应用运行更流畅，开发更高效。通过创新特性如`Teleport`和`Suspense`，Vue 3让用户界面更快加载、更动态，无论项目大小，都能轻松应对。简单说，Vue 3让前端开发更前沿、更有趣。

介绍了实际工作中渲染数据时遇到XSS攻击时的防范措施，以及解决方案。还有XSS攻击的原理、途径以及如何防范

本文围绕什么是虚拟DOM,以及如何创建虚拟DOM、如何使用虚拟dom渲染到页面上，并引申出vue的diff算法、双端比较、key属性等其他内容

可以对表格区域任意位置进行编辑，增加、删除，支持一键导入,一键生成表格

本来很简单的一个事，结果老是报错，郁闷的睡不着，于是半夜起床撸起袖子干……最后功夫不负有心人，终于找到解决方法并且成功了。

暂时就想到这些，three.js的使用不想正经写代码，他是有着固定的结构，只需修修改改即可。由于文件大小限制，仅能展示少部分特效，本文中共7中变换，如球体，立方体，管道，波浪，反重力，重力等效果。网上找到three.js源码，放到public目录下，在index.html中引入。项目需求是基于数据库分析出来的离散相关性的散点图，主要是为了追求良好的展示效果。使用了three.js编写的。至此，完成，如果需要three.js源码的可以留言邮箱。将文章末尾的实现以上功能的源码放入项目中（任意位置）

有时在开发中用过的一些比较好的功能没有及时封装，导致日后再用的时候还得再来一遍，现在是想将这些功能封装成组件，做到“”拿来即用“”，为了更好地照顾到版本兼容，我直接将资源下载到本地作为静态资源使用，这个组件基于vue2,如果你是个新手不会将之转为vue3或者react等框架，可以留言，我看到后会更新，这里默认大家具有一定经验。这个组件的好处：相比于直接使用D3或者echarts，他的优点在于有大量已经内置的功能，且可以通过修改源码方式轻松定制，而不必从0开始写。

常见的HTTP状态码及vue中组件name的作用

前端处理支付业务的逻辑和代码。主要介绍微信支付和支付宝支付。

第一,遇到了什么功能，怎么去实现的它；第二，遇到了什么方法或插件，可以解决什么问题。

第一,遇到了什么功能，怎么去实现的它；第二，遇到了什么方法或插件，可以解决什么问题。

目录1.前言2.分类3.详解1.前言现在权限相关管理系统用的框架都是element提供的vue-element-admin模板框架比较常见。2.分类菜单权限控制按钮权限控制请求url权限控制3.详解权限管理在后端中主要体现在对接口访问权限的控制，在前端中主要体现在对菜单访问权限的控制。按钮权限控制按钮权限控制比较容易，主要采取的方式是从后端返回按钮的权限标识，然后在前端进行显隐操作 v-if / disabled。请求u...

第一,遇到了什么功能，怎么去实现的它；第二，遇到了什么方法或插件，可以解决什么问题。

本篇文章取自实际项目，整理了共45个问题和他的解决方法，全文1.5万字。

这是一个后台管理项目，相信以后在遇到同类型的项目时，代码不可能在这篇文章直接复制粘贴，但大体的功能应该是差不多的这篇文章会从一个事后诸葛亮的角度，总结归纳。首先，这个项目中最大的认识是什么？角色管理。就是不同的人登录根据权限他们看到的页面不同核心就是权限。第二个方面应该是在这个项目中，使用的技术栈第三个是只要实现了什么功能第四个是要说的是做了哪些封装，全局组件，第五，有哪些比较亮眼的额代码，或者代码片段？第六，使用了什么第三方插件，用了还是什么第三方功能第七，从css

后台管理系统目录页：点击新增和修改的功能实现首先新增和修改都是共用一个弹框。在父组件定义一个变量，默认false代表新增。当点击修改的时候，变量为true。并且将当前行的数据传递给子组件。在子组件的created里面。判断是编辑还是修改？如果是编辑状态。调用封装的方法，将数据回填过去。这样就可以实现回填功能。再点击弹框的确定的按钮的时候。进行判断。如果是修改就发送修改的请求，如果是心中就发送新增的请求。...

前言：我在项目中，需要实现一个发布评论，然后让页面滚动到发布评论的位置。之后百度了几种方法，一一验证之后都不能实现，下面将列出使用后出现的问题。以及自己的尝试。

1.跨域出现的原因是：浏览器的同源策略。同源策略（英文全称 Same origin policy）是浏览器提供的一个安全功能MDN 官方给定的概念：同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制通俗的理解：浏览器规定，A 网站的 JavaScript，不允许和非同源的网站 C 之间，进行资源的交互，例如：① 无法读取非同源网页的 Cookie、LocalStorage 和 IndexedDB② 无法接触非同源网页的

2021年8.20日，补充更新（填坑）。主要介绍了token和axios及async await

前言：学习vue就是为了在实际开发中解决问题。而解决问题最重要的就是解决思路，这篇文章会提出一系列的问题，然后li'yng

1.总体认知：搭结构，先做基本的UI，再做功能。能复用的就封装，复杂功能拆分成一个个分子组件2我要实现的效果是：提供搜索的入口，实现搜索功能。在用户搜索时提供智能提示，并保存用户的搜索记录3大体：第一步，创建单独的页面，进行组件布局，配置路由跳转。第二步，功能：实现联想建议功能《监听输入的变化--请求接口，拿数据--页面渲染》第三步，功能：高亮展示搜索关键字《利用正则及replace方法做字符串替换--计算属性--页面渲染--map函数--v-html》第四步，...

本篇文章主要是基于vue开发一个移动app,类似于今日头条，那么如何从无到有呢？

本文全面的整理了vue知识点

前言：这篇文章主要讲述基础和基础之外，一些零碎的知识，以及部分vue知识的实现原理。

1 关键词Uncaught Error: [vuex] mutations should be function but "mutations.actions" in module "user" is {}.

在主页中，通过按钮点击，以弹层组件来展示频道管理页，具体的频道管理管理功能由这个页面来决定。

1 更多操作思路分析：总体认知：搭结构，先做基本的页面样式，再做功能。能封装就封装，复杂功能拆分成一个个分支组件2 我要实现的效果对于已经登陆的用户，点击小×可允许他们去关闭某篇文章，或者是反馈内容；对于没有登录的用户小×不会显示3 大体规划第一步，搭建UI页面。只有登录的用户才能看见小×，未登录是没有的第二步，使用弹层组件，使同一时间只有一个子内容显示，另一个隐藏第三步，点击‘不感兴趣’，要做三件事分别是 1调接口，关闭弹层，删除文章（数组中）第四步，点击...

是什么？本质就是一个函数，特别适合来做格式转换，如把一个标准时间转成相对时间怎么用？

挺长时间没有用vue3了，发现看文档需要的时间还挺长，我想5-10分钟就掌握不容易，于是就想写一篇文章快速让我掌握，于是就有了这篇文章。

介绍了keepAlive的使用，以及如何强制组件刷新，最后是实际工作中容易遇见的问题

目录1.作用2.应用场景3.用法：4.深度监听和立即执行（监听复杂类型）5.总结：1.作用可以监听data/computed等属性值改变。常见于监听某变量值的改变，或者对象中属性值的改变2.应用场景如监听路由变化如当页面的数据变动需要做逻辑运算时如组件创建时，监听某个变量或者某对象的值或属性改变时如使用此属性判断父子组件传值发生时做逻辑。3.用法：注意：和data、methods同级 watch: { "被监听的..

如何确定我需要封装呢？1.复用，如果觉得以后还会用到2.你觉得方便，别的地方可能也需要用3.如果不封装，页面代码臃肿的时候

RBAC是一种设计思想，是解决权限分配的一种解决方案。主要介绍业务中利用它解决问题的思路。

1.前端主导实现步骤第一步，点击页面上的导入按钮，读入Excel文件利用插件完成。第二步，按照后端的要求对数据格式加工，转成他们需要的格式需要自己写逻辑。第三步，通过后端接口，将数据通过ajax发回去调接口，常规操作。简而言之：前端读excel文件，修改文件格式，调接口2.实现读入Excel文件注：此步骤就可实现前端导入功能。如对修改格式有兴趣，可以继续看第三步。概括：复制代码到自己的文件夹下，下载必需的插件。2.1 使用的是elementUI提供的vue-.

复制vue-element-admin中提供的方法，下载依赖，实现基本导出效果，以及对表头表格进行修改，达到想要的效果，文中代码经过测试，可直接拿来使用。

Object.defineProperty（）方法是vue的核心原理。理解他可以提高对vue响应式的理解。

观察者模式（发布-订阅模式）的含义，掌握其写法，学习套路，观察者模式就是解决一类问题的最优解

vue的原理之数据的响应式实现原理，着重讲述数据驱动视图的实现。

问题描述：用户退出登录的逻辑比较通用，一般的做法都是一致的1.如果有登出接口，就调用（注意：并不是所有的项目中，都有退出接口）2.退出接口成功调用之后清空本地用户信息（token、userInfo）3.如果需要携带必要参数跳**回到登录页面**准备重新登录操作 解决方案：> ==第一步==先要弹出提示框问客户要退出吗？==第二步==如果点

主要介绍了开发流程总览、响应拦截器、环境变量、前端跨域解决方案、token持久化