- 博客(45)
- 收藏
- 关注
原创 网络分层里七层模型是哪七层
应用层:应用层、表示层、会话层(从上往下)(HTTP、FTP、SMTP、DNS)传输层:提供端到端的可靠报文传递和错误恢复(段Segment)表示层:对数据进行翻译、加密和压缩(表示协议数据单元PPDU)网络层:负责数据包从源到宿的传递和网际互连(包PackeT)应用层:允许访问OSI环境的手段(应用协议数据单元APDU)物理层:通过媒介传输比特,确定机械及电气规范(比特Bit)数据链路层:将比特组装成帧和点到点的传递(帧Frame)会话层:建立、管理和终止会话(会话协议数据单元SPDU)
2023-01-13 21:13:56 197
原创 一个页面从输入 URL 到页面加载显示完成,这个过程中都发生了什么?
(1),当发送一个URL请求时,不管这个URL是Web页面的URL还是Web页面上每个资源的URL,浏览器都会开启一个线程来处理这个请求,同时在远程DNS服务器上启动一个DNS查询。该握手包括一个同步报文,一个同步-应答报文和一个应答报文,这三个报文在 浏览器和服务器之间传递。该握手首先由客户端尝试建立起通信,而后服务器应答并接受客户端的请求,最后由客户端发出该请求已经被接受的报文。远程服务器找到资源并使用HTTP响应返回该资源,值为200的HTTP响应状态表示一个正确的响应。(2), 浏览器与远程。
2023-01-13 20:55:43 185
原创 cookie 和session 的区别:
(4)单个cookie保存的数据不能超过4K,很多浏览器都限制一个站点最多保存20个cookie。(2)cookie不是很安全,别人可以分析存放在本地的COOKIE并进行COOKIE欺骗。(3)session会在一定时间内保存在服务器上。当访问增多,会比较占用你服务器的性能。(1)cookie数据存放在客户的浏览器上,session数据放在服务器上。考虑到减轻服务器性能方面,应当使用COOKIE。其他信息如果需要保留,可以放在COOKIE中。考虑到安全应当使用session。
2023-01-13 20:55:11 128
原创 Cookie的弊端
即使加密也与事无补,因为拦截者并不需要知道cookie的意义,他只要原样转发cookie就可以达到目的了。每个domain最多只能有20条cookie,每个cookie长度不能超过4KB,否则会被截掉.cookie虽然在持久保存客户端数据提供了方便,分担了服务器存储的负担,但还是有很多局限性的。IE和Opera 会清理近期最少使用的cookie,Firefox会随机清理cookie。通过良好的编程,控制保存在cookie中的session对象的大小。(2)IE7和之后的版本最后可以有50个cookie。
2023-01-13 20:54:04 101
转载 js继承方式及其优缺点
组合式继承是比较常用的一种继承方法,其背后的思路是 使用原型链实现对原型属性和方法的继承,而通过借用构造函数来实现对实例属性的继承。这样,既通过在原型上定义方法实现了函数复用,又保证每个实例都有它自己的属性。借用构造函数虽然解决了刚才两种问题,但没有原型,则复用无从谈起。所以我们需要原型链+借用构造函数的模式,这种模式称为组合继承。一是字面量重写原型会中断关系,使用引用类型的原型,并且子类型还无法给超类型传递参数。借用构造函数(类式继承)
2023-01-13 20:39:27 63
转载 前端性能优化的方法
window对象有个name属性,该属性有个特征:即在一个窗口(window)的生命周期内,窗口载入的所有的页面都是共享一个window.name的,每个页面对window.name都有读写的权限,window.name是持久存在一个窗口载入过的所有页面中的。个人认为window.name的方法既不复杂,也能兼容到几乎所有浏览器,这真是极好的一种跨域方法。(2) 前端模板 JS+数据,减少由于HTML标签导致的带宽浪费,前端用变量保存AJAX请求结果,每次操作本地变量,不用请求,减少请求次数。
2023-01-13 20:38:27 76
转载 宏任务和微任务的执行顺序
在同一次循环中,微任务不参与事件循环,微任务会被推到当前循环对应的微任务队列中,即使是微任务中的微任务。宏任务将开启新的事件循环。
2023-01-13 20:31:04 5284 1
原创 vue中v-if和v-show的区别及使用场景
v-if是惰性的,只是值为false就不会加载对应元素,为true才动态加载对应元素 v-show:是无论为true还是为false都会加载对应的html代码。首先使用v-if和v-show其视觉效果都是差不多的,当条件不成立的时候,对应的标签元素都是为不可见的,但还是有差别的。链接:https://juejin.cn/post/7185457851354054714。2、v-show适用于需要频繁切换元素的显示和隐藏的场景。1、 v-if适用于不需要频繁切换元素显示和隐藏的情况。作者:不是一个小菜鸟。
2023-01-13 20:26:02 332
转载 vue2和vue3的区别
vue2:vue2是把数据放入data中,在vue2中定义数据变量是data(){},创建的方法要在methods:{}中。vue3:,vue3就需要使用一个新的setup()方法,此方法在组件初始化构造的时候触发。从vue引入reactive;使用reactive()方法来声明数据为响应性数据;使用setup()方法来返回我们的响应性数据,从而template可以获取这些响应性数据。
2023-01-13 20:20:54 8728 1
原创 display的block、inline和inline-block的区别
display的block、inline和inline-block的区别
2023-01-12 21:52:48 136
原创 React.createClass和extends Component的区别有哪些?
React.createClass和extends Component的区别有哪些?
2023-01-12 21:12:34 277
原创 React.Component 和 React.PureComponent 的区别
React.Component 和 React.PureComponent 的区别
2023-01-12 21:11:05 278
原创 cookie 和 session 的区别,localstorage 和 sessionstorage 的区别
cookie 和 session 的区别,localstorage 和 sessionstorage 的区别
2023-01-07 21:46:22 140
原创 cookies,sessionStorage 和 localStorage 的区别
cookies,sessionStorage 和 localStorage 的区别
2023-01-06 22:27:03 48
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人