- TCP的三次握手和四次挥手
2401_84019227
tcp/ip网络服务器
信息时代,有大量的信息产生、传输和消费。之所以人们认为是信息时代,主要原因之一,是因为信息的传输速度大大增加。历史上,信息的远程传输方式由步行、快马、飞鸽,发展到书信邮局、电报、传真,BB机留言、大哥大、小灵通、诺基亚,再到PC端应用程序的即时通信,和现在应用广泛的移动端通信方式。现代的通信方式几乎离不开互联网,那么互联网到底是如何通信的?信息从发送端到接收端,再到发送端,完成一次完整的通信。互联
- 都2023了还不会Vue3?一篇笔记带你快速入门
Evan-Sky
vue3笔记arcgisvue.jsvueelementui前端
Vue3简介Vue3是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。无论是简单还是复杂的界面,Vue都可以胜任。快速上手创建一个Vue3项目在vue3中推荐使用pnpm,如果没有安装pnpm,请先用npm全局安装:npminstall-gpnpm首先,我们需要通过Vite创建一
- Vue 3 中的 defineAsyncComponent()
程序员Ocean
前端javascriptvue
定义一个异步组件,它在运行时是懒加载的。它允许在组件加载时按需加载,从而提高应用的性能和响应速度。import{defineAsyncComponent}from'vue';constAsyncComponent=defineAsyncComponent({loader:()=>import('./path/to/your/component.vue'),loading:()=>import('.
- 2019-03-21
蜜思1013
SPA:单页应用https://baike.baidu.com/item/SPA/175363131.场景(1)中后台管理系统(2)H5前端开发(3)跨端APP开发2.技术栈(1)SpringBootvue-cliIDEnpmElementUI(2)vue-cliSPA,npm,建议自己布局写样式(3)uni-app,Flutter,RN,cordova(调用底层API)3.IDE(1)WSVSc
- Web前端
2301_78085386
前端
网页开发学习内容:htmlcssJavaScript两个框架:VUE.jsElementUIUI->userinterface用户界面html(HyperTextMarkupLanguage):超文本标记语言文本:文字字符超文本:网页内容标记:标签标识例如商品上的标签,介绍了商品的信息html语言就是一种标记语言,提供许多的标签,不同的标签功能不同,网页就是通过这些标签描述出来的,最终通过浏览器解
- Chapter 06 axios使用指南
Heaven645
vue.js前端Vueaxios
欢迎大家订阅【Vue2+Vue3】入门到实践专栏,开启你的Vue学习之旅!文章目录前言一、导入二、发送GET请求三、发送POST请求四、处理响应前言在现代前端开发中,与后端API进行数据交互是至关重要的。Axios是一个基于Promise的HTTP客户端,用于浏览器和Node.js。本文详细介绍了Axios的基本用法。一、导入导入官网提供的axios在线地址:二、发送GET请求axios.get(
- Vue中怎么根据Token来进行跳转页面和axios请求拦截
上海老宅男
首先我们来说一下怎么拦截axios请求并添加head请求头首先我们找到main.js在main.js里面进行判断import{getToken}from'@/utils/auth'//封装的缓存文件axios.interceptors.request.use(config=>{lettoken=getToken();if(token){//判断是否存在token,如果存在的话,则每个httphea
- vue响应式原理实现
尤小小
varinput=document.querySelector('#input')varshowText=document.querySelector('#showText')varobj={}Object.defineProperty(obj,'something',{get:function(){console.log('get')},set:function(val){showText.in
- 【vue3|第27期】Vue Router 中的 Meta 属性:灵活控制与增强你的应用
Commas.KM
Vuevue.js前端javascriptvueroutermeta权限控制页面标题管理
日期:2024年8月23日作者:Commas签名:(ง•_•)ง积跬步以致千里,积小流以成江海……注释:如果您觉在这里插入代码片得有所帮助,帮忙点个赞,也可以关注我,我们一起成长;如果有不对的地方,还望各位大佬不吝赐教,谢谢^-^1.01365=37.7834;0.99365=0.02551.02365=1377.4083;0.98365=0.0006说在最前面:本文vue3的示例代码,在没有另外
- Vue3+Vite 导航与内容div都填了背景,打包的时候,发现直接报错(Rollup failed to resolve import “resource/img/xx.jpg“)的解决
花花鱼
Vue3vue.js
1、先上个打包时报错的图:2、上个一开始的代码:-->上面的代码,在测试的时候,一切都正常的,但是在打包的时候,直接通不过。3、我们来通过定义import解决这个问题:constwordImg=ref('resource/img/word.jpg');说明:也就是我们用ref来包裹一下就可以了,当然这个里的src记住前面加一个:冒号。4、然后我们发现style中的图片打包时,没有报错,但是上传完成
- 前端播放RTSP视频流,使用FLV请求RTSP视频流播放(Vue项目,在Vue中使用插件flv.js请求RTSP视频流播放)
北城笑笑
JavaScriptVueJSjavascriptvue.js
简述:在浏览器中请求RTSP视频流并进行播放时,直接使用原生的浏览器API是行不通的,因为它们不支持RTSP协议。为了解决这个问题,开发者通常会选择使用像flv.js这样的库,它专为在浏览器中播放FLV和其他流媒体格式设计。然而,flv.js本身并不直接支持RTSP,这意味着我们需要一个额外的步骤来桥接RTSP和flv.js。这里来记录一下详细介绍:在Vue中使用flv.js插件播放RTSP视频流
- vue实现组件拖拽
ズ少年瘾
vue.jsjavascript
效果预览QQ录屏20231016140810组件drag.vueexportdefault{name:"Draggable",props:{list:{type:Array,default:()=>[],},config:{type:Object,default:()=>({name:"",push:true,pull:true,exchange:true,}),},},data(){return
- 跟着大佬搬砖--- vue 组件拖拽缩放
Webgiserin
JSvuevue.jsjavascript
vue-drag-resize地址vue-draggable-resizable-gorkys地址案例案例学习汇总特有参考价值的GridLayout在线地址官网地址参考案例
- 原生html+js播放flv直播视频流【vue等皆可用】
Odinpeng
javascripthtmlvue.jswebrtc
一、前言最近着手了一个新需求:将某记录仪的实时视频在页面展现。实现步骤:通过WebRtc将直播视频转码为flv/rtsp格式流;通过Vlc或代码中的视频播放器播放视频。常见播放flv直播视频流软件如:VLC、PotPlayer等,好用但无法嵌入代码。在此介绍一种使用原生html+js即可实现直播视频流播放的方式,内网外网皆可用。二、实现引入Bilibili开源Flash视频(FLV)播放器方式一:
- 前端vue播放m3u8、flv、mp4视频的方法_vue mp4(1)
2401_84437982
程序员前端vue.js音视频
//this.db.src([//{//src:“https://e-sign.dms.t.cn-np.com/files/m3u8_file/c4b94118-3c8d-4410-9987-985c2b44c278/c4b94118-3c8d-4410-9987-985c2b44c278.m3u8”,//地址//type:“application/x-mpegURL”,//告诉videojs,这
- Vue中props设置默认值
Bunury
Vue2vue.js前端javascript
vue中props设置默认值-父组件给子组件传值的写法——简略、带类型、带类型和默认值、带校验1、父子间传值父传子在子组件使用props选项接收父组件的数据.2.{{value}}exportdefault{//父传子数据特点只读props:['value']//写法一}2.props写法汇总//写法一:常规写法props:['value']//写法二:带有类型写法props:{fieldStri
- SpringBoot3+Vue3集成AOP系统日志
胖头鱼丁
前端springbootjava
建表logsCREATETABLE`logs`(`id`int(11)NOTNULLAUTO_INCREMENT,`operation`varchar(255)COLLATEutf8mb4_unicode_ciDEFAULTNULLCOMMENT'操作名称',`type`varchar(255)COLLATEutf8mb4_unicode_ciDEFAULTNULLCOMMENT'操作类型',`i
- nginx部署前端vue项目完整详细讲解
程序员小羊!
运维前端nginxvue.js
大家好,我是程序员小羊!前言:在使用Nginx部署前端Vue项目时,确保项目的生产环境版本已经打包,并且Nginx已经安装并配置在服务器上。以下是详细的步骤,包括打包Vue项目、配置Nginx、部署和测试项目。1.打包Vue项目首先,你需要将Vue项目编译为生产环境版本。可以通过VueCLI完成这一步。1.1安装依赖确保已经安装了Node.js和npm。然后在项目根目录下运行以下命令安装依赖:np
- 基于SpringBoot的流浪猫狗救援网站
超级无敌暴龙战士塔塔开
Java课设与毕设资源java
文章目录项目介绍主要功能截图:部分代码展示设计总结项目获取方式作者主页:超级无敌暴龙战士塔塔开简介:Java领域优质创作者、简历模板、学习资料、面试题库【关注我,都给你】文末获取源码联系项目介绍基于SpringBoot的流浪猫狗救援网站,java项目。eclipse和idea都能打开运行。推荐环境配置:eclipse/ideajdk1.8mavenmysql前端技术:vue,Ajax,Json后端
- package.json中对peerDependencies的理解
陌上烟雨寒
前端
peerDependencies只要是用来限制依赖的,最近在开发的时候有遇到这样的问题,所以研究了一下"peerDependencies":{"@vue/composition-api":"^1.0.5","@vue/runtime-core":"^3.0.0","echarts":"^5.4.1","vue":"^2.6.12||^3.1.1"},这张图片展示的是vue-echarts的pack
- vue3+vite 实现动态引入某个文件夹下的组件 - glob-import的使用
陌上烟雨寒
vuejavascript前端vue
importUserFormfrom'./components/UserForm.vue';importTableListfrom'./components/TableList.vue';importBarChartfrom'./components/BarChart.vue';constcurrentActive=ref('UserForm')constmyComponents=reactive
- vue中printjs使用指南
陌上烟雨寒
前端vuevue.jsjavascript
使用攻略参考文档https://printjs.crabbly.com/分页使用css的page-break-after:always来控制在某个DIV之后新开一个页面我是封面我是目录,你不知道我的内容有多长我是正文,我需要从一个新页面开始展示标题栏每页重复打印因为打印时,表格中的thead和tfoot默认会在每一页重复打印,所以只要设置好表格结构就行。html打印{{modelRef.hospi
- Vue.js之绑定style样式
cloudOnSkyline
JavaScriptvue.jsjavascript
上文介绍了如何利用Vue.js绑定类,本文将介绍通过Vue.js进行样式修改的另一种方法,即通过style来修改。核心:为元素绑定style属性,通过对象的形式赋予样式,属性名为样式名(要使用驼峰命名法),属性值为字符串。若要引入多组样式,可以利用数组,后面出现的重复属性会覆盖之前的属性,如下例中的height。当然,也可以于元素行内赋予样式,例如:style="{backgroundColor:
- vue.js样式绑定
余月初贰
vue.js前端javascript
classclass和style是html元素的属性,用于设置元素的样式。我们可以用v-bind来设置样式属性。Vue.jsv-bind在处理class和style是,专门增强了它。表达式的结果练习除了字符串之外,还可以是对象或数组。class属性绑定我们可以为v-bind:class设置一个对象,从而动态的切换class:示例1例子中将isActive设置为true显示了一个绿色的div块,如果
- Vue.js项目构建
彭于晏“
vue.js
Vue.js是一个流行的JavaScript框架,用于构建用户界面。下面是使用Vue.js构建项目的详细方法:安装Vue.js:首先,你需要在项目中安装Vue.js。你可以通过在终端中运行以下命令来安装Vue.js:npminstallvue创建Vue实例:在项目的入口文件中,创建一个Vue实例。你可以使用以下代码创建一个简单的Vue实例:importVuefrom'vue';newVue({el
- 是什么让尤大选择放弃Webpack?面向未来的前端构建工具 Vite
码民的飘柔
前端vue前端vue.jswebpack面试Vite
写在开头前两天在知乎看到过一篇文章,大致意思是讲:字节跳动已经开始“弃用Webpack”,尝试在自研构建工具中使用类似Vite的ESmodule构建方式。引起下方一大片焦虑:Webpack是不是要被取代了?现在学Vite就行了吧Webpack还没学会,就又来新的了!甚至有人搬出了去年尤大所发的一个动态:再也回不去Webpack了。PS:最近的vite比较火,而且发布了2.0版本,vue的作者尤雨溪
- 关于 Vue/React 的 cli 中运用 webpack 打包的原理简单解析
F-125
webpackvue.jsreact.jswebpack
webpack、webpack-cli的打包关于webpack对前端工程中进行资源文件进行打包处理的过程中,运用到的核心插件主要是webpack和webpack-cli,在react和vue对于打包各自工程中的cli则是进行了自定义的构建,专门用于项目打包的cli。可简单的进行自定义运行webpack的编译运行文件。例如:通过webpack-cli运用webpack进行文件资源打包压缩处理,执行s
- react 样式和vue样式的区别
资深前端之路
react.jsvue.js前端
区别一:react:一个页面通常分为2个组件,js或者jsx+css文件。vue:通常分为.vue+css文件区别二:react在写页面样式时,最好其余的样式最好包裹在当前样式下面,不然容易生成全局样式,对其它页面的样式造成影响。vue在页面内使用scoped,使样式只在当前页面内生效。同时还有deep、global来对样式进行向上向下优化。deep可以对当前页面组件内的样式调整;global可以
- Vue学习笔记-组件通信
赵客缦胡缨v吴钩霜雪明
最近公司需要开发酒店客房管理的OTA系统,我们使用vue.js2.0+ElementUI开发时,就遇到了问题:一个页面有很多表单,我试图将表单写成一个单文件组件,但是表单(子组件)里的数据和页面(父组件)按钮交互的时候,vue组件之间的通信让我感到崩溃:点击importdialogfrom'./components/dialog.vue'exportdefault{data(){return{sh
- Vue3 + Axios双Token刷新解决方案
洛*璃
vue.js前端javascriptAxios双token刷新
在现代前端开发中,使用API进行数据交互时,我们常常会遇到身份认证的问题。为了提高安全性,许多应用采用了Token机制,如JWT(JSONWebToken)来管理用户的身份状态。本文将介绍如何在Vue3项目中使用Axios实现双Token刷新机制,确保用户体验流畅的同时提高安全性。前置条件本文只针对Vue3前端所编写的双Token刷新解决方案,关于SpringCloud微服务项目的双Token刷新
- 基本数据类型和引用类型的初始值
3213213333332132
java基础
package com.array;
/**
* @Description 测试初始值
* @author FuJianyong
* 2015-1-22上午10:31:53
*/
public class ArrayTest {
ArrayTest at;
String str;
byte bt;
short s;
int i;
long
- 摘抄笔记--《编写高质量代码:改善Java程序的151个建议》
白糖_
高质量代码
记得3年前刚到公司,同桌同事见我无事可做就借我看《编写高质量代码:改善Java程序的151个建议》这本书,当时看了几页没上心就没研究了。到上个月在公司偶然看到,于是乎又找来看看,我的天,真是非常多的干货,对于我这种静不下心的人真是帮助莫大呀。
看完整本书,也记了不少笔记
- 【备忘】Django 常用命令及最佳实践
dongwei_6688
django
注意:本文基于 Django 1.8.2 版本
生成数据库迁移脚本(python 脚本)
python manage.py makemigrations polls
说明:polls 是你的应用名字,运行该命令时需要根据你的应用名字进行调整
查看该次迁移需要执行的 SQL 语句(只查看语句,并不应用到数据库上):
python manage.p
- 阶乘算法之一N! 末尾有多少个零
周凡杨
java算法阶乘面试效率
&n
- spring注入servlet
g21121
Spring注入
传统的配置方法是无法将bean或属性直接注入到servlet中的,配置代理servlet亦比较麻烦,这里其实有比较简单的方法,其实就是在servlet的init()方法中加入要注入的内容:
ServletContext application = getServletContext();
WebApplicationContext wac = WebApplicationContextUtil
- Jenkins 命令行操作说明文档
510888780
centos
假设Jenkins的URL为http://22.11.140.38:9080/jenkins/
基本的格式为
java
基本的格式为
java -jar jenkins-cli.jar [-s JENKINS_URL] command [options][args]
下面具体介绍各个命令的作用及基本使用方法
1. &nb
- UnicodeBlock检测中文用法
布衣凌宇
UnicodeBlock
/** * 判断输入的是汉字 */ public static boolean isChinese(char c) { Character.UnicodeBlock ub = Character.UnicodeBlock.of(c);
- java下实现调用oracle的存储过程和函数
aijuans
javaorale
1.创建表:STOCK_PRICES
2.插入测试数据:
3.建立一个返回游标:
PKG_PUB_UTILS
4.创建和存储过程:P_GET_PRICE
5.创建函数:
6.JAVA调用存储过程返回结果集
JDBCoracle10G_INVO
- Velocity Toolbox
antlove
模板toolboxvelocity
velocity.VelocityUtil
package velocity;
import org.apache.velocity.Template;
import org.apache.velocity.app.Velocity;
import org.apache.velocity.app.VelocityEngine;
import org.apache.velocity.c
- JAVA正则表达式匹配基础
百合不是茶
java正则表达式的匹配
正则表达式;提高程序的性能,简化代码,提高代码的可读性,简化对字符串的操作
正则表达式的用途;
字符串的匹配
字符串的分割
字符串的查找
字符串的替换
正则表达式的验证语法
[a] //[]表示这个字符只出现一次 ,[a] 表示a只出现一
- 是否使用EL表达式的配置
bijian1013
jspweb.xmlELEasyTemplate
今天在开发过程中发现一个细节问题,由于前端采用EasyTemplate模板方法实现数据展示,但老是不能正常显示出来。后来发现竟是EL将我的EasyTemplate的${...}解释执行了,导致我的模板不能正常展示后台数据。
网
- 精通Oracle10编程SQL(1-3)PLSQL基础
bijian1013
oracle数据库plsql
--只包含执行部分的PL/SQL块
--set serveroutput off
begin
dbms_output.put_line('Hello,everyone!');
end;
select * from emp;
--包含定义部分和执行部分的PL/SQL块
declare
v_ename varchar2(5);
begin
select
- 【Nginx三】Nginx作为反向代理服务器
bit1129
nginx
Nginx一个常用的功能是作为代理服务器。代理服务器通常完成如下的功能:
接受客户端请求
将请求转发给被代理的服务器
从被代理的服务器获得响应结果
把响应结果返回给客户端
实例
本文把Nginx配置成一个简单的代理服务器
对于静态的html和图片,直接从Nginx获取
对于动态的页面,例如JSP或者Servlet,Nginx则将请求转发给Res
- Plugin execution not covered by lifecycle configuration: org.apache.maven.plugin
blackproof
maven报错
转:http://stackoverflow.com/questions/6352208/how-to-solve-plugin-execution-not-covered-by-lifecycle-configuration-for-sprin
maven报错:
Plugin execution not covered by lifecycle configuration:
- 发布docker程序到marathon
ronin47
docker 发布应用
1 发布docker程序到marathon 1.1 搭建私有docker registry 1.1.1 安装docker regisry
docker pull docker-registry
docker run -t -p 5000:5000 docker-registry
下载docker镜像并发布到私有registry
docker pull consol/tomcat-8.0
- java-57-用两个栈实现队列&&用两个队列实现一个栈
bylijinnan
java
import java.util.ArrayList;
import java.util.List;
import java.util.Stack;
/*
* Q 57 用两个栈实现队列
*/
public class QueueImplementByTwoStacks {
private Stack<Integer> stack1;
pr
- Nginx配置性能优化
cfyme
nginx
转载地址:http://blog.csdn.net/xifeijian/article/details/20956605
大多数的Nginx安装指南告诉你如下基础知识——通过apt-get安装,修改这里或那里的几行配置,好了,你已经有了一个Web服务器了。而且,在大多数情况下,一个常规安装的nginx对你的网站来说已经能很好地工作了。然而,如果你真的想挤压出Nginx的性能,你必
- [JAVA图形图像]JAVA体系需要稳扎稳打,逐步推进图像图形处理技术
comsci
java
对图形图像进行精确处理,需要大量的数学工具,即使是从底层硬件模拟层开始设计,也离不开大量的数学工具包,因为我认为,JAVA语言体系在图形图像处理模块上面的研发工作,需要从开发一些基础的,类似实时数学函数构造器和解析器的软件包入手,而不是急于利用第三方代码工具来实现一个不严格的图形图像处理软件......
&nb
- MonkeyRunner的使用
dai_lm
androidMonkeyRunner
要使用MonkeyRunner,就要学习使用Python,哎
先抄一段官方doc里的代码
作用是启动一个程序(应该是启动程序默认的Activity),然后按MENU键,并截屏
# Imports the monkeyrunner modules used by this program
from com.android.monkeyrunner import MonkeyRun
- Hadoop-- 海量文件的分布式计算处理方案
datamachine
mapreducehadoop分布式计算
csdn的一个关于hadoop的分布式处理方案,存档。
原帖:http://blog.csdn.net/calvinxiu/article/details/1506112。
Hadoop 是Google MapReduce的一个Java实现。MapReduce是一种简化的分布式编程模式,让程序自动分布到一个由普通机器组成的超大集群上并发执行。就如同ja
- 以資料庫驗證登入
dcj3sjt126com
yii
以資料庫驗證登入
由於 Yii 內定的原始框架程式, 採用綁定在UserIdentity.php 的 demo 與 admin 帳號密碼: public function authenticate() { $users=array( &nbs
- github做webhooks:[2]php版本自动触发更新
dcj3sjt126com
githubgitwebhooks
上次已经说过了如何在github控制面板做查看url的返回信息了。这次就到了直接贴钩子代码的时候了。
工具/原料
git
github
方法/步骤
在github的setting里面的webhooks里把我们的url地址填进去。
钩子更新的代码如下: error_reportin
- Eos开发常用表达式
蕃薯耀
Eos开发Eos入门Eos开发常用表达式
Eos开发常用表达式
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
蕃薯耀 2014年8月18日 15:03:35 星期一
&
- SpringSecurity3.X--SpEL 表达式
hanqunfeng
SpringSecurity
使用 Spring 表达式语言配置访问控制,要实现这一功能的直接方式是在<http>配置元素上添加 use-expressions 属性:
<http auto-config="true" use-expressions="true">
这样就会在投票器中自动增加一个投票器:org.springframework
- Redis vs Memcache
IXHONG
redis
1. Redis中,并不是所有的数据都一直存储在内存中的,这是和Memcached相比一个最大的区别。
2. Redis不仅仅支持简单的k/v类型的数据,同时还提供list,set,hash等数据结构的存储。
3. Redis支持数据的备份,即master-slave模式的数据备份。
4. Redis支持数据的持久化,可以将内存中的数据保持在磁盘中,重启的时候可以再次加载进行使用。
Red
- Python - 装饰器使用过程中的误区解读
kvhur
JavaScriptjqueryhtml5css
大家都知道装饰器是一个很著名的设计模式,经常被用于AOP(面向切面编程)的场景,较为经典的有插入日志,性能测试,事务处理,Web权限校验, Cache等。
原文链接:http://www.gbtags.com/gb/share/5563.htm
Python语言本身提供了装饰器语法(@),典型的装饰器实现如下:
@function_wrapper
de
- 架构师之mybatis-----update 带case when 针对多种情况更新
nannan408
case when
1.前言.
如题.
2. 代码.
<update id="batchUpdate" parameterType="java.util.List">
<foreach collection="list" item="list" index=&
- Algorithm算法视频教程
栏目记者
Algorithm算法
课程:Algorithm算法视频教程
百度网盘下载地址: http://pan.baidu.com/s/1qWFjjQW 密码: 2mji
程序写的好不好,还得看算法屌不屌!Algorithm算法博大精深。
一、课程内容:
课时1、算法的基本概念 + Sequential search
课时2、Binary search
课时3、Hash table
课时4、Algor
- C语言算法之冒泡排序
qiufeihu
c算法
任意输入10个数字由小到大进行排序。
代码:
#include <stdio.h>
int main()
{
int i,j,t,a[11]; /*定义变量及数组为基本类型*/
for(i = 1;i < 11;i++){
scanf("%d",&a[i]); /*从键盘中输入10个数*/
}
for
- JSP异常处理
wyzuomumu
Webjsp
1.在可能发生异常的网页中通过指令将HTTP请求转发给另一个专门处理异常的网页中:
<%@ page errorPage="errors.jsp"%>
2.在处理异常的网页中做如下声明:
errors.jsp:
<%@ page isErrorPage="true"%>,这样设置完后就可以在网页中直接访问exc