自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 免费API接口

腾讯天气接口此接口需要自己处理跨域https://wis.qq.com/weather/common?source=pc&weather_type=forecast_1h&province=山东省&city=济南市属性值sourcepcweather_typeobserve、forecast_1h、forecast_24h、index、alarm、limit、tips、riseprovince省份,如:山东省city城市,如:济南

2020-07-06 23:27:09 2303

原创 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 1655

转载 常见六大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 776

原创 从输入URL到浏览器显示页面发生了什么

输入网址当你开始输入网址比如www.cnblogs.com时游览器就可以在书签或者历史记录里面去搜索相关的网址推荐给你。游览器查找域名的IP地址① 请求发起后,游览器首先会解析这个域名,首先它会查看本地硬盘的 hosts 文件,看看其中有没有和这个域名对应的规则,如果有的话就直接使用 hosts 文件里面的 ip 地址。② 如果在本地的 hosts 文件没有能够找到对应的 ip 地址,浏览器会发出一个 DNS请求到本地DNS(域名分布系统)服务器 。本地DNS服务器一般都是你的网络接入服务器商提供,

2020-08-15 23:57:01 279 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 288

原创 简单理解设计原则以及常见的设计模式

设计原则所有的设计模式都是遵循设计原则的,不能违反设计原则。核心思想:减少复杂度,降低耦合度。单一职责原则里氏代换原则开闭原则依赖倒置原则接口分离原则迪米特法则...

2020-07-24 23:02:13 141

原创 同源策略和跨域

同源策略所谓同源策略,指的是浏览器对不同源的脚本或者文本的访问方式进行的限制。所谓同源,指的是协议相同,域名相同,端口相同,三者缺一不可。跨域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 202

原创 简单的理解五层网络模型

应用层规定应用程序的数据格式协议: FTP、DNS、SMTP、HTTP、WWW运输层建立端口到端口的通信协议: TCP、UDPTCP: 有点事保证数据的正确性和顺序性。缺点是复杂,实现困难,消耗资源多三次握手:四次挥手:UDP: 优点是简单,易实现。缺点是可靠性差,数据可能会丢失补充: socket(H5新增)在应用层和传输层之间的一个抽象层,它把TCP/IP层复杂的操作封装成几个简单的接口应用层调用,从而实现进程在网络中的通信网路层建立主机到主机的通信协议: IP数据链路层

2020-07-20 23:33:32 585

转载 HTTP状态码

HTTP状态码当浏览者访问一个网页时,浏览者的浏览器会向网页所在服务器发出请求。当浏览器接收并显示网页前,此网页所在的服务器会返回一个包含HTTP状态码的信息头(server header)用以响应浏览器的请求。HTTP状态码的英文为HTTP Status Code。下面是常见的HTTP状态码:200 - 请求成功301 - 资源(网页等)被永久转移到其它URL404 - 请求的资源(网页等)不存在500 - 内部服务器错误HTTP状态码分类HTTP状态码由三个十进制数字组成,第一个十

2020-07-08 21:08:23 2462

原创 H5新增特性

什么是H5HTML5是HTML标准的第五次修订和最新版本。它提供的新功能不仅提供富媒体支持,而且还增强了对创建Web应用程序的支持,该Web应用程序可以比以前更轻松,更有效地与用户,其本地数据和服务器进行交互。怎样声明H5文档HTML5的文档类型非常简单。要表明您的HTML内容使用HTML5,只需使用:<!DOCTYPE html>H5有哪些新特性1. 语义化标签<header></header><nav></nav><s

2020-07-08 19:55:18 2052

原创 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 166

原创 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 139

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除