前端 仓库nexus vue
Harbor 本地docker镜像仓库远程连接(镜像管理零距离!!)
简单几步,实现本地Harbor docker镜像仓库结合cpolar内网穿透实现远程推送和拉取镜像 1. 查看本地镜像 进入本地 Harbor docker 仓库,我们可以看到我们的本地镜像,这边方便测试,提前上传了一个镜像 在左侧可以看到推送命令,这里局域网ip没有出现端口,说明默认使用80端口, ......
vue-element-ui 日期选择器 前后端联调
前端: <el-col :span="8"> <div class="block"> <el-col :span="4">交接日期</el-col> <el-col :span="1"></el-col> <el-col :span="16"> <el-date-picker style="widt ......
前端体验优化（3）——后端
前端很多时候是不会接触到后端的工作，不过我们公司由于历史原因，维护了大量的 Node.js 服务。 所以也积累了一些后端优化的经验，主要分两块 Node.js 和数据库。 一、Node.js Node.js 的监控没有从 0 开始，业务逻辑的日志直接记录在阿里云中，性能监控部署的是阿里云提供的系统。 ......
vue3中的样式为什么加上scoped不生效
<style>标签添加scoped属性时，Vue会自动为该组件内的所有元素添加一个独特的数据属性，例如data-v-f3f3eg9。同时，它也会修改你的CSS选择器，使得它们只匹配带有这个独特数据属性的元素。这样做的目的是为了确保样式只应用于当前组件内的元素，避免影响到其他组件。 然而，当你尝试覆盖 ......
Mac Vue-cli脚手架搭建
安装node环境 官网地址：http://nodejs.cn/download/ 我选择版本：v16.16.0 修改npm镜像地址 # 查看镜像地址 npm config get registry # 设置镜像地址 npm config set registry https://registry.n ......
ruoyi-vue-activiti执行npm i出现node-sass报错
解决方法：把ruoyi-ui下面的package.json里对应的这两项，改成如下图所示的版本，再次执行npm install && npm run dev就可以了 参考资料： https://blog.csdn.net/qq_40095911/article/details/119253908 ......
vue3构建全流程
1.创建工程： npm init vue@latest 删除components下的所有自动生成文件： 新建目录api、utils、views 将request.js放在utils下, request.js内容： //定制请求的实例 //导入axios npm install axios impor ......
[前端][Vue] 利用webstorage API存储数据
关于webstorage API 官方文档 https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API 省流说明 1️⃣两种 -- localStorage & sessionStorage 2️⃣存多久 -- local一直存到 ......
前端docx-templates生成word文档
说明 docx-templates项目地址:https://github.com/guigrpa/docx-templates 原文:https://juejin.cn/post/7170695319004315679?searchId=202312171247306E0B93A485DAE6B4E ......
助教工作11月总结（前端开发技术）
一、助教工作的具体职责和任务 作为前端课程的助教，主要职责是协助老师完成一些课外的教学任务，具体包括但不限于以下内容： 解答学生提出的问题：通过QQ群、邮件等方式与学生进行沟通，帮助他们解决在学习过程中遇到的问题和困惑。提供适当的指导和建议，引导学生找到解决问题的方法和思路。 推荐优秀资源：推荐一些 ......
基于vue脚手架练习3
<template> <div> <first-page-3 :person="person" ></first-page-3> </div> </template> <script> import FirstPage3 from './FirstPage3.vue' export default ......
vue复制方法实现
npm install --save vue-clipboard2 import VueClipBoard from 'vue-clipboard2' Vue.use(VueClipBoard) value即是要复制的内容 <button @click="seccendCopy">第二种方式复制</ ......
vue3+vite+js中二次封装axios
一、安装axios npm i axios 二、文件结构 涉及到的文件： utils/request.sj api/index.js（可以根据不同页面在api文件下新建不同文件夹，方便管理） vite.config.js 三、request.js 对axios进行简单的二次封装 import axi ......
在SpringBoot和Vue3中使用Google的reCaptchaV3
Google的RecaptchaV3是一种对用户很友好的验证码模型，接下来从0开始介绍RecaptchaV的使用。 首先是需要去google的官网申请reCaptchaV3（google账号和访问方式请自备，这里不描述） https://www.google.com/recaptcha/about/ ......
vue 中各种莫名其妙的问题汇总
问题1： 现象：弹出框中的字段或者下拉框，输入值或者下拉选择后，无法显示（渲染）成正确的值。 解决：1.查看一下当前弹出框中的所有的属性是否有默认赋值或者有没有对应的属性声明。 一般情况我们会把弹框封装成一个对象，但是有的时候会不声明里面的属性。 例如：formData:{} 在这种情况下，直接使用 ......
前端JavaScript中，对obj对象进行劫持的方式主要有以下几种：
前端JavaScript中，对obj对象进行劫持的方式主要有以下几种： 原型劫持：通过改变对象的原型（prototype）来实现劫持。当一个对象被创建时，它的原型会被存储起来，以便在需要时进行查找。通过将一个对象的原型改为另一个对象或null，可以控制该对象的属性和方法。 属性访问劫持：通过在属性访 ......
springboot008基于位置的多分馆图书馆推荐系统vue
第一章 系统概述1.1课题背景近几年来，互联网发展的脚步在近几年越来越迅猛，与此同时，各类电子商务也发展的越来越快，人们也越来越离不开网络所带来的便利性和便捷性，并且可以利用电商就能在线进行各种的售卖活动，如鞋、衣服以及二次元图书等等各类图书。计算机应用技术不断得到发展和推广应用。很多发达国家和一些 ......
前端CryptoJS和后端Java中AES对称加密注意事项
1.前后端秘钥,算法,偏移量,模式,填充等要一致(废话但是重要,要注意检查) 2.算法 AES有AES-128 AES-192 AES-256,后面的数字即秘钥长度,据说后两个在Java中使用需获取无政策限制权限文件,所以一般用128位的,换算到字符串就是16字节,即16个英文字母或数字或符号. 3 ......
springboot007街球社区网站(vue)
第1章 绪论1.1 课题背景互联网+这个概念被提出来已经很久了,那么到底什么是"互联网+"呢?简单地说"互联网+"也就是"互联网+各个传统行业,这也就是一种充分运用互联网的平台,让我们传统产品和互联网进行更加深度的交流和融合,形成一种产品发展的生态,提升我们传统产品和行业之间的关系。实现了互联网的双 ......
springboot008基于位置的多分馆图书馆推荐系统vue
第一章 系统概述1.1课题背景近几年来，互联网发展的脚步在近几年越来越迅猛，与此同时，各类电子商务也发展的越来越快，人们也越来越离不开网络所带来的便利性和便捷性，并且可以利用电商就能在线进行各种的售卖活动，如鞋、衣服以及二次元图书等等各类图书。计算机应用技术不断得到发展和推广应用。很多发达国家和一些 ......
100%硬核解决前端复杂动画的秘密武器！
哈喽！大家好！我是程序视点的小二哥。 前端开发中，总会遇到这样一个困境：动画还原。对于前端开发工程师，有的是这样做的。 照着设计动画模仿，猜测动画时长，手创建贝塞尔曲线…… 调整细节耗时耗力，效果还差强人意... 好不容易实现了，还原度却达不到要求 在被UI设计折磨一顿后，小二哥找到了解决这个困境的 ......
[Vue] props属性
vue2里组件的一个属性，用来传递组件外部发来的数据 传递数据 <Student name="Bob" age=22/> 接收数据 -- 3种方法 // 1. receiving data only // 组件里的props属性，和data/method同级 props:['name', 'age' ......
vue 前端自动打开文件地址进行下载
最近在做异步导出的功能，导出的过程中前端另外启动一个查询导出进度的线程接口。如果导出完成后，把生成的文件上传到服务器，返回给前端一个文件的下载地址；前端自动打开这个地址进行跳转下载。 有两种方式 1.直接使用js自带的方式打开链接 这种方式有一个问题，会被浏览器自动拦截弹出的窗口：”已阻止弹出窗口“ ......
[Vue] ref属性
ref属性是vue2中的一种属性，用来注册组件或元素的引用信息，或者说是另一种id 应用在html标签里，返回的就是整个DOM元素 应用在组件里，返回的就是VueComponent实例对象 如何使用 // to use ref in tags/components <h1 ref="demo">he ......
2024 年最值得推荐的 7 个 Vue3 组件库
你好，我是 Kagol。 Vue 是一款易学易用，性能出色，适用场景丰富的渐进式 JavaScript 框架，深受广大开发者的喜爱，Vue3 更是推出了 Composition API，让逻辑复用更友好。 马上就到 2024 年了，如果你的项目正在使用 Vue3，或者打算升级 Vue3，以下 Vue ......
vue 监听键盘回车事件 @keyup.enter || @keyup.enter.native
vue运行为v-on在监听键盘事件时，添加了特殊的键盘修饰符： <input v-on:keyup.13="submit"> vue还非常贴心地给出了常用按键的别名，这样就不必去记keyCode ~ ~ 上面代码，还可以在这样写： <input v-on:keyup.enter="submit"> ......
vue---操作状态
VUE更改VUEX状态：简单示例代码： import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); export default new Vuex.Store({ state: { count: 0 }, mutations: { i ......
vue3Cron表达式组件
npm安装no-vue3-cron引入报错，就直接把代码拿来自己改了 no-vue3-cron仓库地址：https://github.com/wuchuanpeng/no-vue3-cron vue-cron.vue <style lang="scss"> .no-vue3-cron-div { . ......
docker-项目部署-前端
3.2.部署前端 hmall-portal和hmall-admin是前端代码，需要基于nginx部署。在课前资料中已经给大家提供了nginx的部署目录： 其中： html是静态资源目录，我们需要把hmall-portal以及hmall-admin都复制进去 nginx.conf是nginx的配置文件 ......