布局vue web
jeecg2-VUE-全局替换字体（鸿蒙、、、）
 ``` html,body { font-family:-apple-system, BlinkMacSystemF ......
调试 Web 页面时如何替换请求响应结果
开发 js sdk 项目的时候，经常会希望快速检查我们的改动在真实场景中的表现。我们不可能直接更新到生产环境，于是很多人会考虑配置代理，并替换响应内容。 但代理配置起来并不方便，比如在 ios/android 真机上开关代理需要手动输入ip、端口。我们还有一些更便捷的方法： Chrome local ......
Vue事件总线
下面是一个使用 Vue 事件总线实现两个组件间通信的完整例子： 假设我们有两个组件 A 和 B，需要在它们之间进行通信。具体来说，当组件 A 中的按钮被点击时，需要向组件 B 发送一个事件，使得组件 B 中的数据被更新。 ###创建 EventBus 首先，在 Vue 应用中创建一个 EventBu ......
VS Code扩展Browser Preview调试Web
在扩展库里添加后，选择好html网页后执行（Open in Browser Preview） 右键点击： 打开例子为：yeoman创建office excel ......
前端Vue自定义签到积分获取弹框抽取红包弹框 自定义弹框内容 弹框顶部logo
#### 前端Vue[自定义签到积分获取弹框抽取红包弹框 自定义弹框内容 弹框顶部logo](https://ext.dcloud.net.cn/plugin?id=13204)， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id= ......
前端Vue自定义滚动卡片，可以用于商品海报生成
#### 前端Vue自定义滚动卡片，可以用于商品海报生成， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13189 #### 实现代码如下： # cc-scroolCard #### 使用方法 ```使用方法 ``` #### ......
前端Vue自定义精美tabs，可设置下划线图标 热门标题
#### 前端Vue自定义精美tabs，可设置下划线图标 热门标题， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13186 #### 效果图如下：  组件代码 ```vue ``` 使用代码 ```vue ``` ......
[Web] HTTP1,2,3
Answer: All correct HTTP1.0: Each network connection needs TCP, not so efficient HTTP1.1: One network connection can have multi request/response in se ......
Vue2.x 基本认识三：Vuex
认识 Vuex 概念（重要） 专门在 Vue 中实现集中式状态（数据）管理的一个 Vue 插件，对 Vue 应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，适用于任意组件间通信。 题外话 前面学过组件间通信的方式有： props：适用于父传子、子传父，兄弟组件之间不行。 ......
使用 Debian、Docker 和 Nginx 部署 Web 应用
本文将介绍基于 Debian 的系统上使用 Docker 和 Nginx 进行 Web 应用部署的过程。着重介绍了 Debian、Docker 和 Nginx 的安装和配置。 ......
vue3 手写组合API
# 3. 手写组合API ## 1) shallowReactive 与 reactive ```js const reactiveHandler = { get (target, key) { if (key '_is_reactive') return true return Reflect.g ......
springboot+vue基于Web的社区医院管理服务系统，附源码+数据库+论文+PPT，适合课程设计、毕业设计
**1、项目介绍** 在Internet高速发展的今天，我们生活的各个领域都涉及到计算机的应用，其中包括社区医院管理服务系统的网络应用，在外国线上管理系统已经是很普遍的方式，不过国内的管理系统可能还处于起步阶段。社区医院管理服务系统具有社区医院信息管理功能的选择。社区医院管理服务系统采用java技术 ......
ActiveX 控件在过去是非常流行的技术，但近年来已经逐渐被其他技术所取代。由于其局限性和安全性问题，更多的开发者转向了使用跨平台的Web技术（如HTML5、JavaScript）或者基于.NET Framework的WPF（Windows Presentation Foundation）等替代方案来开发应用程序
**ActiveX** 控件是一种可重用的软件组件，它们基于微软的COM（**Component Object Model**）技术，并被广泛应用于Windows平台上的应用程序开发。ActiveX 控件可以包含图形用户界面元素、功能模块、数据处理等，并提供给其他应用程序使用。 下面是关于 Acti ......
vue3 中设置 teleport 组件后设置样式不起作用？
在 vue3 的实际开发中，我们经常会用到 teleport 内置组件来将要展示的模态框传送到 body 等外层元素上挂载并展示，主要解决的一种常见场景为：当前模态框需要更高的层级，但是模态框本身外层元素的 z-index 层级比较低，会导致模态框被其他元素覆盖。 实际使用如下 <button @c ......
centos7-datax和datax-web安装以及安装中问题的解决
一、下载这些软件（见） 系统变量设置（安装maven和jdk略） vi /etc/profile JAVA_HOME=/usr/local/jdk1.8.0_40 CLASSPATH=$JAVA_HOME/lib/ PATH=$PATH:$JAVA_HOME/bin DATAX_HOME=/usr/ ......
vue 解决 post请求下载文件，下载的文件损坏打不开，结果乱码
axios.post('xxx', { responseType: 'blob' //指定返回数据的格式为blob }) .then(response => { console.log(response);//把response打出来，看下图 let url = window.URL.createO ......
elementplus vue 范围输入框
``` {{ t("Numberofgroups") }} {{ t("Numberofgroups") }} To ``` ``` :deep .line .el-input-group__prepend { border-top-left-radius: 0 !important; border ......
Vue中的Ajax请求和Slot插槽的技术探究
## Ajax请求 Ajax是一种异步的Web开发技术，用于在不刷新整个页面的情况下向服务器发送请求和接收响应。Vue提供了一种简单而强大的方法来处理Ajax请求。以下是在Vue中进行Ajax请求的基本步骤： 1. 安装Axios：Axios是一个流行的JavaScript库，用于进行Ajax请求。 ......
vue--16 购物车加减
效果： 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>16购物车加减</title> <!-- <script src="https://unpkg.com/vue@3/dist/vue.globa ......
VUE防止多次点击，重复请求
1.添加自定义文件 preventReClick.js import Vue from 'vue' const preventReClick = Vue.directive('preventReClick', { inserted: function (el, binding) { el.addEv ......
vue-step2
# 目录结构  # 目录解析 - build : 项目构建(webpack) 相关代码 - config: 配置目 ......
vue中禁止浏览器刷新和鼠标右键事件
一、 created() { this.stopF5Refresh(); }, stopF5Refresh() { document.onkeydown = function(e) { var evt = window.event || e; var code = evt.keyCode || ev ......
CSS实现图片自适应布局，且不拉伸变型
1.通过背景图的方式处理图片（ 通过 background-size 作用在容器上 ） .img_background{ width:300px; height:300px; background-image:url( ' image.jpg' ); background-repeat:no-rep ......
用node-webkit把web应用打包成桌面应用
1.下载node-webkit：https://github.com/nwjs/nw.js =>下载完成后是个压缩包。解压即可。 =>看到nw.exe文件,双击运行一下，看是否正常 =>exe文件的图标可以用Resource Hacker，nw-builder和node-winresourcer之类 ......
vue学习记录 7
vue打地鼠的简单实现，效果差不多就这个样子： 目录： |mouse |--|components //放分页的 |--|--|GamePage.vue |--|image //装图片的 |--|index.vue //入口 index.vue： <template> <div v-if="ispl ......
5 - Web APIs
1.1. 元素偏移量 offset 系列 1.1.1 offset 概述 offset 翻译过来就是偏移量， 我们使用 offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等。 获得元素距离带有定位父元素的位置 获得元素自身的大小（宽度高度） 注意：返回的数值都不带单位 1.1.2 of ......
6 - Web APIs
1.1. 动画函数封装 1.1.1 缓动效果原理 缓动动画就是让元素运动速度有所变化，最常见的是让速度慢慢停下来 思路： 让盒子每次移动的距离慢慢变小，速度就会慢慢落下来。 核心算法： (目标值 - 现在的位置) / 10 做为每次移动的距离步长 停止的条件是： 让当前盒子位置等于目标位置就停止定时 ......
7 - Web APIs
1.1. 触屏事件 1.1.1 触屏事件概述 移动端浏览器兼容性较好，我们不需要考虑以前 JS 的兼容性问题，可以放心的使用原生 JS 书写效果，但是移动端也有自己独特的地方。比如触屏事件 touch（也称触摸事件），Android 和 IOS 都有。touch 对象代表一个触摸点。触摸点可能是一根 ......
2 - Web APIs
day02 - Web APIs 1.1. 排他操作 1.1.1 排他思想 如果有同一组元素，我们想要某一个元素实现某种样式， 需要用到循环的排他思想算法： 所有元素全部清除样式（干掉其他人） 给当前元素设置样式 （留下我自己） 注意顺序不能颠倒，首先干掉其他人，再设置自己 <button>按钮1< ......