vue.js
鸥总
西安电子科技大学
展开
-
promise的all方法和race
all 方法可以完成并行任务,它接收一个数组,数组的每一项都是一个promise对象 当数组中所有的promise的状态都达到resolved的时候,all方法的状态就会变成resolved,如果有一个状态变成了rejected,那么all方法的状态就会变成rejected。原创 2023-12-19 14:53:38 · 676 阅读 · 0 评论 -
用webpack做一些前端打包时的性能优化
启用 FlagDependencyUsagePlugin, FlagIncludedChunksPlugin, ModuleConcatenationPlugin, NoEmitOnErrorsPlugin, OccurrenceOrderPlugin, SideEffectsFlagPlugin 和 UglifyJsPlugin。2.output:输出指示,webpack打包后的资源bundles输出到哪里去,以及如何命名。会将 process.env.NODE_ENV 的值设为 production。原创 2023-07-04 23:03:14 · 1155 阅读 · 0 评论 -
vue 2每个生命周期的都干了什么事?
updated(更新后) :在由于数据更改导致的虚拟DOM重新渲染和打补丁之后调用。destroyed(销毁后):实例销毁后调用,调用后,Vue 实例指示的所有东西都会解绑定,所有的事件监听器会被移除,所有的子实例也会被销毁。beforeCreate(创建前)**:数据观测和初始化事件还未开始,此时访问不到data、computed、watch、methods上的方法和数据。beforeUpdate(更新前):响应式数据更新时调用,此时虽然响应式数据更新了,但是对应的真实 DOM 还没有被渲染。原创 2023-06-28 19:24:03 · 121 阅读 · 0 评论 -
虚拟DOM的理解
通过事务处理机制,将多次DOM修改的结果一次性的更新到页面上,从而有效的减少页面渲染的次数,减少修改DOM的重绘重排次数,提高渲染性能。当页面的状态发生改变,需要对页面的 DOM 的结构进行调整的时候,首先根据变更的状态,重新构建起一棵对象树,然后将这棵新的对象树和旧的对象树进行比较,记录下两棵树的的差异。如果为相同节点,进行patchVnode,判断如何对该节点的子节点进行处理,先判断一方有子节点一方没有子节点的情况(如果新的children没有子节点,将旧的子节点移除)原创 2023-06-26 21:27:12 · 179 阅读 · 0 评论 -
为什么 Vuex 的 mutation 中不能做异步操作?
每个mutation执行完成后都会对应到一个新的状态变更,这样devtools就可以打个快照存下来,然后就可以实现 time-travel 了。如果mutation支持异步操作,就没有办法知道状态是何时更新的,无法很好的进行状态的追踪,给调试带来困难。Vuex中所有的状态更新的唯一途径都是mutation,异步操作通过 Action 来提交 mutation实现,这样可以方便地跟踪每一个状态的变化,从而能够实现一些工具帮助更好地了解我们的应用。原创 2023-06-26 21:20:15 · 386 阅读 · 0 评论 -
vue-vben-admin 启动项目报错
vue-vben-admin 启动项目报错vue-vben-admin 启动项目报错vue-vben-admin 启动项目报错vue-vben-admin 启动项目报错vue-vben-admin 启动项目报错原创 2023-02-24 21:03:37 · 716 阅读 · 0 评论 -
vue3中使用工作流插件 bpmn.js中bo.get is not a function问题处理-bpmn右侧属性面板不显示问题
vue3中 bpmn.js中bo.get is not a function问题处理-bpmn右侧属性问题vue3中 bpmn.js中bo.get is not a function问题处理-bpmn右侧属性问题vue3中 bpmn.js中bo.get is not a function问题处理-bpmn右侧属性问题vue3中 bpmn.js中bo.get is not a function问题处理-bpmn右侧属性问题原创 2023-02-22 19:28:37 · 1377 阅读 · 5 评论 -
uni-app 导航栏自定义图标及图标的点击事件
uniapp导航栏配置自定义按钮关于iconfont.ttf文件的引用及说明unicode形式的使用说明:如上图,将 &#x 替换为 \u 即可。如  -> \ue737unicode不生效的说明:若新增了icon图库,并更新了iconfont.css和iconfont.ttf文件,则需要重新运行app基座才行,否则不生效。关于导航栏自定义按钮点击事件的监听监听按钮、输入框事件,uni-app给出了相应API,只需把onNavigationBarButtonTap和onNaviga原创 2022-12-03 15:54:50 · 2707 阅读 · 0 评论 -
elemment ui tabs实现思路
2.如果后台返回的是一个数组对象嵌套子数组数据的结构,可以双层for循环出来直接每一项展示。1.tab切换 时每次想后台返回一个唯一的name参数,就可以实现tab切换。原创 2022-11-25 10:35:03 · 347 阅读 · 0 评论 -
VUE后台管理系统模板
VUE后台管理系统模板VUE后台管理系统模板VUE后台管理系统模板VUE后台管理系统模板VUE后台管理系统模板VUE后台管理系统模板VUE后台管理系统模板VUE后台管理系统模板原创 2022-10-21 16:01:42 · 555 阅读 · 0 评论 -
前端性能优化
CDN是指一种通过互联网互相连接的电脑网络系统,利用最靠近每位用户的服务器,更快、更可靠地将音乐、图片、视频、应用程序及其他文件发送给用户,来提供高性能、可扩展性及低成本的网络内容传递给用户.CDN是指一种通过互联网互相连接的电脑网络系统,利用最靠近每位用户的服务器,更快、更可靠地将音乐、图片、视频、应用程序及其他文件发送给用户,来提供高性能、可扩展性及低成本的网络内容传递给用户.原创 2022-10-18 13:18:47 · 206 阅读 · 0 评论 -
vue3后台管理系统二次开发模板推荐
vue3后台管理系统二次开发模板vue3后台管理系统二次开发模板vue3后台管理系统二次开发模板vue3后台管理系统二次开发模板原创 2022-10-12 16:00:19 · 539 阅读 · 0 评论 -
vue2.0后台管理系统二次开发模板推荐
vue2.0后台管理系统二次开发模板推荐vue2.0后台管理系统二次开发模板推荐vue2.0后台管理系统二次开发模板推荐vue2.0后台管理系统二次开发模板推荐vue2.0后台管理系统二次开发模板推荐原创 2022-10-12 15:57:29 · 729 阅读 · 0 评论 -
Vue3后台管理系统模板推荐
Vue-Vben-Admin(github上的标星数为14.2k)是一个基于 Vue3.0、Vite、 Ant-Design-Vue、TypeScript 的后台解决方案,目标是为开发中大型项目提供开箱即用的解决方案。包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能。项目使用前端较新的技术栈,可以作为项目的启动模版原创 2022-10-10 15:37:26 · 3766 阅读 · 16 评论 -
nuxt.js路由,路由传参,及改造vue项目中的路由
Nuxt.js 依据 pages 目录结构自动生成 vue-router 模块的路由配置,要在页面之间使用路由,我们建议使用 标签。原创 2022-09-10 23:10:51 · 498 阅读 · 0 评论 -
Nuxt3.0项目创建
Nuxt.js 是一个基于 Vue.js 的通用应用框架。Nuxt.js 是一个基于 Vue.js 的通用应用框架。Nuxt.js 是一个基于 Vue.js 的通用应用框架。Nuxt.js 是一个基于 Vue.js 的通用应用框架。原创 2022-09-05 20:17:15 · 543 阅读 · 0 评论 -
分享一个基于Vue3+构建Cesium.js组件库
** Cesium是一个非常优秀的三维地球GIS引擎。能够加载各种符合标准的地图图层,瓦片图、矢量图等都支持,无意中在githua发现了一个没有太多Stars的vue+Cesium的组件库VueCesium,看了一下感觉挺好的,VueCesium完成了 CesiumJS 的 Vue 组件化,你可以在你的 Vue 项目中使用这个库提供的各个组件** 点击进入 Vue Cesium官网...原创 2022-07-02 21:32:59 · 418 阅读 · 0 评论 -
分享一个基于Vue3+TS构建Cesium组件库
分享一个基于Vue3+TS构建Cesium组件库点击进入 Vue Cesium官网原创 2022-06-30 10:17:30 · 437 阅读 · 0 评论 -
Vue中使用Cesium.js的库
基于 Vue 3,面向开发者的 CesiumJS 组件库。基于 Vue 3,面向开发者的 CesiumJS 组件库。基于 Vue 3,面向开发者的 CesiumJS 组件库。原创 2022-06-29 21:12:52 · 273 阅读 · 0 评论 -
vue3.0组件传值的方式
## vue3.0组件传值的方式>(一)父组件给子组件传值>**1.父组件给子组件传值,子组件通过defineProps接收数据**原创 2022-06-24 13:36:37 · 3235 阅读 · 0 评论 -
vue2.0的生命周期
v-if :适用于**切换频率较低**的场景, 特点:不展示DOM元素直接被移除注意:v-if可以和v-else-if,v-else一起使用,但要求结构不能被打断原创 2022-06-24 11:53:10 · 392 阅读 · 0 评论 -
vue的监视属性watch详解
监视属性watch:(1)当被监视的属性变化时,回调函数自动调用,监视的属性必须存在,才能进行监视 (2)配置deep:true 可以监视对象内部值改变,使用watch时根据数据的具体结构,决定是否开启深度监视...原创 2022-06-24 10:48:50 · 294 阅读 · 0 评论 -
Vue2.0中的事件修饰符
Vue2.0中的事件修饰符: 1.prevent:阻止默认事件,原生js里面为event.preventDefault() 2.stop:阻止事件冒泡 3.once:事件只触发一次 4.capture:使用事件的捕获模式:事件分为捕获阶段和冒泡阶段,事件捕获阶段事件执行顺序是有外向内,就是父向子,冒泡阶段事件执行时由内向外,子向父 5.self:只有event.target是当前操作元素是才触发事件 6.passsive:事件的默认行为立即执行,无需等待事件.原创 2022-06-24 10:23:42 · 389 阅读 · 0 评论 -
用vue来理解什么是MVVM
1.M:模型(model) 对应data里面的数据 2.V:视图(view):DOM视图页面 3.vm:(view model):Vue实例对象:里面的data Bindings把数据放到页面,里面的DOMListers:页面的改变返回数据,双向绑定原创 2022-06-24 09:59:27 · 60 阅读 · 0 评论 -
react函数式组件中的hooks
Hooks是react16.8版本新增的特性 ,可以让你在函数组件中使用state以及其他Reat的特性原创 2022-06-13 12:22:42 · 899 阅读 · 0 评论 -
vue3中的ref,isRef,shallowRef,triggerRef,customRefs都是干什么的?
vue3中的ref,isRef,shallowRef,triggerRef,customRefs都是干什么的?vue3中的ref,isRef,shallowRef,triggerRef,customRefs都是干什么的?原创 2022-06-08 16:47:50 · 316 阅读 · 0 评论 -
用vscode 开发vue3项目是需要安装的插件
用vscode 开发vue3项目是需要安装的插件用vscode 开发vue3项目是需要安装的插件用vscode 开发vue3项目是需要安装的插件原创 2022-06-08 14:17:51 · 2238 阅读 · 1 评论 -
vue3和vue2的区别
vue2和vue3的区别原创 2022-06-08 12:09:48 · 915 阅读 · 0 评论 -
vue2.0中computed和watch之间的区别
1.computed能完成的功能,watch都可以完成 2.函数里面涉及到异步操作(setTimeout,ajax等),只能用watch 3.computed中的计算的属性有缓存,可以复用原创 2022-06-06 23:26:41 · 118 阅读 · 0 评论 -
vue项目实现前端权限控制
后端如何知道该请求是哪个用户发过来的示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。2.读入数据代码如下(示例):该处使用的url网络请求的数据。例如:以上就是今天要讲的内容,本文仅仅简单介绍了pandas的使用,而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。...........................原创 2022-06-06 12:52:43 · 3883 阅读 · 0 评论