348浏览

0评论

vue3+ts+MicroApp实战教程

目录项目准备子项目配置主应用项目配置项目准备1、基于amin-work-x项目作为原始项目，改造动态菜单为自定义菜单2、分别在主应用项目(main)和子应用(childrenOne,childrenTwo)...

• 2022-12-31

504浏览

0评论

vue选项卡Tabs组件实现示例详解

目录概述效果图实现过程组件分析所需的前置知识项目组件文件夹Tabs.vueTabPane.vuerender.jsindex.js使用总结概述前端项目中，多数页面涉及到选项卡切换，包括路由切换，指令v-if...

• 2022-12-31

119浏览

0评论

Vue 项目中Echarts 5使用方法详解

目录前言创建项目基本使用安装使用方法柱状图动态排序柱状图前言Echarts 是一个纯JavaScript的图表库，兼容绝大部分的浏览器，底层依赖轻量级的canvas类库ZRender，提供直观，生动，...

• 2022-12-31

97浏览

0评论

Vue项目代码之路由拆分、Vuex模块拆分、element按需加载详解

目录路由的拆分VUEX模块拆分Element UI库按需加载的优雅写法路由的拆分项目较大路由较多时，路由拆分是一个不错的代码优化方案，按不同业务分为多个模块，结构清晰便于统一管理。...

• 2022-12-31

82浏览

0评论

Vue3源码通过render patch 了解diff

目录引言renderpatchprocessText processCommontNodemountStaticNode 和 patchStaticNodeprocessFragmentpatchBlockChildrenpatchChildrenpatchKeyedChildrenpatchUnkeyedC...

• 2022-12-31

235浏览

0评论

利用Vue模拟实现element-ui的分页器效果

目录1. 思路1.1客户端1.2服务器2.服务器2.1创建数据2.2创建接口3.客户端3.1创建静态页面3.2请求数据3.3解析逻辑4.总结1. 思路1.1客户端利用vue相关的知识搭建基本页面，上面...

• 2022-12-31

282浏览

0评论

Vue不能watch数组和对象变化解决方案

目录Vue 能监听数组的情况Vue 无法监听数组变化举例无法监听数组变化的情况Vue 无法监听数组变化的解决方案Vue 监听对象Vue 设置监听对象Vue 能监听数组的情况Vue 监听数组...

• 2022-12-31

95浏览

0评论

详解vuex中的this.$store.dispatch方法

vuex中的this.$store.dispatch方法main.jsnew Vue({ el:'#app', router, store, render:h=>h(APP) })store/index.jsimport Vue from 'vue'import Vuex from 'vuex'...

• 2022-12-31

381浏览

0评论

electron-vue+electron-updater实现自动更新(步骤源码)

目录1、autoUpdater.js (操控更新js文件)2、main.js（也就是package.json内的main指向的js文件）3、update.vue（可视化更新页面vue + iview，不同的自行封写）4、config配置增加...

• 2022-12-31

86浏览

0评论

详解vue 祖先组件操作后代组件方法

目录一、首先二、在触发事件的的祖先组件方法内　三、后代组件（不限于后代，就是任何组件）接受传参四、一定要在接收的组件销毁钩子里卸载掉vue3 中“provide 与 inject&ld...

• 2022-12-31

95浏览

0评论

Vue中的v-for列表循环示例详解

目录前言1. v-for1.1 数组1.2 对象2. v-for的key补充：v-for中key属性的意义总结前言在电商项目的开发中，会用到这样一个问题：商品的陈列我们如果使用原生的js会显得十分臃肿。...

• 2022-12-31

90浏览

0评论

Vue实现简单可扩展甘特图的方法详解

目录特点基本使用方法预览更新日志Ganttastic是一个小型的Vue.js组件，用于在Web应用程序上呈现一个可配置的、可拖动的甘特图。特点时间网格悬停时突出显示行。显示/隐藏时间...

• 2022-12-31

95浏览

0评论

详细聊聊前端如何实现token无感刷新(refresh_token)

目录关于无感刷新的理解: 下面是关于使用vuex来实现的写法axios工具函数(请求拦截器与响应拦截器)总结关于无感刷新的理解: 实现token无感刷新对于前端来说是一项非常常用的...

• 2022-12-31

109浏览

0评论

Vuex与Vue router的使用详细讲解

目录Vuex的使用Vuex的使用流程Vuex的执行流程图Vuex伪代码Vue-router的使用基本使用流程路由的跳转携带参数的路由跳转路由嵌套路由守卫Vuex的使用在Vue中实现集中式状态(数...

• 2022-12-31

92浏览

0评论

Vue项目新一代状态管理工具Pinia的使用教程

目录前言Pinia与Vuex的区别使用Pinia直接修改数据的两种方式使用actions修改数据重置state中数据Pinia持久化存储Pinia模块化实现Pinia中store之间互相调用总结前言Pinia官...

• 2022-12-31

94浏览

0评论

Vue使用electron转换项目成桌面应用方法介绍

1、将已有 Vue 项目打包。2、新建 main.js、package.json 文件将打包生成的 index.html、js、css、然后再和新建的 main.js、package.json 文件 放至一个目录下。并命令行切...

• 2022-12-31

129浏览

0评论

Object.assign触发watch原理示例解析

目录为什么可以用Object.assign触发$watch先看vue2文档用Object.assign触发watch原理为什么可以用Object.assign触发$watchObject.assign，这个api在简单拷贝可枚举对象的属性...

• 2022-12-31

118浏览

0评论

vue3中使用Apache ECharts的详细方法

目录项目效果前言一、安装二、测试运行三、全局配置1. globalProperties形式：2. provide / inject 形式：❀简单封装四、循环输出五、动态更新获取项目Demo首先祝贺Echarts顺利...

• 2022-12-31

417浏览

0评论

Vue2 Observer实例dep和闭包中dep区别详解

目录start1. 依赖收集2. 通知更新思考拓展一拓展二手动通知的案例endstart此前学习 Vue2 源码。对 Vue 源码中两次出现的new Dep()，不清楚它们的区别，写一个文章记录一下。Vue...

• 2022-12-31

123浏览

0评论

vue2源码解析之全局API实例详解

目录前言Vue.extend()基本使用整体源码Vue.nextTick,Vue.set,Vue.deleteVue.directive、Vue.filter、Vue.component基本使用源码分析Vue.use基本使用源码预览Vue.mixin基本...

• 2022-12-31

116浏览

0评论

vue在线预览word、excel、pdf、txt、图片的方法实例

目录excel文件预览word文件预览pdf文件预览一、查看word引用mammoth.js二、查看Excel引用sheetjs写的项目1.页面2.数据补充：vue移动端实现word在线预览总结excel文件预览word...

• 2022-12-31

90浏览

0评论

Vue悬浮窗和聚焦登录组件功能实现

目录前言1 悬浮窗1.1 使用display1.2 使用visibility（☆）2 全屏只能点击登录组件原理代码前言​ 本文整理了实现悬浮窗以及聚焦登录组件的功能。​ 为的是方便大家和自己的学...

• 2022-12-31

102浏览

0评论

最新Vue过滤器介绍及使用方法

目录过滤器过滤器的兼容性私有过滤器和全局过滤器过滤器的连续调用过滤器进行传参过滤器过滤器的兼容性注意：Vue3中明确取消了过滤器这个功能，如果想使用只能在Vue2中进行，如果...

• 2022-12-31

92浏览

0评论

Babel自动生成Attribute文档实现详解

目录1. 前言2. 开发自动生成属性文档插件2.1 生成Babel插件模板：2.2 转换思路详解：2.3 单元测试用例：2.4 AST分析详解：2.5 插件开发过程：2.5.1 定义Comment、ApiTable类型对象：2.5...

• 2022-12-31

80浏览

0评论

Vue 通过this.$emit()方法子组件向父组件传值(步骤分享)

目录子组件使用this.$emit()向父组件传值第一步 在父组件中引入子组件第二步 子组件向父组件传值子组件使用this.$emit()向父组件传值首先必须在父组件中引用子组件，然后实现...

• 2022-12-31

91浏览

0评论

vue中使用pdfjs-dist + turnjs实现页面的翻书浏览功能

目录首先 安装 psfjs-distvue中安装jquery的方法下载trunjspdfjs-dist 的工作原理：把获取到的 pbf 的文件的数据流， 利用 canvas转换成图片turnjs 把多个元素做成翻书的特效我...

• 2022-12-31

100浏览

0评论

vue 过滤、模糊查询及计算属性 computed详解

什么是计算属性概念计算属性是vue里面为了简化在模板语法中对响应式属性做计算而存在的什么时候应该使用计算属性根据现有响应式的值得到一个新的值1、结构<!-- * @Descript...

• 2022-12-31

95浏览

0评论

Vue中过滤器定义以及使用方法实例

目录介绍Vue中过滤器如何使用组件内过滤器全局过滤器补充：vue中的过滤器可以格式化以及美化内容总结介绍过滤器实质不改变原始数据，只是对数据进行加工处理后返回过滤后的数据...

• 2022-12-31

187浏览

0评论

vuex中能直接修改state吗

目录vuex中能直接修改state吗在vuex中，不经过mutations能直接修改state中的数据吗？为什么在vue中使用vuex，修改state的值vuex中能直接修改state吗当我们使用vuex的时候，时不时能...

• 2022-12-31

88浏览

0评论

Vue+ ArcGIS JavaScript APi详解

目录版本环境搭建新建vue增加ArcGIS JavaScript 包引用拷贝资源信息页面测试版本Vue 2ArcGIS JavaScript 4.22注意 ArcGIS JavaScript3.x 和ArcGIS JavaScript 4.x框架差异...

• 2022-12-31

102浏览

0评论

Vue privide 和inject 依赖注入的使用详解

目录前言示例项目案例子组件前言关于Vue组件的通讯方式如下：父子组件：通过prop，$ emit，【$ root，$ parent，$ children】；非父子组件：vuex，父子层层传递、中央事务总线bus，$ref。vue官...

• 2022-12-31

123浏览

0评论

Vue 基础语法之计算属性(computed)、侦听器(watch)、过滤器(filters)详解

目录1、Vue 实例选项2、计算属性（computed）2.1、computed 的基本用法2.2、computed 作为函数传参2.3、计算属性和函数的区别3、侦听器（watch）3.1、watch 的基本用法3.2、侦听器...

• 2022-12-31

131浏览

0评论

node+vue前后端分离实现登录时使用图片验证码功能

目录后端代码前端代码获取验证码方法登录验证方法记录一下前端使用验证码登录的过程
后端用的是node.js，关键模块是svg-captcha
前端使用的是vue2
最后的登录界面如下：后端代...

• 2022-12-31

264浏览

0评论

【由浅入深】vue组件库实战开发总结分享

很庆幸标题能够赶上2022结束的脚步。本文由浅入深层层递进，对组件库的开发过程做个了小结。 由于篇幅有限，阴影部分的内容将在中/下篇介绍。话不多说，直入主题。yarn workspace...

• 2022-12-28

140浏览

0评论

一文探究Angular中的服务端渲染(SSR)

一般来说，普通的 Angular 应用是在 浏览器 中运行，在 DOM 中对页面进行渲染，并与用户进行交互。而 Angular Universal 是在 服务端 进行渲染（Server-Side Rendering，SSR），生成静态...

• 2022-12-28

146浏览

0评论

深入浅析Node中的进程和线程

一、进程和线程1.1、专业性文字定义 进程（Process），进程是计算机中的程序关于某数据集合上的一次运行活动，是系统进行资源分配和调度的基本单位，是操作系统结构的基础，进程是线程...

• 2022-12-28

221浏览

0评论

一文聊聊Node包管理发展的五个阶段

阶段一：刀耕火种正确来说，Node是不存在没有包管理器时期的，2009年，Node.js 问世时 npm的雏形也发布了。npm 全称 Node.js Package Manager；从A brief history of Node.js 里面可...

• 2022-12-26

144浏览

0评论

带你了解Angular组件间进行通信的几种方法

前端开发，很大程度上是组件化开发，永远离不开组件之间的通信。那么，在 Angular 开发中，其组件之间的通信是怎么样的呢？举一反三，Vue 和 React 中大同小异本文纯文字，比较枯燥。因为...

• 2022-12-26

219浏览

0评论

jquery怎么判断是否包含某属性

在jquery中，判断元素是否有某个属性，主要使用attr()方法，通过该方法，可以将获得的属性值进行判断，得出元素是否有某个属性。实现步骤：步骤1：使用jquery选择器获取指定元素对象$(sel...

• 2022-12-16

155浏览

0评论

jquery怎么占位置隐藏div元素

在jquery中，可以使用css()方法给div元素设置visibility或opacity样式来占位置隐藏div元素。方法1、使用css()给元素添加visibility: hidden;样式，设置不可见visibility 属性规...

• 2022-12-16

177浏览

0评论

jquery ready事件的四种方法是什么

jquery ready事件当 DOM（document object model 文档对象模型）加载完毕且页面完全加载（包括图像）时发生 ready 事件。由于该事件在文档就绪后发生，因此把所有其他的 jQuery 事件...

• 2022-12-16

186浏览

0评论

jquery怎么删除hover事件

今天遇到jquery需要去掉hover的问题，原以为直接unbind("hover")就可以搞定，可是搞了半天都不行。$("button").click(function() { $("p").unbind("hover");});原因其实很简单，h...

• 2022-12-16

129浏览

0评论

jquery isEmptyObject()方法有什么用

jQuery isEmptyObject()函数介绍jQuery.isEmptyObject()函数用于判断指定参数是否是一个空对象。所谓”空对象”，即不包括任何可枚举(自定义)的属性。简而言之，就是...

• 2022-12-16

137浏览

0评论

jquery可以给img加a标签吗

jquery可以给img加a标签给img加a标签，就是在img标签外加一个a标签：<a href=""><img id="img" src="img/2.jpg" width="400"/></a>简单来说，就是给img标签添加一个父元素（a标签）。...

• 2022-12-16

166浏览

0评论

jquery可以获取图片的src属性吗

在jquery中，可以利用两种方法来获取元素的属性： attr() prop()方法1、使用attr()获取图片的src属性attr()方法可以返回被选元素的属性值语法：元素对象.attr("属性名") 只需...

• 2022-12-16

153浏览

0评论

一文详解多版本node的安装和管理

安装多版本node的原因：在项目开发过程中，不同项目使用的nodejs版本不同，有时会因为node版本过高或太低，导致报错；如何在同一个系统中安装多个版本的node呢，这里有两种方式，往下看选...

• 2022-12-16

145浏览

0评论

Angular学习之聊聊Http ( 错误处理 / 请求拦截 )

基本使用用 Angular 提供的 HttpClient 可以很轻松的实现 API 接口的访问。举个例子 新建一个 http.service.ts 可以在 environment 中配置不同环境的 host 地址再贴一下 pr...

• 2022-12-16

138浏览

0评论

一文带你深入了解Node中的Buffer类

在TypedArray出来之前，JavaScript这门语言是不能很好地处理原始二进制数据(raw binary data)的，这是因为一开始的时候JavaScript主要还是应用在浏览器中作为脚本语言使用，所以...

• 2022-12-12

143浏览

0评论

浅析Angular变更检测中的DOM更新机制

变更检测是Angular中很重要的一部分，也就是模型和视图之间保持同步。在日常开发过程中，我们无需了解变更检测，因为Angular都帮我们完成了这一部分工作，让开发人员更加专注于业务...

• 2022-12-12

192浏览

0评论

聊聊Vue3 shared模块下38个工具函数（源码阅读）

的工具函数对比于Vue2的工具函数变化还是很大的，个人感觉主要还是体现在语法上，已经全面拥抱es6了；对比于工具类的功能变化并没有多少，大多数基本上都是一样的，只是语法上和实现...

• 2022-12-12