2020年5月19日
MVC、MVP、MVVM模型
摘要： 在学习vue、react的过程中，总能看到MVVM模型，那么MVVM究竟是什么，下面将我最近看到的资料以及自己的想法总结一下。 与MVVM相似的，还有MVC、MVP，先从MVC、MVP这两个入手，方面后面对MVVM的理解。 一、 MVC M：Model，即模型，也可以理解为数据层，用于封装数据以及数 阅读全文
posted @ 2020-05-19 22:49 KeyNG 阅读(278) 评论(0) 推荐(0)
ES6新特性
摘要： ES6 主要是为了解决 ES5 的先天不足，在原先ES5的基础上新增了许多内容，本篇文章将列举出ES6中新增的10大特性。 一、 let 和 const 与var不同，let和const都是用于命名局部变量，都是块级作用域。具体可参考阮一峰老师的文章：http://es6.ruanyifeng.co 阅读全文
posted @ 2020-05-19 15:36 KeyNG 阅读(338) 评论(0) 推荐(0)
从输入地址到页面加载完成经历了什么
摘要： 从用户输入地址到浏览器加载界面，主要过程如下： DNS解析 TCP连接 发送HTTP请求 服务器接收请求并响应 浏览器解析并进行渲染 连接结束 下面进行具体过程分析 一、 DNS解析 通俗地来讲，DNS解析就是讲用户输入的站点地址解析成服务器所在的ip地址。用户在浏览器中输入的地址并不是该域名真正意 阅读全文
posted @ 2020-05-19 14:58 KeyNG 阅读(307) 评论(0) 推荐(0)
2020年5月17日
三次握手和四次挥手
摘要： 三次握手过程理解 第一次握手：建立连接时，客户端发送syn包（syn=x）到服务器，并进入SYN_SENT状态，等待服务器确认；SYN：同步序列编号（Synchronize Sequence Numbers）。 第二次握手：服务器收到syn包，必须确认客户的SYN（ack=x+1），同时自己也发送一 阅读全文
posted @ 2020-05-17 15:52 KeyNG 阅读(134) 评论(0) 推荐(0)
CSS sprites的定义及使用
摘要： 定义：CSS sprites 其实就是把网页中的一些背景图片整合到一张图片文件中，再利用CSS的“background-image”、“background-repeat”、“background-position”的组合进行背景定位，background-position可以用数字精确地定位出背景 阅读全文
posted @ 2020-05-17 15:13 KeyNG 阅读(528) 评论(0) 推荐(0)
2020年5月13日
CSS盒子模型
摘要： 1、盒模型：内容（content）、填充（padding）、边框（border）、边界（margin） 2、盒子模型分为两种：IE盒子模型、标准W3C盒子模型；区别就是IE盒子模型的content包括了padding和border 阅读全文
posted @ 2020-05-13 17:56 KeyNG 阅读(109) 评论(0) 推荐(0)
position两种绝对定位的区别
摘要： position绝对定有两种，分别为absolute和fixed 一、共同点： 1.改变行内元素的呈现方式，display被置为inline：block 2.让元素脱离普通流，不占据空间 3.默认会覆盖到非定位元素上 二、不同点： 1.absolute的“根元素”是可以设置的，而fixed的“根元素 阅读全文
posted @ 2020-05-13 17:49 KeyNG 阅读(354) 评论(0) 推荐(0)
position中的四种属性
摘要： Position有四个属性值，分别是static 、fixed、 relative 、absolute。 第一个属性值是static，这是position的默认属性，一般我们都不会用到它，所以也很少提到它，但是在特殊的情况下，它又有着不可替代的作用，比如，在媒体查询页面当中，正常页面当中需要给元素加 阅读全文
posted @ 2020-05-13 17:43 KeyNG 阅读(2527) 评论(0) 推荐(0)
CSS中link和@import的区别
摘要： 1、link属于HTML标签，而@import是CSS提供的 2、页面被加载时link会同时被加载；而@import引用的CSS会等到页面被加载完再加载 3、@import只在IE5以上才能识别，而link是HTML标签，并不存在兼容问题 阅读全文
posted @ 2020-05-13 17:34 KeyNG 阅读(216) 评论(0) 推荐(0)
隐藏对应元素的办法
摘要： display：none 隐藏对应的元素，在文档布局中不再给它分配空间，它各边的元素也会合拢，就像不存在了一样 visibility：hidden 隐藏对应的元素，但是在文档布局中还是保留着空间，就像隐身（可见度为0）了一样 阅读全文
posted @ 2020-05-13 17:30 KeyNG 阅读(189) 评论(0) 推荐(0)