- H5页面点击调起腾讯/百度/高德地图APP
注意:在手机端测试时发现了一个问题,用百度浏览器只能调用百度地图app的,对腾讯/高德地图是无效的,于是我用qq浏览器测试,结果发现qq浏览器是都可以调起的。一:腾讯地图(api文档)window.open(`http://apis.map.qq.com/uri/v1/marker?marker=coord:${this.latitude},${this.longitude};addr:${thi
- 【vue】this.$router.push 点击跳转新标签页
花间半盘棋
Vuevue.jsjavascript前端
大致步骤:使用this.$router.resolve来获取跳转路径和携带参数等信息;使用window.open()进行新标签页跳转;具体:传参记得用query,用params接收不到:constrouteUrl=this.$router.resolve({name:"toExam",query:{isReview:true,sid:id},});window.open(routeUrl.href
- 通过window.open打开的新窗口数据发生变化,更新父窗口数据
jugt
JavaScriptjavascriptwindow.opener
上级页面权柄:window.opener刷新上面页面:window.opener.location.reload()判断父页面是否还存在:if(window.opener&&!window.opener.closed){window.opener.tableReload();}调用父页面方法:window.opener.tableReload();
- 前端将二进制数据流转为文件_前端下载二进制流文件
weixin_39792049
前端将二进制数据流转为文件
平时在前端下载文件有两种方式,一种是后台提供一个URL,然后用window.open(URL)下载,另一种就是后台直接返回文件的二进制内容,然后前端转化一下再下载。由于第一种方式比较简单,在此不做探讨。本文主要讲解一下第二种方式怎么实现。Blob、ajax(axios)mdn上是这样介绍Blob的:Blob对象表示一个不可变、原始数据的类文件对象。Blob表示的不一定是JavaScript原生格式
- safari浏览器执行windows.open的时候,无法打开新的标签页
一眼青苔
工具JavaScriptsafari前端
safari浏览器为什么执行windows.open的时候,无法打开新的标签页Safari浏览器在执行window.open时无法打开新的标签页,是因为Safari内置了一个安全机制,旨在拦截通过代码自动执行的窗口或标签页弹出操作。这一机制是为了防止恶意网站或广告自动打开新页面而影响用户体验。原因分析安全机制拦截:Safari(包括桌面版和移动版)会拦截不是直接由用户交互触发的window.ope
- tauri + vue3 如何实现在一个页面上局部加载外部网页?
bug菌¹
全栈Bug调优(实战版)#CSDN问答解惑(全栈版)taurivue3
本文收录于「Bug调优」专栏,主要记录项目实战过程中的Bug之前因后果及提供真实有效的解决方案,希望能够助你一臂之力,帮你早日登顶实现财富自由;同时,欢迎大家关注&&收藏&&订阅!持续更新中,up!up!up!!问题描述 tauriv1(1.6左右)+vue3我想在vue3前端页面上在一个页面而不是window.open打开一个新的窗口去加载外部网页我想在一个页面中局部中间加载一个外部网页(试过
- 下载文件/导出文件----window.open方法下载文件
最初@
javascript开发语言前端vue.js
下载文件/导出文件----window.open方法下载文件使用window.open方法来打开一个新窗口,并直接访问文件的URL地址,从而触发文件下载downloadFile(fileName){constfileUrl='/path/to/'+fileName;//文件的URL地址window.open(fileUrl);}
- kkfilwview私有化接入方式(k8s)
qq_41369135
kubernetes容器云原生
dev--环境//要预览文件的访问地址(灵活用工举例)varurl='http://xxx.cn/flex-employ-static-dev/enterprise/avatar/1858353535553372160/xxx.png';window.open('http://xxx.com/api/wiat-online-preview/onlinePreview?url='+encodeURI
- react使用new Map完成多个if条件判断的优化
Javascript和我永远不会是朋友
javascriptreact.jshtml5
之前在工作中遇到的代码,是之前的同事写的,写了差不多一百行ifelse,,,,看的我真是头疼欲裂,今天下决心改一下,但是感觉这样还是很鸡肋,不知道大家有没有什么更好的方案,烦请留言,switchcase除外//原始代码,这里只是举个例子constdepCode=cookie.load('depCode');//这里可能有很多判断条件if(depCode=='0001'){window.open('
- 前端 下载流文件的方法
一、location.herf对于一些浏览器无法识别的,可以直接再浏览器地址栏输入url即可触发浏览器的下载功能。对于单文件下载没有什么问题,但是如果下载多文件,点击过快就会重置掉前面的请求。window.location.href=url二、window.open和location.href一样window.open(url)三、a标签下载直接下载仅适用于浏览器无法识别的文件。如果是浏览器支持的
- ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password: NO)
seared2008
linuxuseraccessmysql测试functionserver
functionStorePage(){d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('http://www.365key.com/storeit.asp
- window.close() 关闭菜单不好使
guhy fighting
前端javascripthtml
前言:项目开发中有一个需求需要通过window.close()将浏览器的窗口关闭,使用window.close();没能有效关闭窗口,功能失效了。查找网上很多的解决办法,总结如下:1、window.close();2、window.opener=null;window.open('','_self');window.close()3、window.open(“about:blank”,“_self
- 后端传入文件流,前台pdf展示(pc端和手机端)
w001yy
前端javascript
近日项目用到的用文件流传递pdf文件的情况,后端将数据流传到前端,需要前端进行处理然后再预览下载,总结了一下几点方法,1.PC端一开始想引用pdf.js插件进行实现,但是总是白屏,借鉴的文章是https://www.jianshu.com/p/242525315bf6,用了里面的方法测试了,但是一直是白屏,展示不出pdf,也没有看到错误提示,最后直接用window.open(url),其中url表
- vue使用window.open()跳转页面
scorpion_V
vueJavaScript前端javascriptvue.js
项目场景:提示:项目需要vue带参数跳转打开新页面、新窗口:例如:点击机巢监控按钮,在当前页面重新打开一个窗口到另一个页面(同时把参数全部带过去)window.open()的用法open()方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。window.open(URL,name,specs,replace)specs可选。一个逗号分隔的项目列表。支持以下值:channelmode=yes|n
- VUE在线预览word、pdf、excel等文档
菜鸟程序猿、
vue.jspdf前端
http://www.pfile.com.cn/api/profile/onlinePreview?url=(需要在线查看的文档地址)vue代码window.open('http://www.pfile.com.cn/api/profile/onlinePreview?url='+encodeURIComponent(“需要在线查看的文档地址”));文档参考:http://www.pfile.co
- window.open被拦截解决
SmailEvery
项目开发中遇到window.open写在回调里被浏览器拦截.解决办法是在请求时新开一个tab页,然后再请求的回调里修改这个tab页的地址.letnewWindow=window.open('about:blank');//新开一个tab页返回一个window对象axios.post(url}).then(response=>{if(response.data.status.code===1){ne
- 关于前端实现文件下载功能
大鱼前端
前端
在Web开发中,前端下载文件是一个常见的需求。根据文件来源和下载方式的不同,前端下载文件可以采用多种方案。下面将介绍几种常见的前端下载文件方案。1、通过window.open()打开新页面下载文件window.open(`url`, "_self");使用场景:下载excel文件,后端提供接口,接口返回的是文件流,可以直接使用window.open(),最简单的方式。优点:最简洁;弊端:当参数错误
- window.open漏洞揭秘:你了解多少?
安全
window.open是javascript中的一个方法,用于在新的浏览器窗口或标签页中打开指定的URL。然而,如果不正确地使用,它可能会引入安全漏洞。一、window.open漏洞DemoDemo是一个简单的html,点击button,然后通过window.open打开另一个地址,比如百度首页。如下截图所示:点击button后,会新开标签页,打开百度的页面。如下截图所示:详情请查看:window
- HTML页面跳转及参数传递
王国的荣耀
HTML页面跳转window.open(url,"","width=600,height=400");第二个参数:_self,在当前窗口打开窗口;_blank(默认值),在另外的新建窗口打开新窗口;window.location.href="https://www.yinxi.net";//在同当前窗口中打开窗口window.history.back(-1);//返回上一页面HTML参数传递:ur
- window.open(url)新窗口打开链接被浏览器拦截解决方案
Greens_dbd2
在浏览器的安全机制里,非用户触发的window.open(url)来打开新的链接方法是会被拦截的。(window.open(url,”_self”)改变当前的窗口是可以生效的)。只有直接使用js调用window.open(url);尤其是ajax请求回调或异步回调之后调用,打开新窗口时是会被拦截。常见解决方法:1.在超链接里加入onclick事件2.延迟打开setTimeout('window.o
- window.open 防止浏览器拦截
天渺工作室
https://blog.csdn.net/sinat_37255207/article/details/89374416网上试了很多方法最终只有一种可以```varnewWin=window.open('https://www.baidu.com/');wxPublic().then(res=>{//重定向到目标页面if(res.data.statusCode!='200'){newWin.lo
- 前端下载文件有哪些方式
西京刀客
前端js
前端下载文件有哪些方式在前端,最常见和最常用的文件下载方式是:使用标签的download属性:创建一个标签,并设置其href属性为文件的URL,然后使用download属性指定下载的文件名。这种方式简单直接,适用于下载单个文件,例如图片、文档、音频或视频等。window.open(imageUrl,‘_blank’)window.open方法可以在新的浏览器窗口或标签页中打开指定的URL。通过将文
- vue 下载二进制流文件
卿卿qing
Vue前端JaveScript
平时在前端下载文件有两种方式,一种是后台提供一个URL,然后用window.open(URL)下载;另一种是后台直接返回文件的二进制内容,然后前端转化再下载,下面主要说的是第二种实现方式Blob、ajax(axios)mdn上是这样介绍Blob的:Blob对象表示一个不可变、原始数据的类文件对象。Blob表示的不一定是JavaScript原生格式的数据具体使用axios({method:'post
- window.open 跳转http自动重定向https问题
he_wen_jian
http网络协议网络
我们正常跳转一个新页面打开链接方法是:window.open("http://baidu.com","_blank")这时候有些网站会自动重定向https,事实上我们有时候需要跳转http,以下是解决方案window.open("http://baidu.com","theFrame")
- 前端解决浏览器直接打开图片URL,下载问题
xiaoming_w
node前端js下载图片前端
本周做的项目中有一个下载图片的功能,拿到后台返回的url,像文件一样,直接window.open,发现图片没有像文件一样被下载,而是重新打开了一个页面展示图片。然后我尝试了转成base64等方法也还是有跨域的问题。后来就想着自己把这个url,发送给Node,node转成数据流返回给我,我再下载。话不多说,上代码:vue前端代码:downZip(urls){//urls为图片地址if(!urls){
- JS实现页面跳转的几种方法
TTong___
js前端javascriptvue.js
JS实现页面跳转链接的几种方法1.在当前窗口打开一个新的页面window.location.href=url2.新开窗口打开一个新的页面window.open(url)3.当前窗口的页面被替换为一个新的页面url,替换后不可以回退到上个页面location.replace(url)4.当前窗口的页面转为为一个新的页面URL,与方法3类似,但此方法可回退至上一页面localtion.assign(u
- html 关闭当前tab页面,js关闭浏览器的tab页(兼容)
Home Talk
html关闭当前tab页面
在console中弹出提示"Scriptsmaycloseonlythewindowsthatwereopenedbyit"(脚本只能关闭它所打开的窗口),[如下图所示],不明白是什么原因。经过一段时间的折腾。终于明白了问题所在。首先,什么是非弹出窗口呢?非弹出窗口,即是指(opener=null及非window.open()打开的窗口,比如URL直接输入的浏览器窗体,或由其它程序调用产生的浏览器
- js关闭浏览器的tab页
无心使然云中漫步
javascriptjavascript开发语言
1需求利用js关闭浏览器tab页2代码window.close()//如在iframe中,则需要window.top.close()3注意当前tab是非弹出窗口,无法关闭,控制台会有如下提示非弹出窗口,指opener=null以及非window.open()打开的窗口(比如URL直接输入的浏览器窗口,或由其它程序调用产生的浏览器窗口)
- JS中的全局对象、原型与原型链
Nelson_sylar
一、JS中全局对象与浏览器中的全局对象JS中默认全局对象是global,而在浏览器的全局对象是window,如window.alert('hi');window.open('http://baidu.com')当然也可省略window,写成alert('hi');open('http://baidu.com')window对象它的属性有两种:ECMAScript规定的:parseInt,parse
- window.open实现跳转网页
爱写代码的派大星
javascript
2024.1.18今天我学习了如何用js进行跳转网页,代码如下:window.open('http://'+xxxx,'_blank')//xxxx表示接口路径,如'192.168.x.xxx'
- 集合框架
天子之骄
java数据结构集合框架
集合框架
集合框架可以理解为一个容器,该容器主要指映射(map)、集合(set)、数组(array)和列表(list)等抽象数据结构。
从本质上来说,Java集合框架的主要组成是用来操作对象的接口。不同接口描述不同的数据类型。
简单介绍:
Collection接口是最基本的接口,它定义了List和Set,List又定义了LinkLi
- Table Driven(表驱动)方法实例
bijian1013
javaenumTable Driven表驱动
实例一:
/**
* 驾驶人年龄段
* 保险行业,会对驾驶人的年龄做年龄段的区分判断
* 驾驶人年龄段:01-[18,25);02-[25,30);03-[30-35);04-[35,40);05-[40,45);06-[45,50);07-[50-55);08-[55,+∞)
*/
public class AgePeriodTest {
//if...el
- Jquery 总结
cuishikuan
javajqueryAjaxWebjquery方法
1.$.trim方法用于移除字符串头部和尾部多余的空格。如:$.trim(' Hello ') // Hello2.$.contains方法返回一个布尔值,表示某个DOM元素(第二个参数)是否为另一个DOM元素(第一个参数)的下级元素。如:$.contains(document.documentElement, document.body); 3.$
- 面向对象概念的提出
麦田的设计者
java面向对象面向过程
面向对象中,一切都是由对象展开的,组织代码,封装数据。
在台湾面向对象被翻译为了面向物件编程,这充分说明了,这种编程强调实体。
下面就结合编程语言的发展史,聊一聊面向过程和面向对象。
c语言由贝尔实
- linux网口绑定
被触发
linux
刚在一台IBM Xserver服务器上装了RedHat Linux Enterprise AS 4,为了提高网络的可靠性配置双网卡绑定。
一、环境描述
我的RedHat Linux Enterprise AS 4安装双口的Intel千兆网卡,通过ifconfig -a命令看到eth0和eth1两张网卡。
二、双网卡绑定步骤:
2.1 修改/etc/sysconfig/network
- XML基础语法
肆无忌惮_
xml
一、什么是XML?
XML全称是Extensible Markup Language,可扩展标记语言。很类似HTML。XML的目的是传输数据而非显示数据。XML的标签没有被预定义,你需要自行定义标签。XML被设计为具有自我描述性。是W3C的推荐标准。
二、为什么学习XML?
用来解决程序间数据传输的格式问题
做配置文件
充当小型数据库
三、XML与HTM
- 为网页添加自己喜欢的字体
知了ing
字体 秒表 css
@font-face {
font-family: miaobiao;//定义字体名字
font-style: normal;
font-weight: 400;
src: url('font/DS-DIGI-e.eot');//字体文件
}
使用:
<label style="font-size:18px;font-famil
- redis范围查询应用-查找IP所在城市
矮蛋蛋
redis
原文地址:
http://www.tuicool.com/articles/BrURbqV
需求
根据IP找到对应的城市
原来的解决方案
oracle表(ip_country):
查询IP对应的城市:
1.把a.b.c.d这样格式的IP转为一个数字,例如为把210.21.224.34转为3524648994
2. select city from ip_
- 输入两个整数, 计算百分比
alleni123
java
public static String getPercent(int x, int total){
double result=(x*1.0)/(total*1.0);
System.out.println(result);
DecimalFormat df1=new DecimalFormat("0.0000%");
- 百合——————>怎么学习计算机语言
百合不是茶
java 移动开发
对于一个从没有接触过计算机语言的人来说,一上来就学面向对象,就算是心里上面接受的了,灵魂我觉得也应该是跟不上的,学不好是很正常的现象,计算机语言老师讲的再多,你在课堂上面跟着老师听的再多,我觉得你应该还是学不会的,最主要的原因是你根本没有想过该怎么来学习计算机编程语言,记得大一的时候金山网络公司在湖大招聘我们学校一个才来大学几天的被金山网络录取,一个刚到大学的就能够去和
- linux下tomcat开机自启动
bijian1013
tomcat
方法一:
修改Tomcat/bin/startup.sh 为:
export JAVA_HOME=/home/java1.6.0_27
export CLASSPATH=$CLASSPATH:$JAVA_HOME/lib/tools.jar:$JAVA_HOME/lib/dt.jar:.
export PATH=$JAVA_HOME/bin:$PATH
export CATALINA_H
- spring aop实例
bijian1013
javaspringAOP
1.AdviceMethods.java
package com.bijian.study.spring.aop.schema;
public class AdviceMethods {
public void preGreeting() {
System.out.println("--how are you!--");
}
}
2.beans.x
- [Gson八]GsonBuilder序列化和反序列化选项enableComplexMapKeySerialization
bit1129
serialization
enableComplexMapKeySerialization配置项的含义
Gson在序列化Map时,默认情况下,是调用Key的toString方法得到它的JSON字符串的Key,对于简单类型和字符串类型,这没有问题,但是对于复杂数据对象,如果对象没有覆写toString方法,那么默认的toString方法将得到这个对象的Hash地址。
GsonBuilder用于
- 【Spark九十一】Spark Streaming整合Kafka一些值得关注的问题
bit1129
Stream
包括Spark Streaming在内的实时计算数据可靠性指的是三种级别:
1. At most once,数据最多只能接受一次,有可能接收不到
2. At least once, 数据至少接受一次,有可能重复接收
3. Exactly once 数据保证被处理并且只被处理一次,
具体的多读几遍http://spark.apache.org/docs/lates
- shell脚本批量检测端口是否被占用脚本
ronin47
#!/bin/bash
cat ports |while read line
do#nc -z -w 10 $line
nc -z -w 2 $line 58422>/dev/null2>&1if[ $?-eq 0]then
echo $line:ok
else
echo $line:fail
fi
done
这里的ports 既可以是文件
- java-2.设计包含min函数的栈
bylijinnan
java
具体思路参见:http://zhedahht.blog.163.com/blog/static/25411174200712895228171/
import java.util.ArrayList;
import java.util.List;
public class MinStack {
//maybe we can use origin array rathe
- Netty源码学习-ChannelHandler
bylijinnan
javanetty
一般来说,“有状态”的ChannelHandler不应该是“共享”的,“无状态”的ChannelHandler则可“共享”
例如ObjectEncoder是“共享”的, 但 ObjectDecoder 不是
因为每一次调用decode方法时,可能数据未接收完全(incomplete),
它与上一次decode时接收到的数据“累计”起来才有可能是完整的数据,是“有状态”的
p
- java生成随机数
cngolon
java
方法一:
/**
* 生成随机数
* @author
[email protected]
* @return
*/
public synchronized static String getChargeSequenceNum(String pre){
StringBuffer sequenceNum = new StringBuffer();
Date dateTime = new D
- POI读写海量数据
ctrain
海量数据
import java.io.FileOutputStream;
import java.io.OutputStream;
import org.apache.poi.xssf.streaming.SXSSFRow;
import org.apache.poi.xssf.streaming.SXSSFSheet;
import org.apache.poi.xssf.streaming
- mysql 日期格式化date_format详细使用
daizj
mysqldate_format日期格式转换日期格式化
日期转换函数的详细使用说明
DATE_FORMAT(date,format) Formats the date value according to the format string. The following specifiers may be used in the format string. The&n
- 一个程序员分享8年的开发经验
dcj3sjt126com
程序员
在中国有很多人都认为IT行为是吃青春饭的,如果过了30岁就很难有机会再发展下去!其实现实并不是这样子的,在下从事.NET及JAVA方面的开发的也有8年的时间了,在这里在下想凭借自己的亲身经历,与大家一起探讨一下。
明确入行的目的
很多人干IT这一行都冲着“收入高”这一点的,因为只要学会一点HTML, DIV+CSS,要做一个页面开发人员并不是一件难事,而且做一个页面开发人员更容
- android欢迎界面淡入淡出效果
dcj3sjt126com
android
很多Android应用一开始都会有一个欢迎界面,淡入淡出效果也是用得非常多的,下面来实现一下。
主要代码如下:
package com.myaibang.activity;
import android.app.Activity;import android.content.Intent;import android.os.Bundle;import android.os.CountDown
- linux 复习笔记之常见压缩命令
eksliang
tar解压linux系统常见压缩命令linux压缩命令tar压缩
转载请出自出处:http://eksliang.iteye.com/blog/2109693
linux中常见压缩文件的拓展名
*.gz gzip程序压缩的文件
*.bz2 bzip程序压缩的文件
*.tar tar程序打包的数据,没有经过压缩
*.tar.gz tar程序打包后,并经过gzip程序压缩
*.tar.bz2 tar程序打包后,并经过bzip程序压缩
*.zi
- Android 应用程序发送shell命令
gqdy365
android
项目中需要直接在APP中通过发送shell指令来控制lcd灯,其实按理说应该是方案公司在调好lcd灯驱动之后直接通过service送接口上来给APP,APP调用就可以控制了,这是正规流程,但我们项目的方案商用的mtk方案,方案公司又没人会改,只调好了驱动,让应用程序自己实现灯的控制,这不蛋疼嘛!!!!
发就发吧!
一、关于shell指令:
我们知道,shell指令是Linux里面带的
- java 无损读取文本文件
hw1287789687
读取文件无损读取读取文本文件charset
java 如何无损读取文本文件呢?
以下是有损的
@Deprecated
public static String getFullContent(File file, String charset) {
BufferedReader reader = null;
if (!file.exists()) {
System.out.println("getFull
- Firebase 相关文章索引
justjavac
firebase
Awesome Firebase
最近谷歌收购Firebase的新闻又将Firebase拉入了人们的视野,于是我做了这个 github 项目。
Firebase 是一个数据同步的云服务,不同于 Dropbox 的「文件」,Firebase 同步的是「数据」,服务对象是网站开发者,帮助他们开发具有「实时」(Real-Time)特性的应用。
开发者只需引用一个 API 库文件就可以使用标准 RE
- C++学习重点
lx.asymmetric
C++笔记
1.c++面向对象的三个特性:封装性,继承性以及多态性。
2.标识符的命名规则:由字母和下划线开头,同时由字母、数字或下划线组成;不能与系统关键字重名。
3.c++语言常量包括整型常量、浮点型常量、布尔常量、字符型常量和字符串性常量。
4.运算符按其功能开以分为六类:算术运算符、位运算符、关系运算符、逻辑运算符、赋值运算符和条件运算符。
&n
- java bean和xml相互转换
q821424508
javabeanxmlxml和bean转换java bean和xml转换
这几天在做微信公众号
做的过程中想找个java bean转xml的工具,找了几个用着不知道是配置不好还是怎么回事,都会有一些问题,
然后脑子一热谢了一个javabean和xml的转换的工具里,自己用着还行,虽然有一些约束吧 ,
还是贴出来记录一下
顺便你提一下下,这个转换工具支持属性为集合、数组和非基本属性的对象。
packag
- C 语言初级 位运算
1140566087
位运算c
第十章 位运算 1、位运算对象只能是整形或字符型数据,在VC6.0中int型数据占4个字节 2、位运算符: 运算符 作用 ~ 按位求反 << 左移 >> 右移 & 按位与 ^ 按位异或 | 按位或 他们的优先级从高到低; 3、位运算符的运算功能: a、按位取反: ~01001101 = 101
- 14点睛Spring4.1-脚本编程
wiselyman
spring4
14.1 Scripting脚本编程
脚本语言和java这类静态的语言的主要区别是:脚本语言无需编译,源码直接可运行;
如果我们经常需要修改的某些代码,每一次我们至少要进行编译,打包,重新部署的操作,步骤相当麻烦;
如果我们的应用不允许重启,这在现实的情况中也是很常见的;
在spring中使用脚本编程给上述的应用场景提供了解决方案,即动态加载bean;
spring支持脚本