- 前端大厂面试题探索编辑部——第三期
曼城巨星哈兰德
前端
目录题目单选题1题解关于浏览器缓存Last-Modified/If-Modified-SinceETag/If-None-Match关于浏览器删除缓存数据单选题2题解跨域问题用document.domain解决的问题题目单选题11.关于浏览器缓存,以下哪个选项是不正确的()A.浏览器缓存可以帮助减少服务器的负载,提高网页加载速度。B.浏览器缓存包括强缓存和协商缓存两种。C.Http头信息中的"Ca
- 解决跨域:Cors跨域与Nginx反向代理的区别
Reagan_
web
由于浏览器的同源策略(协议、域名和端口是否相同),我们经常需要对请求做跨域处理。常见的跨域方式有什么呢?通过jsonp跨域(利用script、src标签发起get请求不会出现跨域禁止的特点实现)通过修改document.domain来跨子域window.name+iframe(借助中介属性window.name实现)HTML5中的window.postMessage(主要侧重于前端通讯,不同域下页
- 跨域相关概念
懂会悟
1、domaain属性该属性是一个只读的字符串,用来得到当前网页的域名。console.log(document.domain)//www.jianshu.com2、域名什么是域名域名:可分三级,一级域名,二级域名,三级域名。是由一串字符+域名后缀组成,我们通常说的网址就包含域名。常见域名后缀:.com、.cn、.top、net、.在线、.xin、.shop、.ltd域名分类一级域名:又叫顶级域名
- XSS Challenges练习方法
慕書
等保测评网络安全渗透网络安全javascriptxss
XSSChallenges练习方法XSSChallenges练习方法第一关第二关第三关第四关第五关第六关第七关第八关第九关第十关XSSChallenges练习方法网站练习地址:https://xss-quiz.int21h.jp/第一关输入123,查看到渗透点输入:"alert(document.domain);,结果成功第二关输入:123输入:">alert(document.domain);第
- Chrome 将禁止修改 document.domain
. . . . .
chrome前端
参考链接1:https://developer.chrome.com/blog/immutable-document-domain?hl=zh-cn参考链接2:https://juejin.cn/post/7238980109453525050为什么设置document.domain,跨域依旧报错?
- JS 跨域问题怎么解决 JSONP document.domain + iframe
vivianXIa
由于浏览器的同源策略,协议,端口,域名,三者任何一种不同就会产生跨域问题;Ajax不允许请求非同源的资源的src不会受到同源的限制get方式json是一种数据格式,jsonp是一种数据传输格式,jsonp就是利用上述的第二点进行请求的解决方案1:jsonp跨域jsonp发起流程1:实例代码GoJSONPfunctionjsonhandle(data){alert("age:"+data.age+"
- js获取当前域名、Url、相对路径和参数以及指定参数
川页乾
js
一、js获取当前域名有2种方法复制代码1、方法一vardomain=document.domain;2、方法二vardomain=window.location.host;3、注意问题由于获取到的当前域名不包括http://,所以把获取到的域名赋给a标签的href时,别忘了加上http://,否则单击链接时导航会出错。复制代码二、获取当前Url的4种方法复制代码varurl=window.loca
- iframe跨域通信方法详解window.postMessage
xiao xu
前端
文章目录window.postMessage()用法实例今天接到个需求,A页面中要嵌入一个iframe,这个iframe是B页面,此时A页面需要得到B页面的一些信息。window.postMessage()我们都知道浏览器的同源策略,即对于两个不同页面的脚本,只有当他们的页面具有相同的协议,端口号和主机(document.domain)时,两个脚本才能互相通信。window.postMessage
- 跨域
牛氓不榴芒
1.CORSCORS(Corss-OriginResourceSharing,跨资源共享),基本思想是使用自定义的HTTP头部让浏览器与服务器进行沟通,从而决定请求或响应的成功或失败。即给请求附加一个额外的Origin头部,其中包含请求页面的源信息(协议、域名和端口),以便服务器根据这个头部决定是否给予响应。2.document.domain将页面的document.domain设置为相同的值,页
- js 跨域(JSONP/CORS/WebSocket/postMessage/location.hash/document.domain/window.name)
weixin79893765432...
JavaScriptjavascriptwebsocket哈希算法
目录前言一、跨域1、跨域的产生二、解决跨域1、具备src的标签2、JSONP3、CORS4、WebSocket协议(★★★★★)(1)、WebSocket协议的特点(2)、WebSocket协议客户端的API5、postMessage(★★★★★)6、location.hash7、document.domain8、window.name三、其他1、反向代理2、只针对Chrome的跨域解决办法(1)
- 跨域:利用iframe实现跨域DOM互访的四种方式
未知百分百
安全前端原型模式前端安全html开发语言跨域ifame
注:跨域的知识点详见:跨域相关知识点目录实验验证环境配置:1、利用document.domain降域方法1:方法2:2、利用location.hash3、利用window.name4、利用postMessage(最推荐)使用postmessage实现跨域访问使用postmessage读取其他窗口的localstorage(普通款)使用postmessage读取其他窗口的localstorage(加
- JavaScript_document对象_属性
Python_1981
#JavaScript模块javascript开发语言ecmascript
1、document.doctype2、document.documentElement3、document.body,document.head4、document.forms5、document.images6、document.scripts7、document.domain
- window.opener在IE中提示无权限Firefox中正常
weiliuhong1
opener权限跨域访问
迁移别人的代码的时候发现window.opener在IE中提示无权限,但是在Firefox中能正常使用后面查了之后大概明白了首先要使用window.opener则需要然打开页面配置window.open('xxxx.htm')这样window.opener才有使用的前提。刚才说到没有权限是因为域问题,document.domain按理说使用window.open打开的域应该一样的。不过不小心在被打
- layui 表格 展开
琪公子呀
layuilayui前端javascript
一、表格嵌套表格(手风琴打开)设备上下线统计varuserPerson=getUser();varhttpUser={userName:userPerson.name,userGuid:userPerson.sessionId};letIPS;letstr=document.domain;if(document.domain=='localhost'||document.domain=="192.
- 同源策略引发的一些问题
shupingWei
1、概述1.1同源指的是协议、域名、端口三者相同的。1.2目的:保护用户信息安全,防止恶意的网站窃取数据。1.3限制范围:(1)CookieLocalStorage和indexDB无法获取。(2)Dom无法获取。(3)AJAX请求不能发。规避上述限制(1)一级域名相同、二级域名不同,浏览器允许通过设置document.domain。例如:a里面设置为document.cookie="qq",在b里
- 跨域通信--Window.postMessage()
weixin_30906701
一、跨源通信概述源:协议、端口号(https默认值433)、主机域名(document.domain)作用:向目标窗口派发MessageEvent消息(四个属性)兼容参考MessageEvent四个属性:1.message(类型)2.data(window.postMessage的第一个参数)3.origin(调用postMessage时页面的当前状态)4.source(调用postMessage
- js获取当前域名有2种方法
四平曲浩
1、方法一varhost=window.location.host;2、方法二varhost=document.domain;注意问题由于获取到的当前域名不包括http://或者https:////获取页面完整地址url=window.location.href;
- 我不知道的那些HTML和CSS知识(一)
wuyxinu
笔记Web前端htmlcssphp
记录一些我不清楚的玩意一、iframe禁止嵌套腾讯QQ空间防嵌套方法document.domain="qq.com";var_s_=newDate(),g_T={},siDomain="ctc.qzonestyle.gtimg.cn",g_iUin=499469859,g_iLoginUin=499469859;g_T.fwp=[_s_];document.namespaces&&document
- 跨域的常见解决方式
Lee_YJ
document.domain降域我们为静态服务器设置了两个域名分别为a.both.com和b.both.com,并设置了两个静态网页,分别为a.html和b.html,在a网页中内嵌了b网页,iframe的src设置为b.both.com,并在a网页中显示b网页中的信息,网页代码如下://a.htmlThisisa.htmlpagevarh=document.querySelector('h1'
- js获取当前域名、Url、相对路径和参数
TH_1
#JavaScriptjavascript开发语言ecmascript
一、js获取当前域名有2种方法1、方法一vardomain=document.domain;2、方法二vardomain=window.location.host;3、注意问题由于获取到的当前域名不包括http://,所以把获取到的域名赋给a标签的href时,别忘了加上http://,否则单击链接时导航会出错。二、获取当前Url的4种方法varurl=window.location.href;va
- javascript获取url信息的常见方法
_不吃猫的鱼_
JavaScriptjavascript前端vue.js
1、获取页面完整的url12vara=location.href;console.log(a);//“http://www.cnblogs.com/wuxibolgs329/p/5261577.html#flag?test=12345”2、获取页面的域名varhost=window.location.host;//www.cnblogs.comvarhost2=document.domain;//
- 预防跨框架脚本攻击
曼少女
什么是跨框架脚本CrossFrameScript(跨框架脚本)攻击是利用浏览器允许框架(frame)跨站包含其它页面的漏洞,攻击者在恶意站点包含正常的登录页面,以监视、盗取用户输入预防逻辑获取当前输入操作的域名(document.domain)和浏览器的当前域名(top.document.domain)对比,如果不一样,重新赋值该页面地址(top.location='你的页面地址')封装如下:ex
- 前端面试必备之跨域通信的方式
silly鸿
同源:协议、域名、端口相同跨域通信:js进行DOM操作,通信时如果目标与当前窗口不满足同源条件,浏览器为了安全阻止跨域操作。跨域通信通常有以下方法CORSJSONP使用iframe配置document.domain和window.nameH5的window.postMessagewebsocket单向通信Ngnix代理Node中间件webpack.config.js||package.json二、
- 文件or图片上传方法封装
谢小逸
functionUploadFile(options){this.init(options)}UploadFile.prototype={constructor:UploadFile,init:function(options){if(options.domain){document.domain=options.domain;}this.container=options.container?d
- js获取当前域名、Url、相对路径和参数以及指定参数
yichen_china
一、js获取当前域名有2种方法1、方法一vardomain=document.domain;2、方法二vardomain=window.location.host;3、注意问题由于获取到的当前域名不包括http://,所以把获取到的域名赋给a标签的href时,别忘了加上http://,否则单击链接时导航会出错。二、获取当前Url的4种方法varurl=window.location.href;va
- XSS Challenges通关笔记
芝士份子
xss-quiz.int21h.jp平台1alert(document.domain);2">alert(document.domain);自此以下使用工具传递参数避免被编码3alert(document.domain);注入点在p2参数回显上4">alert(document.domain);注入点在p3参数的回显上5">alert(document.domain);水题6"onmouseove
- DOM跨域的三种解决方案:document.domain、window.name、window.postMessage
huzhenv5
HTMLJavaScriptdom跨域document.domainwindow.name
文章目录同域访问document.domain相同二级域名之间的跨域相同域名,不同端口之间的跨域window.namewindow.postMessage同域访问浏览本篇文章之前,需要了解什么是跨域,就需要了解浏览器的同源策略,简单来说就是协议,域名,端口,这三者都一样才称之为同源,详细的浏览器同源策略可以浏览文章:浏览器的同源策略同域的不同页面之间通信可通过自定义事件和监听事件的方式实现,具体D
- js跨域请求方式
风雪之隅_b6f7
回答:(1)、通过jsonp跨域;(只能抓去get方式的请求)(2)、通过修改document.domain来跨子域;(3)、使用window.name来进行跨域;(4)、使用HTML5新引进的window.postMessage方法来进行跨域(ie67不支持);(5)、CORS需要服务器设置header:Access-Control-Allow-Origin;(后台去设置)(6)、nginx反向
- H5项目中通过iframe引入语音导览解决微信jsapi关于同一级域名二级域名跨域问题解决方案
宋云科技
前端微信javascriptvue.js
在项目的入口文件App.js中在项目的html文件中引入必需的js文件https://res2.wx.qq.com/open/js/jweixin-1.6.0.js在页面挂载时初始化调用微信内置config配置,并声明所需要调用的api接口mounted(){document.domain="abc.com";//设置主域名this.$post(this.$api.apiGetAppKey).th
- 同源与跨域(二)
DHFE
降域在当前页面下的iframe的域名若与当前页面的域名不同源,则当前页面的js代码对iframe无法进行任何操作。原因:这是为了保护用户在iframe中登录其他网站或与之类似的相关操作会泄露隐私数据如http://a.example.dir和http://b.example.dir,后面的example.dir相同,那么就可以使用document.domain将二者的域名设置为example.di
- 遍历dom 并且存储(将每一层的DOM元素存在数组中)
换个号韩国红果果
JavaScripthtml
数组从0开始!!
var a=[],i=0;
for(var j=0;j<30;j++){
a[j]=[];//数组里套数组,且第i层存储在第a[i]中
}
function walkDOM(n){
do{
if(n.nodeType!==3)//筛选去除#text类型
a[i].push(n);
//con
- Android+Jquery Mobile学习系列(9)-总结和代码分享
白糖_
JQuery Mobile
目录导航
经过一个多月的边学习边练手,学会了Android基于Web开发的毛皮,其实开发过程中用Android原生API不是很多,更多的是HTML/Javascript/Css。
个人觉得基于WebView的Jquery Mobile开发有以下优点:
1、对于刚从Java Web转型过来的同学非常适合,只要懂得HTML开发就可以上手做事。
2、jquerym
- impala参考资料
dayutianfei
impala
记录一些有用的Impala资料
1. 入门资料
>>官网翻译:
http://my.oschina.net/weiqingbin/blog?catalog=423691
2. 实用进阶
>>代码&架构分析:
Impala/Hive现状分析与前景展望:http
- JAVA 静态变量与非静态变量初始化顺序之新解
周凡杨
java静态非静态顺序
今天和同事争论一问题,关于静态变量与非静态变量的初始化顺序,谁先谁后,最终想整理出来!测试代码:
import java.util.Map;
public class T {
public static T t = new T();
private Map map = new HashMap();
public T(){
System.out.println(&quo
- 跳出iframe返回外层页面
g21121
iframe
在web开发过程中难免要用到iframe,但当连接超时或跳转到公共页面时就会出现超时页面显示在iframe中,这时我们就需要跳出这个iframe到达一个公共页面去。
首先跳转到一个中间页,这个页面用于判断是否在iframe中,在页面加载的过程中调用如下代码:
<script type="text/javascript">
//<!--
function
- JAVA多线程监听JMS、MQ队列
510888780
java多线程
背景:消息队列中有非常多的消息需要处理,并且监听器onMessage()方法中的业务逻辑也相对比较复杂,为了加快队列消息的读取、处理速度。可以通过加快读取速度和加快处理速度来考虑。因此从这两个方面都使用多线程来处理。对于消息处理的业务处理逻辑用线程池来做。对于加快消息监听读取速度可以使用1.使用多个监听器监听一个队列;2.使用一个监听器开启多线程监听。
对于上面提到的方法2使用一个监听器开启多线
- 第一个SpringMvc例子
布衣凌宇
spring mvc
第一步:导入需要的包;
第二步:配置web.xml文件
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5"
xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi=
- 我的spring学习笔记15-容器扩展点之PropertyOverrideConfigurer
aijuans
Spring3
PropertyOverrideConfigurer类似于PropertyPlaceholderConfigurer,但是与后者相比,前者对于bean属性可以有缺省值或者根本没有值。也就是说如果properties文件中没有某个bean属性的内容,那么将使用上下文(配置的xml文件)中相应定义的值。如果properties文件中有bean属性的内容,那么就用properties文件中的值来代替上下
- 通过XSD验证XML
antlove
xmlschemaxsdvalidationSchemaFactory
1. XmlValidation.java
package xml.validation;
import java.io.InputStream;
import javax.xml.XMLConstants;
import javax.xml.transform.stream.StreamSource;
import javax.xml.validation.Schem
- 文本流与字符集
百合不是茶
PrintWrite()的使用字符集名字 别名获取
文本数据的输入输出;
输入;数据流,缓冲流
输出;介绍向文本打印格式化的输出PrintWrite();
package 文本流;
import java.io.FileNotFound
- ibatis模糊查询sqlmap-mapping-**.xml配置
bijian1013
ibatis
正常我们写ibatis的sqlmap-mapping-*.xml文件时,传入的参数都用##标识,如下所示:
<resultMap id="personInfo" class="com.bijian.study.dto.PersonDTO">
<res
- java jvm常用命令工具——jdb命令(The Java Debugger)
bijian1013
javajvmjdb
用来对core文件和正在运行的Java进程进行实时地调试,里面包含了丰富的命令帮助您进行调试,它的功能和Sun studio里面所带的dbx非常相似,但 jdb是专门用来针对Java应用程序的。
现在应该说日常的开发中很少用到JDB了,因为现在的IDE已经帮我们封装好了,如使用ECLI
- 【Spring框架二】Spring常用注解之Component、Repository、Service和Controller注解
bit1129
controller
在Spring常用注解第一步部分【Spring框架一】Spring常用注解之Autowired和Resource注解(http://bit1129.iteye.com/blog/2114084)中介绍了Autowired和Resource两个注解的功能,它们用于将依赖根据名称或者类型进行自动的注入,这简化了在XML中,依赖注入部分的XML的编写,但是UserDao和UserService两个bea
- cxf wsdl2java生成代码super出错,构造函数不匹配
bitray
super
由于过去对于soap协议的cxf接触的不是很多,所以遇到了也是迷糊了一会.后来经过查找资料才得以解决. 初始原因一般是由于jaxws2.2规范和jdk6及以上不兼容导致的.所以要强制降为jaxws2.1进行编译生成.我们需要少量的修改:
我们原来的代码
wsdl2java com.test.xxx -client http://.....
修改后的代
- 动态页面正文部分中文乱码排障一例
ronin47
公司网站一部分动态页面,早先使用apache+resin的架构运行,考虑到高并发访问下的响应性能问题,在前不久逐步开始用nginx替换掉了apache。 不过随后发现了一个问题,随意进入某一有分页的网页,第一页是正常的(因为静态化过了);点“下一页”,出来的页面两边正常,中间部分的标题、关键字等也正常,唯独每个标题下的正文无法正常显示。 因为有做过系统调整,所以第一反应就是新上
- java-54- 调整数组顺序使奇数位于偶数前面
bylijinnan
java
import java.util.Arrays;
import java.util.Random;
import ljn.help.Helper;
public class OddBeforeEven {
/**
* Q 54 调整数组顺序使奇数位于偶数前面
* 输入一个整数数组,调整数组中数字的顺序,使得所有奇数位于数组的前半部分,所有偶数位于数组的后半
- 从100PV到1亿级PV网站架构演变
cfyme
网站架构
一个网站就像一个人,存在一个从小到大的过程。养一个网站和养一个人一样,不同时期需要不同的方法,不同的方法下有共同的原则。本文结合我自已14年网站人的经历记录一些架构演变中的体会。 1:积累是必不可少的
架构师不是一天练成的。
1999年,我作了一个个人主页,在学校内的虚拟空间,参加了一次主页大赛,几个DREAMWEAVER的页面,几个TABLE作布局,一个DB连接,几行PHP的代码嵌入在HTM
- [宇宙时代]宇宙时代的GIS是什么?
comsci
Gis
我们都知道一个事实,在行星内部的时候,因为地理信息的坐标都是相对固定的,所以我们获取一组GIS数据之后,就可以存储到硬盘中,长久使用。。。但是,请注意,这种经验在宇宙时代是不能够被继续使用的
宇宙是一个高维时空
- 详解create database命令
czmmiao
database
完整命令
CREATE DATABASE mynewdb USER SYS IDENTIFIED BY sys_password USER SYSTEM IDENTIFIED BY system_password LOGFILE GROUP 1 ('/u01/logs/my/redo01a.log','/u02/logs/m
- 几句不中听却不得不认可的话
datageek
1、人丑就该多读书。
2、你不快乐是因为:你可以像猪一样懒,却无法像只猪一样懒得心安理得。
3、如果你太在意别人的看法,那么你的生活将变成一件裤衩,别人放什么屁,你都得接着。
4、你的问题主要在于:读书不多而买书太多,读书太少又特爱思考,还他妈话痨。
5、与禽兽搏斗的三种结局:(1)、赢了,比禽兽还禽兽。(2)、输了,禽兽不如。(3)、平了,跟禽兽没两样。结论:选择正确的对手很重要。
6
- 1 14:00 PHP中的“syntax error, unexpected T_PAAMAYIM_NEKUDOTAYIM”错误
dcj3sjt126com
PHP
原文地址:http://www.kafka0102.com/2010/08/281.html
因为需要,今天晚些在本机使用PHP做些测试,PHP脚本依赖了一堆我也不清楚做什么用的库。结果一跑起来,就报出类似下面的错误:“Parse error: syntax error, unexpected T_PAAMAYIM_NEKUDOTAYIM in /home/kafka/test/
- xcode6 Auto layout and size classes
dcj3sjt126com
ios
官方GUI
https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/AutolayoutPG/Introduction/Introduction.html
iOS中使用自动布局(一)
http://www.cocoachina.com/ind
- 通过PreparedStatement批量执行sql语句【sql语句相同,值不同】
梦见x光
sql事务批量执行
比如说:我有一个List需要添加到数据库中,那么我该如何通过PreparedStatement来操作呢?
public void addCustomerByCommit(Connection conn , List<Customer> customerList)
{
String sql = "inseret into customer(id
- 程序员必知必会----linux常用命令之十【系统相关】
hanqunfeng
Linux常用命令
一.linux快捷键
Ctrl+C : 终止当前命令
Ctrl+S : 暂停屏幕输出
Ctrl+Q : 恢复屏幕输出
Ctrl+U : 删除当前行光标前的所有字符
Ctrl+Z : 挂起当前正在执行的进程
Ctrl+L : 清除终端屏幕,相当于clear
二.终端命令
clear : 清除终端屏幕
reset : 重置视窗,当屏幕编码混乱时使用
time com
- NGINX
IXHONG
nginx
pcre 编译安装 nginx
conf/vhost/test.conf
upstream admin {
server 127.0.0.1:8080;
}
server {
listen 80;
&
- 设计模式--工厂模式
kerryg
设计模式
工厂方式模式分为三种:
1、普通工厂模式:建立一个工厂类,对实现了同一个接口的一些类进行实例的创建。
2、多个工厂方法的模式:就是对普通工厂方法模式的改进,在普通工厂方法模式中,如果传递的字符串出错,则不能正确创建对象,而多个工厂方法模式就是提供多个工厂方法,分别创建对象。
3、静态工厂方法模式:就是将上面的多个工厂方法模式里的方法置为静态,
- Spring InitializingBean/init-method和DisposableBean/destroy-method
mx_xiehd
javaspringbeanxml
1.initializingBean/init-method
实现org.springframework.beans.factory.InitializingBean接口允许一个bean在它的所有必须属性被BeanFactory设置后,来执行初始化的工作,InitialzingBean仅仅指定了一个方法。
通常InitializingBean接口的使用是能够被避免的,(不鼓励使用,因为没有必要
- 解决Centos下vim粘贴内容格式混乱问题
qindongliang1922
centosvim
有时候,我们在向vim打开的一个xml,或者任意文件中,拷贝粘贴的代码时,格式莫名其毛的就混乱了,然后自己一个个再重新,把格式排列好,非常耗时,而且很不爽,那么有没有办法避免呢? 答案是肯定的,设置下缩进格式就可以了,非常简单: 在用户的根目录下 直接vi ~/.vimrc文件 然后将set pastetoggle=<F9> 写入这个文件中,保存退出,重新登录,
- netty大并发请求问题
tianzhihehe
netty
多线程并发使用同一个channel
java.nio.BufferOverflowException: null
at java.nio.HeapByteBuffer.put(HeapByteBuffer.java:183) ~[na:1.7.0_60-ea]
at java.nio.ByteBuffer.put(ByteBuffer.java:832) ~[na:1.7.0_60-ea]
- Hadoop NameNode单点问题解决方案之一 AvatarNode
wyz2009107220
NameNode
我们遇到的情况
Hadoop NameNode存在单点问题。这个问题会影响分布式平台24*7运行。先说说我们的情况吧。
我们的团队负责管理一个1200节点的集群(总大小12PB),目前是运行版本为Hadoop 0.20,transaction logs写入一个共享的NFS filer(注:NetApp NFS Filer)。
经常遇到需要中断服务的问题是给hadoop打补丁。 DataNod