vue源码 周期 生命
前端vue获取后端返回的富文本内容不是标签是转义字符解决方法
新手的我就直接上代码 template部分(UI框架用的vant) <template> <div class="common-bg"> <van-nav-bar title="消息中心" left-arrow :fixed="true" :placeholder="true" @click-lef ......
Vue 评分星星显示
<el-table-column label="专业性" align="center" prop="specialty" ><template slot-scope="{row}"> <el-rate v-model="row.specialty" disabled show-score text- ......
new一个vue对象开始，vue内部发生了什么
new Vue({ el: '#app', router, store, components: { App }, template: '<App/>' }) vue构造类里面init函数 初始化生命周期，事件，render 调用 beforeCreate 钩子函数 初始化 props、method ......
vue3+ts初学之创建一个vue3项目
(1)使用vue-cli创建: ## 安装或者升级 npm install -g @vue/cli ## 保证 vue cli 版本在 4.5.0 以上 vue --version ## 创建项目 vue create my-project 然后的步骤: Please pick a preset - ......
Vue+Element UI 弹出文本框
效果： 代码： /* 打开审批弹窗*/ openAudit(row) { this.$confirm('请确认审核结果', '审核', { distinguishCancelAndClose: true, confirmButtonText: '审核通过', cancelButtonText: '未 ......
vue3+ts初学之安装路由(router)
一、安装路由 1.安装vue-router vue3需要安装4.0以上版本 vue2最好安装4.0以下版本 安装命令： npm install vue-router@next --save // 安装最新版本router // 如需按版本安装，需将命令行中 next 改成相应的版本。如下： // n ......
使用vue实现一个点击复制的功能
<script src="https://cdn.jsdelivr.net/npm/vue"></script> <div id="app"> <button @click="copyText">复制</button> <input type="text" v-model="textToCopy" ......
vue-router原理剖析
vue-router原理 单页面核心之一是： 1、更新视图而不重新请求页面。 2、vue-router在实现单页面前端路由时，提供了：hash,history hash: 兼容所有浏览器，hash的值为#/*内容， hash的改变会触发hashchange事件， history: pushState ......
vue+element-ui+springboot使用easyExcel导出和导入Excel表格以及LocalDateTime时间类型转换问题
以下内容仅供学习使用 正文： hutool官网：https://hutool.cn/docs/#/ easyExcel官网: https://easyexcel.opensource.alibaba.com/ 一、导出Excel表格 1. 首先引入pom.xml依赖 <dependency> <gr ......
Vue3 企业级优雅实战 - 组件库框架 - 9 实现组件库 cli - 上
上文搭建了组件库 cli 的基础架子，实现了创建组件时的用户交互，但遗留了 cli/src/command/create-component.ts 中的 createNewComponent 函数，该函数要实现的功能就是上文开篇提到的 —— 创建一个组件的完整步骤。本文咱们就依次实现那些步骤。（友情 ......
drf-jwt源码分析以及自定义token签发认证、alc和rbac
1.drf-jwt源码执行流程 1.1 签发(登录) 1.代码: urls.py: from rest_framework_jwt.views import obtain_jwt_token urlpatterns = [ path('login/',obtain_jwt_token), ] 2.我 ......
Yolov5——训练目标检测模型详解（含完整源码）
项目的克隆 打开yolov5官网（GitHub - ultralytics/yolov5 at v5.0），下载yolov5的项目： 环境的安装（免额外安装CUDA和cudnn） 打开anaconda的终端，创建新的名为yolov5的环境（python选择3.8版本）： conda create - ......
太坑了，我竟然从RocketMQ源码中扒出了7种导致消息重复消费的原因
大家好，我是三友~~ 在众多关于MQ的面试八股文中有这么一道题，“如何保证MQ消息消费的幂等性”。 为什么需要保证幂等性呢？是因为消息会重复消费。 为什么消息会重复消费？ 明明已经消费了，为什么消息会被再次被消费呢？ 不同的MQ产生的原因可能不一样 本文就以RocketMQ为例，来扒一扒Rocket ......
vue2升级vue3：vue-i18n国际化异步按需加载
vue2异步加载之前说过，vue3还是之前的方法，只是把 i18n.setLocaleMessage改为i18n.global.setLocaleMessage 但是本文还是详细说一遍： 为什么需要异步加载语言包 主要还是缩小提代码包，没有按需加载前，语言包内容太多 好几屏幕全部是，虽然从webpa ......
在Vue3+TypeScript 前端项目中使用事件总线Mitt
事件总线Mitt使用非常简单，本篇随笔介绍在Vue3+TypeScript 前端项目中使用的一些场景和思路。我们在Vue 的项目中，经常会通过emits 触发事件来通知组件或者页面进行相应的处理，不过我们使用事件总线Mitt来操作一些事件的处理，也是非常方便的。 ......
Tars-Java网络编程源码分析
作者：vivo 互联网服务器团队- Jin Kai 本文从Java NIO网络编程的基础知识讲到了Tars框架使用NIO进行网络编程的源码分析。 一、Tars框架基本介绍 Tars是腾讯开源的支持多语言的高性能RPC框架，起源于腾讯内部2008年至今一直使用的统一应用框架TAF（Total Appl ......
maui BlazorWebView+本地html (vue、uniapp等都可以) 接入支付宝sdk 进行支付宝支付 开发 Android app
首先添加支付宝sdk的绑定库 nuget 包：Chi.MauiBinding.Android.AliPay 项目地址：https://github.com/realZhangChi/MauiBinding 新建maui Blazor应用，在根目录创建一个静态类PublicMethods.cs （类名 ......
屎上最全vue-pdf+Springboot与aspose-words整合，开箱即用
前言 ⏲️本文阅读时长：约10分钟 🎯主要目标： 1.实现Springboot与aspose-words整合，填充word模板并转化PDF; 2.前端vue整合vue-pdf实现PDF预览及下载 word模板重点(详见图示) 1.单属性赋值 2.List循环赋值 3.图片插入 4.对勾特殊符号插入 ......
万字血书Vue—Vue语法
模板语法 插值语法 Mustache插值采用{{ }}，用于解析标签体内容，将Vue实例中的数据插入DOM中 <h1>Hello {{name}}</h1> 指令语法 指令用于解析标签，是vue为开发者提供的一套模板语法，辅助开发者渲染页面的基本结构。 （指令是vue开发中最基础、最常用、最简单的知 ......
万字血书Vue—路由
多个路由通过路由器进行管理。 前端路由的概念和原理 (编程中的)路由（router）就是一组key-value对应关系，分为：后端路由和前端路由 后端路由指的是：请求方式、请求地址和function处理函数之间的对应关系 在SPA程序中，所有组件的展示和切换都在这唯一的一个页面内完成，此时，不同组件 ......
详解uniapp和vue在路由方面的不同和联系
Uniapp 和 Vue 在路由方面有相似之处，因为 Uniapp 是基于 Vue 的。Uniapp 的路由系统是通过 Vue Router 实现的，因此两者有许多相同的概念和 API。 相同点： 都支持基于 URL 的路由； 都可以使用嵌套路由来管理多个页面之间的关系； 都支持路由参数和查询参数的 ......
JUC源码学习笔记8——ConcurrentHashMap源码分析1 如何实现低粒度锁的插入，如何实现统计元素个数，如何实现并发扩容迁移
源码基于jdk1.8 这一片主要讲述ConcurrentHashMap如何实现低粒度锁的插入，如何实现统计元素个数，如何实现并发扩容迁移 系列文章目录和关于我 一丶ConcurrentHashMap概述 支持高并发读写的哈希表，ConcurrentHashMap中每一个方法都是线程安全的，并且读数据 ......
从源码彻底理解 Prometheus/VictoriaMetrics 中的 relabel_configs/metric_relabel_configs 配置
背景 最近接手维护了公司的指标监控系统，之后踩到坑就没站起来过。。 本次问题的起因是我们配置了一些指标的删除策略没有生效： - action: drop_metrics regex: "^envoy_.*|^url\_\_\_\_.*|istio_request_bytes_sum" 与这两个容易引 ......
解读 Servlet 源码：GenericServlet，ServletConfig，ServletContext
解读 Servlet 源码：GenericServlet，ServletConfig，ServletContext 每博一文案 人活着，就得随时准备经受磨难。他已经看过一些书，知道不论是普通人还是了不起的人，都要在自己的一生中经历许多磨难。磨难使人坚强。 人和社会、一切斗争的总结局也许都是中庸而已。 ......
深入理解 Python 虚拟机：集合（set）的实现原理及源码剖析
在本篇文章当中主要给大家介绍在 cpython 虚拟机当中的集合 set 的实现原理（哈希表）以及对应的源代码分析。 ......
从0搭建Vue3组件库(四): 如何开发一个组件
本篇文章将介绍如何在组件库中开发一个组件,其中包括 如何本地实时调试组件 如何让组件库支持全局引入 如何在 setup 语法糖下给组件命名 如何开发一个组件 目录结构 在packages目录下新建components和utils两个包,其中components就是我们组件存放的位置,而utils包则 ......
从0搭建Vue3组件库(五): 如何使用Vite打包组件库
本篇文章将介绍如何使用 vite 打包我们的组件库,同时告诉大家如何使用插件让打包后的文件自动生成声明文件(*.d.ts) 打包配置 vite 专门提供了库模式的打包方式,配置其实非常简单,首先全局安装 vite 以及@vitejs/plugin-vue pnpm add vite @vitejs/ ......
从0搭建Vue3组件库(六):前端流程化控制工具gulp的使用
前言 随着前端诸如webpack，rollup，vite的发展，gulp感觉似乎好像被取代了。其实并没有，只不过它从台前退居到了幕后。我们仍然可以在很多项目中看到它的身影，比如elementplus、vant等。现在gulp更多的是做流程化的控制。 比如我们要把一个大象放进冰箱里就需要 打开冰箱门- ......