浏览器
SpringMVC解决跨域问题
SpringMVC解决跨域问题有个朋友在写扇贝插件的时候遇到了跨域问题。于是我对解决跨域问题的⽅式进⾏了⼀番探讨。问题API：查询单词URL：请求⽅式: GET参数： {word}, 必须，要查询的单词报错为XMLHttpRequest cannot load localhost/home/saveCandidate. No 'Access-Control-Allow-Origin'...
hashchange(监听URLhash)
hashchange（监听URLhash）基本概念iframe参数传递在 URL 中传值有两⽅式，⼀种是通过 search 来传值（即 ? 后⾯的部分），⼀种是通过 hash 来传值（即 # 后⾯的部分）。它们之间有⼀个区别，即 search 改变时浏览器会发⼀次的 http request，⽽ hash 改变时浏览器不会发送 http request。也就是说，search 可...
框架概念
框架概念 ： 所谓框架便是网页画面分成几个框窗，同时取得多个 URL。只 要 <FRAMESET> <FRAME> 即可，而所有框架标记 要放在一个总起的 html 档，这个档案只记录了该框架 如何划分，不会显示任何资料，所以不必放入 <BODY> 标记，浏览这框架必须读取这档 案而不是其它框窗的档案。<FRAMESET> 是用以划分框窗，每一框窗由...
浏览器同源策略
浏览器同源策略浏览器同源策略什么试浏览器的同源策略同源策略（Same origin policy）是⼀种约定，它是浏览器最核⼼也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说 Web 是构建在同源策略基础之上的，浏览器只是针对同源策略的⼀种实现。它的核⼼就在于它认为⾃任何站点装载的信赖内容是不安全的。当被浏览器半信半疑的脚本运⾏在沙箱时，它们应该只被允许访问来⾃同...
python postmessage 用法
在Python中，`postmessage`函数通常用于在Web应用程序中发送异步消息。它是一种用于在Web应用程序的不同部分之间进行通信的方法。iframe参数传递以下是`postmessage`函数的一般用法：```pythonpostmessage(message, target_origin, target_type)```参数说明：* `message`：要发送的消息内容，可以是一个字符...
iframe src两次赋值一样的路由不刷新
1. 问题引入在网页开发中，我们常常会遇到通过路由跳转页面的需求。然而，有时候当我们在路由中使用相同的值进行跳转时，页面并不会刷新。这个问题通常出现在使用iframe嵌套页面或者在同一页面多次跳转到相同路由的情况下。本文将就这个问题进行探讨，并提出解决方案。2. iframe的使用让我们来了解一下iframe的基本用法。iframe是HTML中的一个标签，用于在当前页面中嵌入另一个HTML页面。我...
Html-Css-iframe的自适应高度方案
Html-Css-iframe的⾃适应⾼度⽅案先看⼀个⽰例，有两个页⾯，1.html通过iframe嵌⼊2.html，两个页⾯都是同域的a.html<!DOCTYPE html><html><head><meta charset='utf-8' /><title>1.html</title></head><b...
使用JS检测自定义协议是否存在
使用JS检测自定义协议是否存在自定义协议是一种用于在浏览器中打开特定应用程序的URL协议。它提供了一种简单的方式，使网页能够与本地应用程序进行通信。在一些应用程序中，自定义协议可能用于执行特定的操作或传递参数。在JavaScript中，我们可以使用不同的方法来检测自定义协议是否存在。以下是一些常见的方法：1. 使用navigator对象：JavaScript中的navigator对象提供了各种属性...
js跨域解决方案
js跨域解决方案 篇一：JavaScript跨域解决方案 Javascript 跨域访问解决方案 在客户端编程语言中，如javascript和ActionScript，同源策略是一个很重要的安全理念，它在保证数据的安全性方面有着重要的意义。同 源策略规定跨域之间的脚本是隔离的，一个域的脚本不能访问和操作另外一个域的绝大部分属性和方法。那么什么叫相同域，什么...
浏览器的跨域问题以及解决方案Web安全技术之浏览器的跨域访问
浏览器的跨域问题以及解决方案Web安全技术之浏览器的跨域访问一、浏览器介绍对于Web应用来说，浏览器是最重要的客户端。目前浏览器五花八门多得不得了，除了Chrome、IE、Firefo、Safari、Opera这些国外的浏览器外，百度、腾讯、360、淘宝、搜狗、傲游之类的，反正能做的都做了。浏览器虽然这么多，但浏览器内核主要就以下4种：Trident：IE使用的内核。Gecko：Firefo使用的...
浏览器的跨域访问
浏览器的跨域访问一、浏览器介绍对于Web应用来说，浏览器是最重要的客户端。目前浏览器五花八门多得不得了，除了Chrome、IE、Firefox、Safari、Opera这些国外的浏览器外，百度、腾讯、360、淘宝、搜狗、傲游之类的，反正能做的都做了。浏览器虽然这么多，但浏览器内核主要就以下4种：1.Trident：IE使用的内核。 2.Gecko：Firefox使用的内核。 3.WebKit：Sa...
pobrowser.openwindowmodeless() iframe写法
pobrowser.openwindowmodeless() iframe写法一、引言在现代网页应用开发中，iframe元素的使用越来越广泛，尤其在浏览器之间的数据交互和页面跳转方面。本文将详细介绍如何使用iframe元素配合pobrowser.openwindowmodeless()方法实现窗口无模式弹出窗口的功能。二、基础知识1. iframe元素：iframe元素用于在网页中嵌入其他网页或文...
js添加属性
方法一、setAttributevar obj = ElementById("obj");obj.setAttribute("onclick", "javascript:alert('测试');");这里利用 setAttribute 指定 onclick 属性，但是：用 setAttribute 设置 style、onclick、onmouseover 这些属性在 IE...
前端服务器的工作原理是
前端服务器的工作原理是前端服务器的工作原理可以简单地概括为接收和处理HTTP请求，并返回相应的HTML、CSS、JavaScript等前端资源给客户端浏览器。具体的工作流程如下：1. 客户端浏览器发送HTTP请求到前端服务器。前端html2. 前端服务器接收到请求后，解析请求的URL和其他相关信息。3. 根据请求的URL，前端服务器到对应的静态文件或动态资源。4. 如果请求的是静态文件，如HTM...
前端知识点总结
前端知识点总结 一、 HTML HTML（HyperText Markup Language）是万维网（WWW）上应用最为广泛的一种标记语言。HTML把网页内容划分成若干部分，由HTML标签表示，浏览器便可按照标记读取，解释并将网页的内容显示出来。 二、 CSS CSS（Cascading St...
Request与Session的存值取值操作
Request与Session的存值取值操作Request与Session的存值取值getattribute方法返回类型request域的存值:request可以直接set进去request.setAttribute("request", value);request域的取值有两种⽅式:"${request}"------------"${quest}"或者想获取ke...
Java EE复习题选择题(有答案)
第一章1、以下描述哪些方面与JAVA EE无关：（B）A、事务处理 B、Applet C、资源管理 ...
web基础知识
web基础知识⼀、浏览器：1、常见的浏览器内核有哪些?浏览器/RunTime内核（渲染引擎）JavaScript 引擎Chrome Blink（28~） Webkit（Chrome 27）V8FireFox Gecko SpiderMonkeySafari Webkit JavaScriptCoreEdge EdgeHTML Chakra(for JavaScript)IE Trident Cha...
scroll样式
自定义浏览器滚动条的样式，打造属于你的滚动条风格 Div+Css、jQuery 暂无标签 Jul 19, 2013 0 条评论 围观 0 次 前段时间，到网上素材时，看到了一个很个性的滚动条式，打开Chrome的调试工具看了一下，发现不是用JavaScript来模拟实现的，觉得有必要折腾一下。于是在各大浏览器中对比了一下，发现只用...
css超出一行添加省略号属性
css超出⼀⾏添加省略号属性转⾃：通过使⽤text-overflow和white-space属性来使⽂本在⼀⾏内显⽰，超出则加省略号，添加如下：<p>前端开发博客专注前端开发和技术分享，如果描述超过100像素，则会隐藏，添加省略号</p>：需要加上宽度(width:100px)、超出隐藏（overflow:hidden;）、强制在同⼀⾏显⽰（white-space: now...
vue中iframe的滚动条样式
vue中iframe的滚动条样式在 Vue 中，可以使用以下 CSS 样式来设置 iframe 的滚动条样式：css/* 隐藏 iframe 的默认滚动条 */iframe::-webkit-scrollbar { display: none;}/* 自定义滚动条样式 */iframe { scrollbar-color: #d4d4d4 transparent; ...
强制css属性生效
强制css属性⽣效今天在写⼀个隐藏滚动条的css时，设置的overflow-x: hidden; overflow-y: scroll；属性死活不⽣效，在⾕歌浏览器中查看，发现这两条属性是被划掉的。如图。这表明别处有设置的属性将他屏蔽掉了，页⾯代码太多，我也不知道去哪⼉，就直接强制使他⽣效了。 overflow-x: hidden!important;overflow-y: scroll!imp...
关于html技术的简单介绍
关于html技术的简单介绍HTML语言是一种标记语言，是设计web页面的基础。它的词汇标记一些用尖括号<>包围起来的单词比如<body>，这些带尖括号的单词往往都成对出现，HTML文档最大的特点就是整个文档要表达的内容均由尖括号标记进行结构化。每一对尖括号包围的部分在HTML中又叫做元素。比如由<body><bodyhtml代码翻译中文>包围的部分就...
CSS3重置iphone浏览器按钮input,select等表单元素的默认样式
CSS3重置iphone浏览器按钮input,select等表单元素的默认样式今天在公司写了⼀个登录页⾯效果，让我碰到⼀个怪异的问题——“表单中的input[type="submit"]和input[type="reset"]按钮在iPhone的safari浏览器下圆⾓有⼀个bug”。下⾯我来简单的描述⼀下这个bug的样⼦：如何用css美化表单初载⼊页⾯后，表单中的input[type="subm...
在前端页面中使用@font-face来显示web自定义字体【转】
在前端页⾯中使⽤@font-face来显⽰web⾃定义字体【转】本⽂转⾃的《》是中的⼀个模块，他主要是把⾃⼰定义的Web字体嵌⼊到你的⽹页中，随着模块的出现，我们在Web的开发中使⽤字体不怕只能使⽤Web安全字体，你们当中或许有许多⼈会不⾃然的问，这样的东西IE能⽀持吗？当我告诉⼤家这个功能早在IE4就⽀持了你肯定会感到惊讶。我的Blog就使⽤了许多这样的⾃定义Web字体，⽐如说⾸页的Logo，T...
element multiple 多选文件名
主题：如何使用element multiple来实现多选文件名功能随着互联网的不断发展，文件上传功能在各种网页应用中变得越来越普遍。而有时用户需要一次性选择多个文件进行上传，在这种情况下，就需要使用element multiple来实现多选文件名功能。本文将介绍如何使用element multiple来实现多选文件名功能，帮助开发者更加灵活地处理文件上传。一、什么是element multiple...
高级前端面试技巧与要点
高级前端面试技巧与要点在当今竞争激烈的前端开发领域，拥有扎实的技术能力和良好的面试技巧是成功争取高级前端职位的关键。本文将介绍一些高级前端面试的技巧与要点，帮助读者在面试中脱颖而出。第一，扎实的HTML和CSS基础前端面试性能优化作为前端开发人员，对HTML和CSS的熟练掌握是基本要求。面试官可能会问一些关于HTML和CSS的深入细节的问题，涉及到选择器、盒模型、居中布局、浮动、清除浮动等方面。例...
前端开发面试题2
1.Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?（1）、<!DOCTYPE> 声明位于文档中的最前面，处于<html> 标签之前。告知浏览器的解析器，用什么文档类型规范来解析这个文档。前端面试性能优化（2）、严格模式的排版和JS 运作模式是以该浏览器支持的最高标准运行。（3）、在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为...
css判断不同分辨率显示不同宽度布局实现自适应宽度
css判断不同分辨率显⽰不同宽度布局实现⾃适应宽度CSS DIV⽹页布局中当分辨率⼩于等于1024px（像素）时，DIV布局对象显⽰1000px宽度，当分辨率⼤于1024px时候显⽰1200px宽度等需求。使⽤CSS实现改变浏览器显⽰宽度从⽽实现布局的⽹页宽度动态改变变化（⽹页宽度⾃动随浏览器显⽰宽度⽽变宽变窄）。随着发展，越来越多的电脑⽤户显⽰屏分辨率越来越⾼，但有的⽤户还是使⽤1024px的分...
2020年web前端最全面试题及答案【含vue-react】
HTML篇1,doctype的作用是什么DOCTYPE是html5标准网页声明，且必须声明在HTML文档的第一行。来告知浏览器的解析器用什么文档标准解析这个文档，不同的渲染模式会影响到浏览器对于 CSS 代码甚至 JavaScript 脚本的解析文档解析类型有： BackCompat：怪异模式，浏览器使用自己的怪异模式解析渲染页面。（如果没有声明DOCTYPE，默认就是这个模式） CSS1Comp...
