![](https://img-blog.csdnimg.cn/20190918140037908.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端知识复习
对前端所学知识进行总结
ll99
这个作者很懒,什么都没留下…
展开
-
2021金山WPS秋招前端笔试题
列举几个常用的语义化标签,并说说标签语义化的好处易于用户阅读,样式丢失的时候能让页面呈现清晰的结构。有利于SEO,搜索引擎根据标签来确定上下文和各个关键字的权重。方便其他设备解析,如盲人阅读器根据语义渲染网页。有利于开发和维护,语义化更具可读性,代码更好维护,与CSS3关系更和谐。CSS中box-sizing的属性和作用box-sizing: content-box|border-box|inherit;1. content-box:padding和border不被包含在定义的width原创 2020-09-30 10:16:24 · 1552 阅读 · 0 评论 -
常见六大Web安全攻防解析
转载于:https://www.cnblogs.com/fundebug/p/details-about-6-web-security.html前言在互联网时代,数据安全与个人隐私受到了前所未有的挑战,各种新奇的攻击技术层出不穷。如何才能更好地保护我们的数据?本文主要侧重于分析几种常见的攻击的类型以及防御的方法。一、XSSXSS (Cross-Site Scripting),跨站脚本攻击,因为缩写和 CSS重叠,所以只能叫 XSS。跨站脚本攻击是指通过存在安全漏洞的Web网站注册用户的浏览器内运行转载 2020-08-17 22:12:07 · 720 阅读 · 0 评论 -
从输入URL到浏览器显示页面发生了什么
输入网址当你开始输入网址比如www.cnblogs.com时游览器就可以在书签或者历史记录里面去搜索相关的网址推荐给你。游览器查找域名的IP地址① 请求发起后,游览器首先会解析这个域名,首先它会查看本地硬盘的 hosts 文件,看看其中有没有和这个域名对应的规则,如果有的话就直接使用 hosts 文件里面的 ip 地址。② 如果在本地的 hosts 文件没有能够找到对应的 ip 地址,浏览器会发出一个 DNS请求到本地DNS(域名分布系统)服务器 。本地DNS服务器一般都是你的网络接入服务器商提供,原创 2020-08-15 23:57:01 · 229 阅读 · 1 评论 -
斐波拉切数列JS实现
斐波那契数列(Fibonacci sequence),又称黄金分割数列,指的是这样一个数列:0、1、1、2、3、5、8、13、21、34、……在数学上,斐波那契数列以如下被以递推的方法定义:F(1)=1,F(2)=1, F(n)=F(n - 1)+F(n - 2)(n ≥ 3,n ∈ N)递归写法 //递归写法 function fib (n) { if (n==1 || n==2) { return 1原创 2020-07-27 23:24:04 · 229 阅读 · 0 评论 -
简单理解设计原则以及常见的设计模式
设计原则所有的设计模式都是遵循设计原则的,不能违反设计原则。核心思想:减少复杂度,降低耦合度。单一职责原则里氏代换原则开闭原则依赖倒置原则接口分离原则迪米特法则...原创 2020-07-24 23:02:13 · 102 阅读 · 0 评论 -
同源策略和跨域
同源策略所谓同源策略,指的是浏览器对不同源的脚本或者文本的访问方式进行的限制。所谓同源,指的是协议相同,域名相同,端口相同,三者缺一不可。跨域1、 通过jsonp跨域2、 document.domain + iframe跨域3、 location.hash + iframe4、 window.name + iframe跨域5、 postMessage跨域6、 跨域资源共享(CORS)7、 nginx代理跨域8、 nodejs中间件代理跨域9、 WebSocket协议跨域...原创 2020-07-20 23:44:30 · 173 阅读 · 0 评论 -
简单的理解五层网络模型
应用层规定应用程序的数据格式协议: FTP、DNS、SMTP、HTTP、WWW运输层建立端口到端口的通信协议: TCP、UDPTCP: 有点事保证数据的正确性和顺序性。缺点是复杂,实现困难,消耗资源多三次握手:四次挥手:UDP: 优点是简单,易实现。缺点是可靠性差,数据可能会丢失补充: socket(H5新增)在应用层和传输层之间的一个抽象层,它把TCP/IP层复杂的操作封装成几个简单的接口应用层调用,从而实现进程在网络中的通信网路层建立主机到主机的通信协议: IP数据链路层原创 2020-07-20 23:33:32 · 524 阅读 · 0 评论 -
HTTP状态码
HTTP状态码当浏览者访问一个网页时,浏览者的浏览器会向网页所在服务器发出请求。当浏览器接收并显示网页前,此网页所在的服务器会返回一个包含HTTP状态码的信息头(server header)用以响应浏览器的请求。HTTP状态码的英文为HTTP Status Code。下面是常见的HTTP状态码:200 - 请求成功301 - 资源(网页等)被永久转移到其它URL404 - 请求的资源(网页等)不存在500 - 内部服务器错误HTTP状态码分类HTTP状态码由三个十进制数字组成,第一个十转载 2020-07-08 21:08:23 · 1671 阅读 · 0 评论 -
H5新增特性
什么是H5HTML5是HTML标准的第五次修订和最新版本。它提供的新功能不仅提供富媒体支持,而且还增强了对创建Web应用程序的支持,该Web应用程序可以比以前更轻松,更有效地与用户,其本地数据和服务器进行交互。怎样声明H5文档HTML5的文档类型非常简单。要表明您的HTML内容使用HTML5,只需使用:<!DOCTYPE html>H5有哪些新特性1. 语义化标签<header></header><nav></nav><s原创 2020-07-08 19:55:18 · 2013 阅读 · 0 评论 -
div水平垂直居中的方法
几种常见的div水平垂直居中的方法.father{ height: 300px; width: 300px; background-color: red; }.son{ height: 100px; width: 100px; background-color: blue; }以下所有方法基于以上div实现。绝对定位方法:原创 2020-07-07 22:20:39 · 129 阅读 · 0 评论 -
BFC块级格式化上下文
BFC定义块格式化上下文(Block Formatting Context,BFC) 是Web页面的可视CSS渲染的一部分,是块盒子的布局过程发生的区域,也是浮动元素与其他元素交互的区域。BFC触发方式根元素()浮动元素(元素的 float 不是 none)绝对定位元素(元素的 position 为 absolute 或 fixed)行内块元素(元素的 display 为 inline-block)表格单元格(元素的 display为 table-cell,HTML表格单元格默认为该值)表原创 2020-07-07 21:28:01 · 106 阅读 · 0 评论