过程 标准vue3 vue
Go标准库：Go template用法详解
本文只介绍template的语法和用法，关于template包的函数、方法、template的结构和原理，见：深入剖析Go template。 入门示例 以下为test.html文件的内容，里面使用了一个template语法{{.}}。 <!DOCTYPE html> <html> <head> < ......
vue---循环方式以及跳出循环
在做VUE项目开发过程中，数据循环是常见的操作方式，以下是几种常见的数据循环方式： 一、for循环 let data = [1,2,3,4,5,6,7,8,9,10]; for(let i=0; i<data.length; ++i){ console.log(data[i]); if(i>5){ ......
【JVM】记录一次线上服务频繁FGC的排查过程
一.背景 最近在Grafana关注到线上推送服务push-service在运行一段时间后，内存占用非常高，并且频繁发生FGC，这里记录下问题排查过程 二.排查过程 推送服务主要作用为，消息推送，因此JVM内存这里分配的是 Xmx 和Xms 均为2G 1. 首先在Grafana上的监控指标，可以看到F ......
vue-quill编辑器vue2版
<template> <div class="app-container"> <p class="warn-content"> Markdown 基于 <el-link type="primary" href="javascript:void 0;" target="_blank">vue quil ......
vue-quill编辑器网页版
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content ......
面向过程(函数)和对象(类)
【一】面向过程 (函数) 核心在于：过程 过程其实就是将程序流程化 可以说是一条流水线，分步骤的解决问题，先干什么再干什么，分的很清楚 优点 复杂度的问题流程化，进而简单化（一个复杂的问题，分成一个个小的步骤去实现，实现小的步骤将会非常简单） 缺点 一套流水线或者流程就是用来解决一个问题，生产汽水的 ......
通过设置ssh秘钥来免去繁琐的输入密码的过程
原理 通过 ssh-gen 生成秘钥, 服务器保存你的公钥, 每次你去访问服务器的时候, 服务器使用公钥解锁你的私钥, 鉴权就通过了. 所以你要做的就是生成秘钥, 然后将公钥保存在服务器. 流程 ssh-gen -t rsa 一路是是是, 有密码输入一个密码; 参考这个博客 ......
vue模板的首次渲染，和重新渲染，有哪些区别？
搞明白这个，能帮助我们理解开发中出现的很多问题。 一、我们先来回顾一下vue模板的渲染过程： （1）执行render函数，生成虚拟DOM。 render函数是根据render、templete、el这三个选项得来的，优先级依次降低。如果有render函数，则直接使用；否则如果有templete选项， ......
【Vue2】金额范围查询项
Element 只提供了DatePicker，没有做金额的Picker 这个东西就只能自己做了，实现效果： 后台接口条件： 因为有可能只有起始值，只有结束值，或者起始值结束值都有三种情况 1、如果有起始值且没有结束值， 则金额 大于等于 起始值 2、如果有结束值且没有起始值，则金额 小于等于 结束值 ......
记一次首页并发白屏优化过程
一个服务于近300家500强企业的企业培训软件， app应用的首页居然反复出现白屏，请求超时，负载过高，挤占其他业务服务器资源，最终整个程序无响应的现象，更难想象压测 5线程时， tps 仅有 20 ， 诺大的一个公司，居然这么少的处理效率，平时赶上X踏，X耀，X金这种动则好几万人的集团公司有在线抽 ......
数据库 - 已成功与服务器建立连接，但在登录过程中发生错误。（提供程序：SSL提供程序，错误：0-证书链是由不受信任的颁发机构颁发的。)”asp.net core:8.0
asp.net core:8.0，本地开发一切正常，发布线上docker后出现如下错误： Microsoft.Data.SqlClient.SqlException (0x80131904): A connection was successfully established with the se ......
关于代码逐过程的思考
始终要明确一个过程中只能完成一次操作，这样才能有序进行。当然错误情况主要集中与边界条件的处理。 这道题，最开始 点击查看代码 class Solution { public: ListNode *getIntersectionNode(ListNode *headA, ListNode *headB ......
计算机启动过程(万字长文)
一、计算机启动的基本流程 当电源通电后，计算机系统的启动过程始于主板上的固件，通常是BIOS（基本输入/输出系统）或UEFI（统一可扩展固件接口）。基本流程如下： 1、电源通电 用户按下计算机电源按钮，电源开始供给计算机各个组件。此时，CPU并没有直接开始执行指令。 2、BIOS/UEFI 自检： ......
Vue——在Django中配置文件以解决跨域问题
第一步：安装django-cors-headers pip3 install django-cors-headers 第二步：在settings文件中注册app INSTALLED_APPS = [ ... 'corsheaders', ... ] 第三步：添加中间件 MIDDLEWARE = [ ......
vue入门——？？？07days
昨日回顾： 1 聊天室案例 -不停向后端发送请求 》定时器 》生命周期的 created--》定时任务，发送ajax请求 -v-for渲染 -组件销毁，定时器销毁 -按钮，点击发送消息 -后端 # 2 扩展 # 登录--》注册 # 列出所有用户（筛选） 》点击关注请求 》 -性别 -年龄 ?gend ......
直接在*.vue文件（SFC）中使用JSX/TSX渲染函数，真香!
前言 在日常开发中vue的模版语法在大多数情况都能够满足我们的需求，但是在一些复杂的业务场景中使用模版语法就有些麻烦了。这个时候灵活的JSX/TSX渲染函数就能派上用场了，大多数同学的做法都是将*.vue文件改为*.tsx或者*.jsx文件。其实我们可以直接在*.vue文件中直接使用JSX/TSX渲 ......
vue 使用screenfull全屏插件后，F11和ESC导致的问题解决
我们在使用screenfull插件时，会产生几个问题： 1.F11的全屏无法监听到 2.ESC的监听（尤其是在使用F11开启全屏后，ESC无法监听） 主要解决方法可参考如下代码： import screenfull from 'screenfull'//引入插件 //全屏判断（判断全屏和非全屏图标的 ......
MySQL如何快速获取存储过程的定义
1. show create procedure 2. 两个系统表 information_schema.routines 可查询出存储过程的内容，但是入参和出参没包含 information_schema.PARAMETERS 可查询入参和出参 select concat(p1,ifnull(p2 ......
零基础入门Vue之梦开始的地方——插值语法
一、Vue 我！作为初学者，既然要将Vue，那我一定要介绍一下他是什么？我们可以应用一下官方的话 vue的介绍 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上 ......
vue3 获取循环的div的总宽度
要获取循环的 <div> 元素的总宽度，您可以使用 Vue 3 中的 ref 和 $refs。 在模板中，使用 v-for 循环生成多个 <div> 元素，并为父元素和每个子元素添加 ref 属性。例如： <template> <div ref="parentDiv"> <div v-for="it ......
import在vue中使用
一、import的使用 在Vue 3中，使用import语法可以导入其他模块、组件或库。Vue 3支持使用ES模块的标准导入语法。以下是一些常见的import语法示例： 1、导入单个模块或组件 import { 模块名 } from '模块路径'; 示例： import { ref, reactiv ......
Vue 3 中动态获取高宽
1.监听父组件的 宽高 2.将监听到的高度赋给 你需要设置的对象 :: 引入监听 并实现 如何得到动态宽度 (此时的 div2 会与 divDom 宽度会保持一致) <template> <div ref="divDom"></div> //你可以手动或者换成可拖拉伸缩的盒子 <div ref= " ......
vue3中 provide 、 inject的用法（二）
provide 、 inject 一般用来实现跨组件通信，避免层层传参，操作繁琐的问题。 provide( 属性,属性值 )：里面包含了要给子孙后代传递的东西也可以是一个操作自己某个功能的方法。 inject(接收的属性名,default)：default指的是默认值。 以下我是用对父组件进行刷新的 ......
vue3中provide和inject的使用
1.provide 和 inject 的讲解 provide和inject可以实现嵌套组件之间进行传递数据。 这两个函数都是在setup函数中使用的。 父级组件使用provide向下进行传递数据； 子级组件使用inject来获取上级组件传递过来的数据； 需要注意的是： 1==>provide只能够向 ......
k8s集群手动更换证书过程
第一步部分老的证书 1. 生成etcd证书，更换etcd证书，重启etcd服务。2. 替换/etc/calico的证书为etcd的证书重启calico-node服务。3. 更换calico的pod的证书为新生成的calico-node和calico-kube-controllers.4. 更换k8s ......
[转帖]解Bug之路-记一次中间件导致的慢SQL排查过程
https://zhuanlan.zhihu.com/p/242265937 解Bug之路-记一次中间件导致的慢SQL排查过程 前言 最近发现线上出现一个奇葩的问题，这问题让笔者定位了好长时间，期间排查问题的过程还是挺有意思的，正好博客也好久不更新了，就以此为素材写出了本篇文章。 Bug现场 我们的 ......
Feign源码解析4：调用过程
背景 前面几篇分析了Feign的初始化过程，历经艰难，可算是把@FeignClient注解的接口对应的代理对象给创建出来了。今天看下在实际Feign调用过程中的一些源码细节。 我们这里Feign接口如下： @FeignClient(value = "echo-service-provider") / ......
cdn引入vue后报错无法识路径 Uncaught TypeError: Failed to resolve module specifier "vue". Relative references must start with either "/", "./", or "../".
如果你用了 pinia 就需要引入 vue-demi: vue-demi 是一个 Vue.js 的兼容性库，旨在为 Vue 2 和 Vue 3 提供一致的 API。它通过提供与 Vue 3 相似的 API 来帮助开发者平滑地迁移代码从 Vue 2 到 Vue 3。 pinia 为了兼容新, 使 ......
为什么Vue更新数据不能拿到最新的DOM，而nextTick却可以拿到？
为什么Vue更新数据不能拿到最新的DOM，而nextTick却可以拿到？ 因为数据更新是异步执行的，所以你只能在宏任务或者微任务中拿到 这样做有一个好处，就是可以避免频繁的更新DOM ......