浏览器
在前端页面中使用@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...
localstorage使用要求
localstorage使用要求一、什么是localstorage？Localstorage是一种Web API，它允许网页在用户的浏览器中存储数据。这些数据会被保存在用户的本地存储空间中，并且在用户关闭浏览器后仍然保持不变。与传统的cookie相比，localstorage具有更大的存储容量（通常为5MB）和更简单的使用方式。二、使用localstorage的要求1. 检查浏览器支持在使用loc...
动态网站技术asp的研究
动态网站技术asp的研究作者：刘敏娜 葛 萌来源：《中国新技术新产品》2010年第11期 摘要:本文研究了ASP技术的特点,分析了这门技术的内置的对象和组件的特点及ASP程序的运行环境,最终给出了含ASP技术的网页的工作流程的说明。 关键词:ASP技术;HTML;WEB服务器 &...
网站制作与设计
引言 3引言随着网络科技的发展，使得网络逐渐成为人们生活与学习的工具。许多个人网站如雨后春笋般出现，个人网站开始在继大型商业网站后在网络中展现出它的特。本文将介绍如何构建简单的个人单机游戏网站，为广大游戏爱好者提供了更加周到和人性化的服务。个性化已逐渐成为当今Web应用的潮流。这是一种单机游戏网站，此方案与现今网上已采用的一些方案相比，具有用户使用更简单，界面更直观等优...
dreamweaver属于什么软件,有何作用
Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。DREAMWEAVER、FLASH以及在DREAMWEAVER之后推出的针对专业网页图像设计的FIREWORKS，三者被MACROMEDIA公司称为DREAMTE...
ASP动态网页设计教程
ASP动态网页设计教程•第1章 ASP设计基础•第2章 HTML语言•第3章 JavaScript脚本语言介绍•第4章 VBScript脚本语言介绍•第5章 ASP的内置对象•第6章 ASP组件•第7章 ASP的数据库存取组件及ADO技术•第8章 ASP动态网页设计开发实例 &...
如何快速获取某个文件夹下所有的文件的名称列表
如何快速获取某个⽂件夹下所有的⽂件的名称列表如何快速地把⽂件的名称批量地复制到⼯作表中，以下的⽅法⼤家可以参考。⽅法⼀：系统⾃带功能（仅适⽤于win8以上系统）如下图所⽰：步骤：linux修改文件夹名称1、全选⽂件下的全部⽂件；2、单击菜单栏⾥的【复制路径】按钮；3、然后打开⼯作表，右键单击【选择性粘贴】-【⽂本】；4、将粘贴的⽂本进⾏分列，依次执⾏【数据】-【分列】-【分隔符号】-【其他】-输⼊...
servlet规范定义的Servlet生命周期和servlet的基础
1｀。web服务器只能处理静态页面，比如浏览器要求访问某个静态页面（即html文件），服务器可以产看该文件，并返回使用Servlet技术，可以使web服务器能够处理动态资源的请求。即请求需要通过某种计算。组件规范：组件指的是，符合某种规范的。并且可以部署在容器中的软件模块容器，是一个程序，用来提供组件的运行环境，并且，管理组件的生命周期，同时也必须符合某种规范。容器一般那要提供基础服务（比如网络通...
安卓系统的50个秘密
安卓系统的50个秘密身边现在越来越多人使用上了安卓系统的手机，但是有些操作和使用还是让很多刚接触的菜鸟用户感到复杂和困惑。我整理出Android系统的50大必备秘籍供用户参考，适合各种阶段的Android用户。希望可以帮助更多用户更深入的了解和使用好Android系统。请注意这些技巧和秘籍大部分针对目前最主流的Android 2.1系统，不过绝大部分在其他版本的Android系统上同样适用。1.使...
扫描二维码登录原理
扫描二维码登录原理【篇一：扫描二维码登录原理】由于二维码的发展。现在二维码的用处是越来越大了。很多地方都可以见到二维码的影子，比如二维码支付，二维码登录，等。在此之前我们先了解下二维码以下是来自百度百科的解释 ：二维码（two-dimensional code），又称二维条码，它是用特定的几何图形按一定规律在平面（二维方向）上分布的黑白相间的图形，是所有信息数据的一把钥匙。在现代商业活动中，可实现...
浏览器关闭后保持登录状态的实现方式
如今，随着互联网的广泛使用，网页浏览器已成为我们日常生活的一个组成部分。 无论是工作，娱乐，还是购物，我们依靠浏览器访问各种全球信息站和上线服务。 然而，许多用户普遍感到沮丧的是，他们每次关闭和重新打开浏览器时，都不得不重新输入他们的登入证书。 在本篇文章中，我们将探索即使在浏览器关闭后用于维持用户登入会话的不同策略和技术。浏览器关闭后维持登入状态的最常见方法之一是使用cookie。 Cookie...
session登录认证的原理
session登录认证的原理 session登录认证的原理是在访问一个网站时，用户需要进行登录认证以验证身份，而该认证过程就是通过使用session技术实现的。 session指的是会话，是一种在前端与后端之间维护状态的机制，它是通过在服务器端创建一个存储用户数据的容器，将该容器的唯一标识（session ID）发给客户端（即浏览器），以便在浏览...
jspresponse.sendRedirect不跳转的原因分析及解决
jspresponse.sendRedirect不跳转的原因分析及解决最近做项⽬时遇到⼀个问题，明明加了response.sendRedirect() ，系统也执⾏了，但是它就是不跳转；最后在⽹上到原因如下:⾸先我们要明⽩⽤response.sendRedirect做转向的原理，它其实是向浏览器发送⼀个特殊的Header，然后由浏览器来做转向，转到指定的页⾯，所以⽤sendRedirect时，浏...
如何让引入ES6的html文件运行起来
如何让引⼊ES6的html⽂件运⾏起来这段时间，学习了⼀点关于es6新规范的知识，然后⼼⾎来潮，想尝试⼀下⽤ES6编写的代码在浏览器中跑起来。html实现用户注册登录代码说⼲就⼲，先说下我的实现步骤（没想到有坑！）1. 把ES6代码转译成ES5;2. html⽂件引⼊转译后的ES5;3. 然后在浏览器环境中运⾏;4. 在node环境中运⾏;然后下⾯是我的⼀些⽬录结构，⼤致预览⼀下。src，es6开...
CSRF漏洞原理说明与利用方法
CSRF漏洞原理说明与利⽤⽅法翻译者：Fireweed⼀、什么是CSRFCross-Site Request Forgery（CSRF），中⽂⼀般译作跨站请求伪造。经常⼊选owasp漏洞列表Top10，在当前web漏洞排⾏中，与XSS和SQL注⼊并列前三。与前两者相⽐，CSRF相对来说受到的关注要⼩很多，但是危害却⾮常⼤。通常情况下，有三种⽅法被⼴泛⽤来防御CSRF攻击：验证token，验证HTT...
使用iframe进行单点登录传递cookie
使⽤iframe进⾏单点登录传递cookie由于公司需求，要求把地址直接放到iframe的src属性，进⾏直接跳转到内部页⾯，直接免登录操作；于是出现了cookie丢失的问题，导致登陆失败；从⾕歌浏览器会发现以下提⽰，意思就是浏览器现在加上了SameSite的特性，⾕歌浏览器的默认属性是SameSite=Lax，那就是禁⽌传递cookie的意思。想要传递这个cookie就要设置这个SameSite...
IE、Chrome等浏览器实现PDF预览(原)
IE、Chrome等浏览器实现PDF预览（原）IE、Chrome等浏览器实现PDF预览<!doctype html><html><head><meta http-equiv="content-type"content="text/html; charset=gb2312"><meta http-equiv="content-style-type...
html5+css如何实现中间大两头小的轮播效果
html5+css如何实现中间⼤两头⼩的轮播效果国际惯例，先上效果好了，话不多说，上去就是⼀顿撸。css:<style>*{margin: 0;padding: 0}.wrap{}.container{width: 100%;overflow: hidden;/* height: 400px; */background: red;position: relative;}.box{wid...
浏览器的那些事
浏览器一般分为两类，IE内核和非IE内核。 从资源占用的角度来讲，非IE内核占资源最小，运行速度快，但有些网页只支持IE内核，用非IE内核的浏览器就无法观看。所以建议你在使用非IE内核的浏览器时，不要删除IE，只需要将IE的默认地位取消。 非IE内核的浏览器有：Opera、FireFox、maxthon IE内核的浏览器有：Maxthon傲游、NetCaptor、腾讯TT 从网页的兼容性来说，还是...
使得fiddler来抓包查看浏览器的网页源码
使得fiddler来抓包查看浏览器的⽹页源码需要⼯具：下载安装后第⼆步：打开这个选项：设置代理：allow remote computer to connect 端⼝为88888 浏览器会⾃动设置免费源码网站下载第四步下载插件：效果：...
教你如何轻松下载网页中的PDF
教你如何轻松下载网页中的PDF在日常生活中，我们经常需要下载网页中的PDF文件，比如下载一篇论文、教程或者说明书等。但是有时候我们可能会遇到无法直接下载的情况，或者下载按钮无效、链接失效等问题。本文将教你几种轻松下载网页中PDF文件的方法。方法一：使用浏览器内置功能大部分现代浏览器都内置了下载功能。如果网页中存在可下载的PDF文件，通常会有一个下载按钮。你可以按照以下步骤下载：1.鼠标右键点击PD...
C# Keys 枚举
C# Keys 枚举成员名称说明KeyCode从键值提取键代码的位屏蔽。Modifiers从键值提取修饰符的位屏蔽。None没有按任何键。LButton鼠标左按钮。RButton鼠标右按钮。CancelCancel 键。MButton鼠标中按钮（三个按钮的鼠标）。XButton1第一个 X 鼠标按钮（五个按钮的鼠标）。XButton2第二个 X 鼠标按钮（五个按钮的鼠标）。BackBa...
unicode字符集大全
这些字符属于unicode字符集，所以，你的文档需要声明为UTF-8； 下面符号列表的后面有两列编号，它们并不太一样，第一列是用于html的，你需要在前面加上&#符号； 第二列可以用于CSS文件中，但是需要用反斜杠\转义； 第二列也可以用于javascript，和CSS用法一样，不过要用\u来转义。 需要主意的是： 有的字符在不同的浏览器下表现不太一样；比如小雪人 ☃ 在firefox和C...
CSS实现背景图尺寸不随浏览器大小而变化的两种方法
CSS实现背景图尺⼨不随浏览器⼤⼩⽽变化的两种⽅法⼀些⽹站的⾸页背景图尺⼨不随浏览器缩放⽽变化，本例使⽤CSS 实现背景图尺⼨不随浏览器缩放⽽变化，⽅法⼀. 把图⽚作为background，⽅法⼆使⽤img标签。喜欢的朋友可以看看复制代码代码如下:<div id="con"></div>CSS：复制代码代码如下:body{ margin:0; padding:0;}#con...
win11滚动截图的方法
win11滚动截图的方法一般来说，我们的系统自带截图工具只能截取当前屏幕的画面，但是有时候我们会遇到需要截取长图的情况，就要用到滚动截图了，其实可以在自带edge浏览器来进行滚动截图的操作，下面就一起来看看怎么操作吧。win11怎么滚动截图1、首先我们需要在win11中打开edge浏览器。 2、接着进入我们需要滚动截图的页面，然后点击右上角的“笔记”按钮。 3、然后再点击其...
