vue源码 周期 生命
vue 实现自定义主题切换+日夜切换
此处只参考 修改主题色， 日夜模式参考elep官网 function gradientColor(this: any, startColor: any, endColor: any, step: any) { let startRGB = gradientColor.prototype.colorR ......
Vue2的安装
Vue 的安装根据需求分为 script标签引入 与 npm命令创建项目。 1. script 引入 用途：用于不改动老项目源代码的二次开发。 使用方式：在html中嵌入vue.global.js的script标签的引入。 代码示范图： 2. npm 命令创建项目 前提：npm 是 Node.JS ......
ckeditor粘贴word图片且图片文件自动上传源码
如何做到 ueditor批量上传word图片？ 1、前端引用代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional ......
Spring的生命周期详解
Spring的生命周期 Spring框架是一个非常流行的Java企业级开发框架，它提供了很多强大的功能，包括依赖注入、AOP、事务管理等。在使用Spring框架时，了解Spring的生命周期非常重要，可以帮助我们更好地理解Spring框架的工作原理。 Spring的生命周期可以分为三个阶段：实例化阶 ......
vue 使用document.execCommand失效
document.execCommand 当一个 HTML 文档切换到设计模式时，document暴露 execCommand 方法，该方法允许运行命令来操纵可编辑内容区域的元素。 大多数命令影响document的 selection（粗体，斜体等），当其他命令插入新元素（添加链接）或影响整行（缩进 ......
Vue 中处理跨层级组件通信
highlight: a11y-dark 对于A-B-C三个依此嵌套的组件，现在想把A的数据传递给C，C的事件被A捕获，可以这么实现： ![image.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/51598dfe939b4099b4e ......
vite+vue3+minio
之前h5用的minio上传文件，现在web端也需要用这个，但h5是用的vue2, web用的vue3，就出现了一些问题 架子是用的vite搭建的，但vite不支持require导入。用import的话minio不支持import引入，也会报错 一. 用vue2搭个项目，将minio通过require ......
vue 组件分享
应用场景是tab切换，上方显示五个标题，下方区域显示各模块内容 分享的原因是这个写法简介 父组件如下： <template> <Tabs v-model="selected" @on-click="change_item"> <TabPane v-for="item in list_tab" :ke ......
【2023-07-13】生命的力量
20:00 把自己交给他人的眼光去评判，正是产生不安和怀疑的根源。 ——米兰·昆德拉 二宝现在开始学走路了。自从她知道自己可以站起来扶着走之后，就不太愿意爬了，见到我们大人，无论如何，也要我们拉着她的小手蹒跚而行。 大宝当年学走路较晚，差不多1岁半才学会走路，因为她太胖了，至少是同龄小孩的1.5倍重 ......
Spring源码剖析-BeanFactory和ApplicationContext（其一）
1. 在Spring中，BeanFactory和ApplicationContext是两种容器，它们之间的关系是怎样的？我们使用的是哪个？它们的底层原理是什么？ 以一个SpringBoot的启动类为例： package com.example.demo3; import org.springfram ......
vue3使用component作为切换页面
文档 https://cn.vuejs.org/guide/essentials/component-basics.html#defining-a- <script setup> import Home from './Home.vue' import Posts from './Posts.vue ......
Tauri-Admin通用后台管理系统|tauri+vue3+pinia桌面端后台EXE
基于tauri+vite4+pinia2跨端后台管理系统应用实例TauriAdmin。 tauri-admin 基于最新跨端技术 Tauri Rust webview2 整合 Vite4 构建桌面端通用后台管理解决方案。搭载轻量级ve-plus组件库、支持多窗口切换管理、vue-i18n多语言包、动 ......
前端Vuer，请收好这份《Vue组件单元测试》宝典，给自己多一些安全感
大家好，我是 Kagol。
作为一名前端，在做业务开发的过程中，你是否曾经：
- 因为担心上线之后出bug，而反复手工验证自己负责的模块
- 不敢修改现有的“屎山”（别人写的或者是自己1年前写的）代码，从而不断地编写if/else
- 发现业务中有很多重复的代码，每次一改好多地方都要改，但又不敢... ......
通过IDA分析智能指针源码
首先我们看一看智能指针的内存结构 ### `std::shard_ptr` ```c++ std::shard_ptr{ T * ptr; std::_Ref_count * Rep; } ``` **`ptr`** 对象的指针 **`Rep`** 引用计数对象的指针 ```c++ std::_Re ......
vue配置https
const path = require('path'); const fs = require('fs'); const https = require('https'); const options = { key: fs.readFileSync(path.join(__dirname, '. ......
Vue项目配置Https双向认证
访问双向认证的Https接口 本地运行设置 修改webpack配置 js const fs = require('fs') const options = { //客户端密钥 key: fs.readFileSync(path.join(__dirname, '../ca/key.pem')), / ......
Vue基础
### 创建实例 ```html {{ msg }} ``` ### 插值表达式 含义：vue的一种模板语法 作用：利用表达式进行插值渲染 语法：{{表达式}} 注意： 1. 使用的数据要存在 2. 支持的是表达式，不是语句if for 3. 不能在标签属性使用{{ }} ### 响应式特性 响应式 ......
vue中视频播放组件的安装
1. 在terminal中输入 cnpm install vue-video-player 2. 安装完成后在main.js中进行配置 import VueCoreVideoPlayer from 'vue-core-video-player' Vue.use(VueCoreVideoPlayer, ......
Vue3+Vue-Router+TypeScript+Vite+Element-Plus+Axios+Pinia快速搭建开发框架
### 1、环境准备 ##### (1) 首先你得需要安装node和npm  ### 2、环境初始化 # ......
Vue3项目中import 'vue-native-websocket'出现错误
问题一： 问题二： 两个都搞不懂为什么、、可能自己基础太差，试了几个网上的解决方案都不行。 故转换角度：直接用原生WebSocket 参考地址：前后端使用利用WebSocket进行通信_F3nGaoXS的博客-CSDN博客 唔，还是原生的香…… ......
vue3+vite+elementUI项目
开发环境 win10系统 Visual Studio Code v1.80.0 node v18.16.1 npm 9.8.0 #可以用pnpmvue @vue/cli 5.0.4 安装软件 node 直接官网 https://nodejs.org/en #下载好node包含npm #管理员Powe ......
【Spring Security】的RememberMe功能流程与源码详解
[相关课程](https://www.sanzhishu.top) ## 前言 今天我们来聊一下登陆页面中"记住我"这个看似简单实则复杂的小功能。 如图就是某网站登陆时的"记住我"选项，在实际开发登陆接口以前，我一直认为这个"记住我"就是把我的用户名和密码保存到浏览器的 cookie 中，当下次登陆 ......
实战：单点登录的两种实现方式，附源码
[相关课程](https://www.sanzhishu.top) 最近工作有点忙，好久没更新文章了，正好这两天在整理 **单点登陆**相关的文档，今天趁着小孩睡着了🤫，赶紧码一篇 **实战文**交差。 ## 概念 单点登录（ `Single Sign-On`， `SSO`）是一种身份验证服务，允 ......
使用vue3、egg和SQLite开发通用管理后台系统
# 使用vue3、egg和SQLite开发通用管理后台系统 plaform是一个基于RBAC模型开发的后台管理系统，没有多余的功能。本项目是一个以学习为目的的后台项目，旨在让前端也能充分了解RBAC模型是如何设计的，不建议用于线上，因为未经过充分的测试。 项目地址：https://github.co ......
Vue3
一、创建Vue3.0工程 1.使用 vue-cli 创建 官方文档：https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create ## 查看@vue/cli版本，确保@vue/cli版本在4.5.0以上 vue --version ......
VUE 项目运行中途中断，VUE运行项目内存溢出问题解决办法
如下图报错：原因就是项目太大了。 解决方案： 第一步： npm install increase-memory-limit npm install cross-env 第二步： 在package.json文件中加入如下代码 "scripts": {"fix-memory-limit": "cross ......
vue中加载pdf文件
vue中加载pdf文件 方案一： 直接调用事件即可 openPdf { window.open('/assets/BJBVerse.pdf') }, 方案二： npm install vue-pdf --save <template> <div> <pdf v-for="i in numPages" ......
vue 模拟滚动条循环滚动
``` 重大警情 0"> {{ item.level }} {{ item.type }} {{ item.sfdz }} {{ item.ajztmc }} 发生时间：{{ item.time }} 警情内容：{{ item.nr }} 出警处置情况：{{ item.cjczqk }} 警情处理结 ......
vue3响应式原理(小满zs vue3 笔记八)
tip: 带着问题去理解响应式原理why,what,how 1. 响应式原理核心点是什么? ** 数据截持 ** 依赖收集 ** 派发更新 2.vue2的响应式原理? vue3响应式原理?区别是什么? ......
vue常用的小方法（方便实用）
1.判断对象里面是否为空 const isEmptys = (obj) => { for(let key in obj){ return false } return true }; isEmptys ({}); //true //这里你记得分两次打印，return false 后面都不走了 isE ......