![](https://img-blog.csdnimg.cn/2020011320223043.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Web前端
文章平均质量分 92
HTML、CSS、JS
忧容骑士
这个作者很懒,什么都没留下…
展开
-
浏览器缓存相关知识点
从缓存位置分为四种,并且有各自的优先级,按优先级从高到低排序分别是:1、Service Worker2、Memory Cache3、Dish Cache4、Push CacheService WorkerService Worker 是运行在浏览器背后的独立线程,涉及到请求拦截,所以必须使用 HTTPS 协议来保障安全。它可以让我们自由控制缓存哪些文件、如何匹配缓存、如何读取缓存,并且缓存是持续性的。Service Worker 实现缓存功能一般分为三个步骤:1、首先需要先注册 Servi原创 2020-08-17 21:07:43 · 571 阅读 · 0 评论 -
TCP三次握手和四次挥手
原文地址https://juejin.im/post/6844903958624878606#heading-2三次握手和四次挥手是各个公司常见的考点,也具有一定的水平区分度,也被一些面试官作为热身题。很多小伙伴说这个问题刚开始回答的挺好,但是后面越回答越冒冷汗,最后就歇菜了。见过比较典型的面试场景是这样的:面试官:请介绍下三次握手求职者:第一次握手就是客户端给服务器端发送一个报文,第二次就是服务器收到报文之后,会应答一个报文给客户端,第三次握手就是客户端收到报文后再给服务器发送一个报文,三次原创 2020-08-17 17:01:43 · 159 阅读 · 0 评论 -
重排和重绘理解及解决方法
重排和重绘原创 2020-08-17 11:00:58 · 2539 阅读 · 0 评论 -
GET和POST区别及理解
get和post区别原创 2020-08-17 09:25:03 · 233 阅读 · 1 评论 -
HTTP请求过程及相关知识延伸
HTTP请求过程1、对输入网址进行DNS域名解析,得到对应的IP地址 DNS解析实现网址和IP的转换,是寻找最近的有你需要资源的机器的过程。访问顺序:浏览器缓存——操作系统缓存——本地host文件——路由器缓存——ISP(网络服务器提供商)DNS——顶级/跟DNS服务器解析方式递归解析:先向该域名的根域名服务器查询,再有根域名服务器向下一级级查询迭代解析:解析该域名的其他DNS服务器,IP地址返回经客户端DNS程序,(找到相关服务器),客户端DNS再向这个DNS服务器查询。2、根据这个I原创 2020-08-16 23:27:58 · 254 阅读 · 0 评论 -
实现点击一个节点,以当前位置为起点,半径为100px,旋转一周。
HTML<div class="circle-dot"> <dev id="light"></dev></div>CSS.circle-dot{ position: relative; margin-top: 50%; margin-left: 50%; width: 20px; height: 20px; border-radius: 50%; background-color: black;原创 2020-08-16 22:15:08 · 300 阅读 · 0 评论 -
HTTP超文本传输协议及比较
一、http概念1、HTTP是超文本传输协议的缩写,是应用层上的一种客户端/服务端模型的通信协议。2、HTTP是一个基于TCP/IP通信协议来传递数据(如HTML 文件, 图片文件, 查询结果等)。二、http的特点1、简单快速:客户向服务器请求服务时,只需传送请求方法和路径。2、灵活:HTTP允许传输任意类型的数据对象。3、无连接:无连接的含义是限制每次连接只处理一个请求。服务器处理完客户的请求,并收到客户的应答后,即断开连接。采用这种方式可以节省传输时间。4、无状态:HTTP协议是无状态协原创 2020-08-15 23:11:20 · 589 阅读 · 0 评论 -
Vue.js 组件通信
1. 父传子(1) props父组件内声明所有的 props[1] 方式一: 只指定名称props: [‘name’, ‘age’, ‘setName’][2] 方式二: 指定名称和类型props: {name: String,age: Number,setNmae: Function}[3] 指定名称/类型/必要性/默认值props: {name: {type: String, required: true, default:xxx},}子组件:(2) Slot 标签传值原创 2020-08-09 23:18:08 · 79 阅读 · 0 评论 -
Vue.js v-if和v-show的区别
1. 相同点两者都是在判断DOM节点是否要显示。2. 不同点(1) 实现方式v-if是根据后面数据的真假值判断直接从Dom树上删除或重建元素节点v-show只是在修改元素的css样式,也就是display的属性值,元素始终在Dom树上。(2) 编译条件v-if是惰性的,如果初始条件为假,则什么也不做;只有在条件第一次变为真时才开始局部编译;v-show是在任何条件下(首次条件是否为真)都被编译,然后被缓存,而且DOM元素始终被保留;(3) 性能消耗v-if有更高的切换消耗,不适合做频繁的原创 2020-08-08 23:39:48 · 132 阅读 · 0 评论 -
JavaScript 显式转换及隐式转换
显示转换**Number():**将括号内的值转换成数字类型并返回。(1) Null——0;(2) undefined——NaN;(3) 字母——NaN;(4) 负数字符串形式可以转换负数。**pareInt():**把括号内的值转换成整型(直接去掉,小数位非四舍五入)pareInt(demo,16):第二个参数为0,系统认为你没写。第二个参数代表进制,将目标进制数转换成十进制格式**Parsint :**从数字位看到非数字位,砍断规则。对比理解Parsefloat:**String原创 2020-08-06 23:13:16 · 368 阅读 · 0 评论 -
JavaScript 事件理解
1. 如何给一个元素绑定事件(1) ele.onxxx = function (event) {};[1] 兼容性很好。[2] 一个元素的同一个事件上只能绑定一个处理程序。[3] 基本等同于写在HTML行间上。[4] This指向本身。(2) Obj.addEventlListener(type, fn, false);[1] 1E9以下不兼容。[2] 一个事件绑定多个处理程序。同个函数绑定多次,执行一次。[3] This指向本身。[4] False若为true,则为事件捕获。(3)原创 2020-08-06 23:06:55 · 127 阅读 · 0 评论 -
LeetCode:7. 整数反转
LeetCode:7. 整数反转一.分析二.代码给出一个 32 位的有符号整数,你需要将这个整数中每位上的数字进行反转。实例:输入: -123 输出: -321一.分析这个题的关键是判断反转后的整数是否还在范围内,若超出范围,则称为“溢出”。如何判断是否“溢出”呢?int32的范围为[-231,231),即[-2 147 483 648,2 147 483 648)。设当前计算结果为re...原创 2020-08-05 21:51:12 · 147 阅读 · 0 评论 -
ES6 promise理解
(1) 概念理解比如说中午去餐厅吃饭,走到一个买米买面的窗口开始排队买房,当排到你时,你告诉阿姨你要吃面条,但是阿姨告诉你没有面条了,需要你自己去买面条然后拿来煮,所以阿姨给你一个号码。然后阿姨开始接着让后边排队的同学买饭,你嘞,带着号码牌去买面条。阿姨把当前窗口的同学接待完,开始呼喊那些去买面条同学的号码,当你听到你的号码时,你拿着号码和面条找阿姨煮面。然后你就吃上了一碗香喷喷的面条。在这过程中:你去买面条相对于一个异步操作。买面条的过程相当于异步pending(进行中)状态,买到面条相当于是fulf原创 2020-08-05 21:49:47 · 121 阅读 · 0 评论 -
ES6箭头函数、数组理解
一、 箭头函数1. ES6函数变换(1) 函数可以传入默认参数function show({x=0,y=0}={}){ console.log(x,y);};show();(2) 函数参数默认已经定义,不能再使用let,const声名function show(a=18){ let a=101; //错误console.log(a);};show();(3) 扩展运算符,rest运算符 ··· 传参数2. 箭头函数(1) this指向函数定义所在对象,不再是运行时所在的对象原创 2020-08-05 21:47:23 · 681 阅读 · 0 评论 -
ES6字符串学习
1. 模板字符串字符串拼接常规操作let name =’Strive’;let age =18;let str =’这个人叫’+name+‘,年龄是’+age+‘岁’;使用模板字符串拼接let str =’这个人叫name,年龄是{name},年龄是name,年龄是{age}岁’;2. 字符串操作[1] 字符串查找:Str.includes(要找的东西)——返回true或者false;[2] Js中的字符串查找Str.indexOf(要找的东西)——返回索引位置,没找到的话返回-1;[3原创 2020-08-05 00:22:41 · 90 阅读 · 0 评论 -
HTTPS协议的相关理解
https的SSL加密是在传输层实现的。(1)http和https的基本概念http: 超文本传输协议,是互联网上应用最为广泛的一种网络协议,是一个客户端和服务器端请求和应答的标准(TCP),用于从WWW服务器传输超文本到本地浏览器的传输协议,它可以使浏览器更加高效,使网络传输减少。https: 是以安全为目标的HTTP通道,简单讲是HTTP的安全版,即HTTP下加入SSL层,HTTPS的安全基础是SSL,因此加密的详细内容就需要SSL。https协议的主要作用是:建立一个信息安全通道,来确保数组的原创 2020-08-04 17:57:22 · 359 阅读 · 2 评论 -
常用的DOS命令
1.盘符切换可以切换到其他盘,不区分大小写。2. DIR目录命令(directory)查看当前路径下的所有文件夹3.切换目录(change directory)cd 文件夹名(可以打出首字母然后使用Tab键自动补全)4.cd …命令 返回根目录.代表当前目录…代表根目录没有…的语法规范5.cd \一步回到根目录或者多次计算返回几次 使用…\6. 清屏操作(clear screen)cls命令7. 关闭DOS窗口exit命令8.创建文件夹(make directo原创 2020-08-04 17:52:40 · 99 阅读 · 0 评论 -
利用VS code运行java
本人前端小垃圾一个,想练习算法,但又无心研究后端的idea,又大又看不懂,于是把魔抓伸向前端常用的工具,VS code,啊哈哈哈哈!一、电脑已经安装好JDK并成功配置环境变量参考文章:https://blog.csdn.net/qq_42364543/article/details/99694882二、利用VS code运行java1.建立一个文件夹,加入VS code的工作区2.下载...原创 2019-08-17 18:03:40 · 27762 阅读 · 3 评论 -
win10 如何下载安装JDK及配置环境变量,超级详细!
一、下载JDK1.JDK下载链接:https://www.oracle.com;2.点击 “Downloads”;3.点进去后向下滑,找到 “Developer Downloads”,点击“Java”;4.页面会自动滑到“Java”,点击“Java(JDK) for Developers”;5.下载JDK,记得勾选“Accept License Agreement”,选择适合自己系...原创 2019-08-17 17:44:10 · 4456 阅读 · 0 评论 -
常见序列的Matlab表示
1.单位脉冲序列 代码如下: N=15; n0=0;n = -15:15; x = (n-n0)==0;stem(n,x); 图像如下: 2.延迟ks的单位脉冲序列代码如下: k0=-4;kf=8;ks=5;k=k0:kf;x...原创 2018-11-14 08:08:53 · 24801 阅读 · 2 评论 -
Git常用命令总结
数组的解构赋值默认值1.只有当一个数组成员严格等于undefined,默认值才会生效。如果一个数组成员是null,默认值就不会生效,因为null不严格等于undefined。let [foo = true] = [];foo // truelet [x, y = 'b'] = ['a']; // x='a', y='b'let [x, y = 'b'] = ['a', undefined]; // x='a', y='b'let [x = 1] = [undefined];x // 1le原创 2020-07-07 22:21:39 · 123 阅读 · 0 评论 -
ES6 — let、const及var理解
一、let命令1. 不存在变量提升var命令会发生“变量提升”现象,即变量可以在声明之前使用,值为undefined。这也是JavaScript最让人烦的地方,let命令所声明的变量一定要在声明后使用,否则报错。console.log(variable1); var variable1 = 123;console.log(variable2); let variable2 = 456;var 的情况:输出undefined。let 的情况:报错ReferenceError。2. l原创 2020-05-22 18:18:07 · 181 阅读 · 0 评论 -
css3实现loading加载动画
css3实现loading加载动画一、基本的css原理二、HTML代码三、css代码四、实现效果![在这里插入图片描述](https://img-blog.csdnimg.cn/20190810164553653.gif)一、基本的css原理1.box-shadow: h-shadow v-shadow blur spread color inset值描述h-shadow...原创 2019-08-10 16:51:00 · 731 阅读 · 0 评论 -
JS — 作用域及作用域链理解
一、作用域1. 定义理解:在 Javascript 中,作用域也叫执行环境/环境,每个执行环境都有一个与之关联的变量对象,对象中有些属性仅供JavaScript引擎存取,[[scope]]就是其中一个,存储了运行期上下文的集合。2. 作用域分类:(1)、全局作用域是最外围的一个执行环境。在 Web 浏览器中,全局作用域被认为是 window 对象,因此所有全局变量和函数都是作为 window 对象的属性和方法创建的。全局作用域直到应用程序退出时才会被销毁(例如关闭网页或浏览器)。是最外围的一个执原创 2020-05-21 12:23:13 · 328 阅读 · 0 评论 -
JS — 立即执行函数理解
一、概念补充1.函数声明函数声明是一种独立的结构,不能嵌套在非功能模块中。没有函数名为匿名函数可以将它类比变量声明。就像变量声明必须以“var”开头一样,变量声明必须以“function”开头。function 函数名 (参数1,参数2,…){ 函数体};示例:function myFunction (){ console.log("hello world"); }function (){ console.log("这是个匿名函数。"); }2.函数表达式原创 2020-05-19 18:58:50 · 393 阅读 · 0 评论