前端 仓库nexus vue
vue3学习之createApp(App).mount('#app')
装了vue-cli之后，新建个项目跑起来了，碰上个没理解的问题，不知道createApp(App).mount('#app') 挂载的这个id=“app”从哪冒出来的 用命令创建出来的项目，components/HelloWorld.vue, App.vue, main.js中都没有 估摸着得是底层 ......
vue的富文本编辑器（vue2-editor）
文章的发布功能中，我们希望像写文档一样发布一整篇带标题、分段、加粗等效果的文章，而不是单纯的一段文本，这时就需要用到富文本编辑器。富文本编辑器有很多版本，他们样式不同，使用方法不同。本篇这里我们在npm下载并使用vue相关的富文本编辑器：vue2-editor。1.安装vue2-editor 网址： ......
Github fork同步原始仓库tag的办法
# Repo: someuser/myframework # Fork: superteam/myframework # Track:# 克隆你的仓库 git clone https://github.com/superteam/myframework.git # 进入你的仓库本地目录 cd myf ......
【前端框架Vue】Vue是什么？怎么用？
Vue是JS的一种框架，用于构建用户界面的JS框架。可以理解为，Vue通过指令和模板语法，将数据和HTML模板关联起来，实现一种响应式的数据驱动视图的方式 Vue是什么？ Vue是JS的一种框架，用于构建用户界面的JS框架。可以理解为，Vue通过指令和模板语法，将数据和HTML模板关联起来，实现一种 ......
Vue源码学习(十八):实现组件注册(一)Vue.component()和Vue.extend()
好家伙, 0.完整代码已开源 https://github.com/Fattiger4399/analytic-vue.git 1.思路 1.1.什么是组件化? Vue 组件化是指将复杂的应用程序拆分成多个独立的、可复用的组件，这些组件可以实现特定的功能或局部功能。组件化有助于提高开发效率、方便重复 ......
vue3 vite.config.ts 如何增加构建时间，并展示在index.html里面
首先需要安装vite-plugin-html插件 在vite.config.ts文件中增加如下代码： plugins: [ createHtmlPlugin({ minify: true, pages: [ { template: 'index.html', filename: 'index.htm ......
vue项目构建过于慢的问题
因为 vue init 使用的是 npm源，是国外的 注意：如果命令行运行不了npm命令或vue命令(就是提示命令不存在，则需要以管理员身份运行cmd) 1、检查npm源，如果不是taobao的源，则需要切换 //查看源，可以看到设置过的所有的源 npm config get registry 2、 ......
Vue3基于elementPlus定制样式覆盖
scss 变量替换方案 步骤： 安装scss pnpm add sass -D 准备定制样式文件 styles/element/index.scss /* 只需要重写你需要的即可 */ @forward 'element-plus/theme-chalk/src/common/var.scss' w ......
Django - 在后台上传文章封面图 - 并在前端页面展示
需要用到 models.ImageField()， 它继承自 models.FileField(), 用ImageField的时候需要安装pillow pip install pillow -i https://pypi.douban.com/simple/ 首先，进行媒体文件配置： setting ......
C# + Vue3采用SM4
引用 类库： using Org.BouncyCastle.Asn1; using Org.BouncyCastle.Asn1.GM; using Org.BouncyCastle.Asn1.X9; using Org.BouncyCastle.Crypto; using Org.BouncyCas ......
前端框架中 MVC 和 MVVM 两种设计方式的区别
MVC 和 MVVM 是两种常见的软件架构模式。它们都致力于提供清晰的组织结构和代码分离，让开发者能够更有效率地开发和维护复杂的应用程序。然而，它们在组织代码和处理用户交互上有一些重要的区别。 首先，让我们了解一下 MVC（Model-View-Controller）模式。MVC 是一种设计模式，被 ......
谈谈企业级 Web 应用的前端消息展示的定制化问题
笔者在社区上已经发布了一些技术文章，记录了自己工作于企业级前端应用几年以来积累的一些项目经验和教训。 之前的文章关于企业级 Web 应用搜索引擎优化 Search Engine Optimization 的一些工作经验分享已经提到，所谓企业级前端应用，是指为大型企业或组织开发的前端应用，这些应用具有 ......
flask支持Vue2 mode history历史模式
Vue Router 配置 在Vue2 router里面增加 const router = new VueRouter({ mode: 'history', base: '/admin/', //这里路径写你打包后的网址路径 routes: [ // 这里是你的路由配置 ], }); vue.con ......
vue 格式化JSON
第一步：安装 npm i bin-code-editor -S # or yarn add bin-code-editor 第二步：在main.js中引入 //引入vue import Vue from 'vue'; //引入bin-code-editor相关插件和样式 import CodeEdi ......
记一次docker buildx build 推送到本地私有仓库出现 connection refused 的问题
想在本地编译多个架构的基础镜像，这样后续有其他业务使用的时候，不必从头开始编译。 使用传统的 docker build -t ImageName:tag 方式，只能编译和主机相同架构的镜像。 而docker buildx build 不支持将编译好的镜像放置在本地docker中，只能以文件的形式放在 ......
vue实现大文件分片上传
这里使用了element ui的文件上传插件 <div class="inputTitle">人员资料</div> <div class="uploadBox"> <div class="picture"> <img src="@/assets/images/zip-before.png"> </d ......
Vue3 diff算法详解
Diff 更新算法 由于目前Vue3对于性能的优化做了很多的处理，所以其在更新时并不会对所有的节点都进行diff更新。目前会进行diff更新的有以下两种情况： v-for容器节点 自写的render()函数 还有一种特殊情况会进行无diff的按序更新，这种更新是全替换模式，非常耗时： 无key值的v ......
Vue2 的 diff 算法详解
所谓 diff 算法，就是通过比对新旧两个虚拟节点不一样的地方，针对那些不一样的地方进行新增或更新或删除操作。接下来详细介绍节点更新的过程。 首先进行静态节点处理，判断新旧两个虚拟节点是否是静态节点，如果是，就不需要进行更新操作，可以直接跳过更新比对的过程 。 再更新处理新老节点的属性，获取新老节点 ......
vue+spirngboot前后端数据加解密（基于AES+RSA实现）
案例说明 案例只针对post请求 这里使用’Content-Type’: ‘application/x-www-form-urlencoded; charset=UTF-8’；为键值对的形式（非json） AES加密数据，RAS加密AES的key 实现思路 前台首先请求非加密接口获取后台的公钥前台在 ......
vue2实现文件分片上传/续传
两种上传文件方式一种分片和续传工具包/assets/utils.js export function fileParse(file, type = "base64") { return new Promise(resolve => { let fileRead = new FileReader(); ......
懂 Vue3 中的各种 ref:toRef,toRefs,isRef,unref...
在 Vue3 中，有许多与响应式相关的函数，例如 toRef、toRefs、isRef、unref 等等。合理地使用这些函数可以在实际开发中大大提高效率。本文将详细介绍这些函数的用法，让在实际开发中知道应该使用哪些 API 并能够熟练地回答面试官的相关问题。 ref() 大家对于 ref 这个 AP ......
Vue之this.$options.data()和this.$data
Vue之this.$options.data()和this.$data：https://blog.csdn.net/weixin_44090040/article/details/129875428?utm_medium=distribute.pc_relevant.none-task-blog-2 ......
vue实现全局消息提醒功能（vue-extend）
1.需求背景 （1）在一般的管理系统或者 H5 应用中，需要交互反馈提醒。这种交互反馈，往往需要在多个组件中使用到，那么是否可以将其抽离出来，封装一个组件呢？答案是肯定的，可以根据日常的业务，对消息提醒功能进行封装，那么问题来了，如何实现一次注册，多次使用呢，关键时刻，vue.extend API ......
vue3 引入axios 并封装下
没有考虑取消重复请求、重复发送请求、请求缓存等情况 重复请求参考此链接 实现请求拦截 实现响应拦截 常见错误信息处理 请求头设置 api 集中式管理 index.js import axios from "axios"; import qs from "qs"; const serverConfig ......
vue项目中自定义鼠标图标实现
要做大屏项目，为了各个细节都充满炫酷的感觉，鼠标的样式也要修改一下，自定义成自己想要的样式。 1、先上效果图，两种展示方式 实现这个效果首先要创建在目录下创建一个styles文件夹，里面分别包括common.css、common.scss、custom-cursor.scss。 1、common.c ......
在vue3中使用openlayers3实现track轨迹动画
网上太多资料代码，抄来抄去，而且版本也是OL2的，部分API已经弃用 基础知识不多说，直接讲重点 三个关键变量 // 记录开始动画的时间 const startTime = ref(0); // 轨迹分割的颗粒度，数值越小分的越细 const particle = 20; // 轨迹动画的速度，数值 ......
vue实现大文件分片上传 vue-simple-uploader
首先为什么要分片上传？大部分小白使用element-ui中上传组件，但是直接用它上传大文件会 超时 或者Request Entity Too Large（请求实体太大）这种问题。 1. 使用插件 vue-simple-uploader我的这个可以自定义样式(没懂的留言给我) 1.1 customUp ......
maven访问仓库的顺序
repository仓库配置文件有3个地方： 1、默认中央仓库：Maven安装目录下 lib/maven-model-builder-${version}.jar 中 \org\apache\maven\model\pom-4.0.0.xml 文件配置着默认中央仓库，它是所有Maven POM的父P ......
vue2、vue3适配大屏。分辨率变化，样式不变
一、vue3适配大屏的，创建一个叫 useDraw.js export default function () { const scale = { width: '1', height: '1', } const baseWidth = 1920 const baseHeight = 1080 co ......
前端图片最优化压缩方案
function compressImg(file, quality) { var qualitys = 0.52 if (parseInt((file.size / 1024).toFixed(2)) < 1024) { qualitys = 0.85 } if (5 * 1024 < parse ......