前端 终端 实战vue
前端性能优化的利器 ——— 浅谈JavaScript中的防抖和节流
防抖函数和节流函数是工作中两种常用的前端性能优化函数，今天我就来总结一下什么是防抖和节流，并详细说明一下如何在工作中应用防抖函数和节流函数 ......
Java（从零到企业级电商项目实战）学习笔记
资料网站：http://learning.happymmall.com/env.html 一、mybatis三剑客：generator,plugin,pagehelper pagehelper->https://github.com/pagehelper/Mybatis-PageHelper 二、s ......
h5(html5)+css3前端笔记二
###HTML标签 ####表格标签 表格的主要作用： 表格主要用于**显示、展示数据**，因为它可以让数据显示的非常的规整，可读性非常好。特别是后台展示数据的时候，能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现得很有条理。 1.``用来定义表格的标签。 2.``用来定义行的标 ......
前端项目时因chunk-vendors过大导致首屏加载太慢，Vue Build时chunk-vendors的优化方案
1、compression-webpack-plugin插件打包.gz文件 安装插件 也可以指定版本 我这里下载的是1.1.2版本的，试过更高的版本会有ES6语法的报错，因为我node使用的是v12，如果node版本更高可以尝试更高版本 npm install --save-dev compress ......
小柏实战学习FineBI(图文教程二)
前言：一定要知道百度,必应,谷歌这个三个网站,这三个不知道的话也要会使用ChatGPT,并且要学会看报错信息,学会优雅的提问. 本节课主题:快速上手做个报表出来,不然你怎么证明自己没有摸鱼? 一:打开FineBI后台:http://localhost:37799/webroot/decision#/ ......
活动回顾｜阿里云 Serverless 技术实战与创新成都站回放 & PPT 下载
7 月 29 日“阿里云 Serverless 技术实战与创新”成都站圆满落幕。活动受众以关注 Serverless 技术的开发者、企业决策人、云原生领域创业者为主，活动形式为演讲、动手实操，让开发者通过一个下午的时间增进对 Serverless 技术的理解，快速上手 Serverless，拥抱云计... ......
vue2项目中引入svg图标
vue 版本 vue: "^2.6.11" 1. 下载对应的svg 依赖 npm install svg-sprite-loader --save-dev 2. 创建svgIcon 文件夹 文件夹下对应3个文件 svg 文件夹：存放svg 文件 index.js 文件：vue 挂载svg index ......
小柏实战学习FineBI(图文教程一)
前言：一定要知道百度,必应,谷歌这个三个网站,这三个不知道的话也要会使用ChatGPT,并且要学会看报错信息,学会优雅的提问. 本节课主题:FineBI的下载,安装,配置. 零:官网填写信息,获取试用码:https://www.finebi.com/ 一:下载:https://www.finebi. ......
[回馈]ASP.NET Core MVC开发实战之商城系统(五)
经过一段时间的准备，新的一期【ASP.NET Core MVC开发实战之商城系统】已经开始，在之前的文章中，讲解了商城系统的整体功能设计，页面布局设计，环境搭建，系统配置，及首页【商品类型，banner条，友情链接，降价促销，新品爆款】，商品列表页面，商品详情等功能的开发，今天继续讲解购物车功能开发... ......
Nuxt.JS实战指南：从入门到精通的练习之旅
Nuxt.js是一个基于Vue.js的通用应用框架，主要关注的是应用的UI渲染，利用Vue.js开发服务端渲染的应用所需要的各种配置。 ......
Linux环境下，使用远程连接工具过程中终端无法弹出图形窗口
Linux操作系统，请通过管理网口/VNC等远程连接工具登录服务器，使用终端执行操作。 如果在使用过程中无法弹出图形窗口，请执行以下操作。 场景一：使用SSH连接工具登录LINUX服务器 确保工具支持远程图形显示。 SSH连接工具需要支持远程图形显示，才能弹出图形窗口。putty、SecureCRT ......
VUE常见知识点记录(一)
## 在vue项目中import引入外部文件什么时候用花括号什么时候不用 ### 当你默认导出一个变量或者方法等的时候，也就是你在模块A中，export default a ，那么你导入时，始终不需要花括号 ![image](https://img2023.cnblogs.com/blog/3165 ......
Vue3+ setup语法中报错 'defineProps' is not defined（eslint[no-undef]）
## 1. 问题 ### 1.1 场景 使用**Vue3 + setup**语法，使用`defineProps`时出现Eslint错误： ![](https://img2023.cnblogs.com/blog/2240374/202308/2240374-20230803101840773-197 ......
jeecgboot前端 vue生产环境下console.log不显示的问题解决
我这里使用搞得jeecgboot低代码平台开发的系统，有时候会为了调试用console.log语句输出相应的日志。 但是我发布到生产环境后，发现有console.log的地方，竟然都没有输出日志信息，这给调试带来了极大的不便。 于是我苦苦思索，寻找了很多办法，经过九九八十一难，终于换了个思路，心想是 ......
前端如何实现将header、footer、main都处于一屏
html结构： <html> <body> <header></header> <main> <section></section> </main> <footer></footer> </body> </html> scss： body { display: flex; flex-directio ......
vue中展示多张小图轮播每几秒走一张，支持左右点击
html部分 <div class="regional-services-list" style="overflow: hidden;" @mouseenter="stopCar()" @mouseleave="starCar()"> <div class="preIcon" @click="pre ......
前端vue uni-app自定义精美海报生成组件
在当前技术飞速发展的时代，软件开发的复杂度也在不断提高。传统的开发方式往往将一个系统做成整块应用，一个小的改动或者一个小功能的增加都可能引起整体逻辑的修改，从而造成牵一发而动全身的情况。为了解决这个问题，组件化开发逐渐成为了一种趋势。通过组件化开发，我们可以实现单独开发、单独维护，并且组件之间可以随 ......
但因热爱，愿迎万难，OpenTiny 社区增加一枚前端程序媛贡献者
我们非常高兴地宣布，OpenTiny Vue Playground 正式上线！在此非常感谢 xiaoy 同学对 OpenTiny Vue Playground 项目的贡献！ ......
前端代码规范-2分钟教会你在nodejs中使用eslint定制团队代码规范
## ESlint 是什么？ [ESlint官网](https://eslint.nodejs.cn/docs/latest/use/core-concepts) #### 官网是这么写的： ESLint 是一个可配置的 JavaScript 检查器。 它可以帮助你发现并修复 JavaScript ......
How to build a VUE project
# 1.Download node.js in your computer * The download address of Node.js ：https://nodejs.org/zh-cn/download/ ![image](https://img2023.cnblogs.com/blog/ ......
vue-父向子传值-使用自定义属性
# 1.组件之间的关系 在项目开发中，组件之间的`最常见的关系`分为如下两种： - `父子关系` - `兄弟关系` # 2.父子组件之间的数据共享 父子组件之间的数据共享又分为： 1. `父->子`共享数据 2. `子->父`共享数据 ## 2.1 父组件向子组件共享数据 父组件向子组件共享数据需要 ......
关于vue中同时使用v-if和nth-of-type时的bug
### 问题引出 需求：例如我想要在某一个ul元素中使用v-if条件时渲染 2 个li元素， 同时第一个和第二个的样式不同，这里我使用了nth-of-type选择器去设置样式， 但是当v-if条件改变时，li元素的样式没有改变，看了下开发者工具，元素对应的选择器 没有改变，即使此时仅剩第二个li元素 ......
不可思议！Vue拖拽插件的实战大揭秘，竟然惊人抛弃了常规选择！
"vue-drag-resize" 是一个基于 Vue 框架的拖拽和调整大小插件。它提供了简单而灵活的API，使开发者能够轻松实现元素的拖拽和调整大小功能。通过 "vue-drag-resize"，您可以让用户按需拖拽和调整大小各种页面元素，如窗口、图像、卡片等。该插件还支持限制元素的移动范围和尺寸... ......
单细胞实战(1)数据下载-数据读取-seurat对象创建
这篇文章我们将介绍从geo数据库下载单细胞测序数据后，多种数据格式多样本情况下，如何读取数据并创建seurat对象。 本文主要结构： 一、数据下载 二、数据读取与seurat对象创建 - 单样本情况下各种格式数据的读取，读取后seurat对象的创建 - 多样本情况下各种格式数据的读取，读取后seur ......
Vue +Spring Boot 前后端分离 的 项目 笔记
# Vue +Spring Boot 前后端分离 的 项目 笔记 # 前端部分 ## Vue 脚手架的搭建 > 1.在创建目录的上一目录执行命令 命令为 ```cmd vue init webpack 项目名 ``` 再创建项目的时候会自动创建以项目名为名字的文件夹 以下是 vue 2.X 版本下 ......
Vue项目点击当前菜单刷新当前路由组件，出现router-view组件加载两次的现象
###预置条件： 1. 路由组件通过给key值附点击菜单时的时间戳reloadMain来实现组件的重载  2. 侧边 ......
vue学习笔记三
这次学习了生命周期，mixin混入，以及路由传递参数的params方法和query方法，之后还会更新学习 一，生命周期 一，mounted 当vue完成模板渲染，并且将dom元素放入页面之后，（挂在完毕）第一次调用称为挂载，第二次以及之后就是更新了。 但是这仅仅是vue生命周期的一部分，一个完整的生 ......
vue中使用axios发送请求时在header中设置请求头发现请求发送两次
问题： vue axios跨域请求，在Request Headers加Authorization传递Token时，发现统一请求触发了两次，第一次是Request Method: OPTIONS请求。 原因： 跨域请求时，浏览器会首先使用OPTIONS方法发起一个预请求，判断接口是否能够正常通讯。如果 ......
python开发实战——ip池
前言代理IP池是一组可用的代理IP地址，用于访问网站或执行其他网络请求。它可以帮助我们在网络请求时隐藏我们的真实IP地址，从而提高网络安全性、匿名性和稳定性。同时，代理IP池还可以通过定时更新和测试代理IP，保证代理IP的有效性和稳定性。本文将介绍如何使用Python编写代理IP池，包括如何获取代理 ......