前端
文章平均质量分 67
简笔记
敲代码的小兔子
展开
-
趣悟第2期:原型链
Duang Duang Duang!!!今天记录的是面试中关于JS的一个经典问题:说说你了解的原型链!说到原型链,就必须放出下面这张神图啦!不知道有没有小伙伴和我一样,刚接触原型链的时候看这张图真的是一脸懵逼。只好逼着自己一点点的去分析啦!在说原型链之前,有必要先说明构造函数、实例对象、原型之间的关系。在使用构造函数创建实例对象的时候,就会涉及到这三个概念。请看明晃晃的例子:func...原创 2021-05-25 16:03:17 · 174 阅读 · 0 评论 -
趣悟第1期:CSS盒子模型
Duang Duang Duang!!!小伙伴们校招面试的时候是不是经常被面试官问这样的问题:能说说你了解的盒子模型吗?能!当然能!这是一个很基础的前端问题,在校招面试时,面试官想考察你前端基础功的时候,会经常被问到哦。标准的盒模型主要有两种:标准(W3C)盒模型IE盒模型两者的区别主要在于元素宽度计算方式不一样。盒子模型构成:内容(content)、内填充(padding)、 ...原创 2020-03-12 22:14:44 · 160 阅读 · 0 评论 -
Vue Router使用query和params传参的使用和区别
Vue Routerr使用query和params传参的使用和区别前言:params、query是什么?1. query方式传参和接收参数2. params方式传参和接收参数因为最近在写关于Vue的项目(甩个链接,欢迎star:https://github.com/HeMin0919/cloudmusic)总结一下使用query和params传参的使用注意: 传参是this.$router ...原创 2019-07-08 16:00:05 · 350 阅读 · 0 评论 -
三次握手与四次挥手过程详解
三次握手与四次挥手过程详解三次握手建立连接:传输数据过程:四次握手断开连接:常见面试问题:TCP通信过程包括三个步骤:建立TCP连接通道,传输数据,断开TCP连接通道上图主要包括三部分:建立连接、传输数据、断开连接。建立TCP连接很简单,通过三次握手便可建立连接。建立好连接后,开始传输数据。TCP数据传输牵涉到的概念很多:超时重传、快速重传、流量控制、拥塞控制等等。断开连接的过程也很...原创 2019-04-15 15:21:18 · 4210 阅读 · 0 评论 -
HTML5缓存机制
HTML5缓存机制背景浏览器支持Manifest怎么更新缓存写在最后背景离线缓存是HTML5提供的新功能.利用HTML5提供的离线缓存功能可以将站点的一些常用的文件缓存到本地,在没有网络的情况下依旧可以访问缓存的页面。可以被缓存的文件类型有很多,包括但不限于html,css,js,静态图片资源等。事实上,离线缓存不仅仅在没有网络的情况下会被使用,当有网络的情况下,本地缓存过的文件依旧会被优...原创 2018-12-25 19:01:31 · 917 阅读 · 0 评论 -
啊,原来css居中是这样的简单!(第3期)
啊,原来CSS居中是这样的简单(第3期)写在前面常用居中方案(水平)垂直居中方案写在最后写在前面css居中方案是一个老生常谈的问题,主要包括水平居中和垂直居中,水平居中大家用的比较多,最常用的莫过于margin:0 auto方案了,而垂直居中,很多时候会让很多新手头疼。常用居中方案(水平)margin:0 auto解决方案 (水平居中)适用于已经知道宽度,并且其父级宽度不为0的元素水平...原创 2019-01-04 09:55:50 · 330 阅读 · 0 评论 -
让人又爱又恨的iframe(第3期)
让人又爱又恨的iframe(第3期)iframe有那些缺点?iframe和frame的区别iframe有那些缺点?iframe会阻塞主页面的Onload事件搜索引擎的检索程序无法解读这种页面,不利于SEOiframe和主页面共享连接池,而浏览器对相同域的连接有限制,所以会影响页面的并行加载使用iframe之前需要考虑这两个缺点。如果需要使用iframe,最好是通过javascript动...原创 2019-01-04 09:43:45 · 168 阅读 · 0 评论 -
CSS3有哪些新特性?(第3期)
CSS3有哪些新特性?(第3期)CSS3有哪些新特性?CSS3有哪些新特性?新增选择器 p:nth-child(n){color: rgba(255, 0, 0, 0.75)}弹性盒模型 display: flex;多列布局 column-count: 5;媒体查询 @media (max-width: 480px) {.box: {column-count: 1;}}个性化字体 @...原创 2019-01-04 09:36:59 · 295 阅读 · 0 评论 -
HTML5有哪些新特性?
HTML5有哪些新特性?新增的功能HTML5移除了那些元素?怎么样处理h5新标签的兼容问题怎么样区分HTML和HTML5新增的功能更加语义化的元素。 article、footer、header、nav、section本地化储存。 localStorage 和 sessionStorage离线应用,离线缓存。 manifest拖曳以及释放的api。 Drag and drop媒体播放。...原创 2019-01-04 09:28:03 · 624 阅读 · 0 评论 -
你对浏览器内核了解多少呢?
cookies,sessionStorage和localStorage的区别cookies,sessionStorage和localStorage存储大小:有效时间:cookies,sessionStorage和localStoragecookie是网站为了标示用户身份而储存在用户本地终端(Client Side)上的数据(通常经过加密)cookie数据始终在同源的http请求中携带(即使...原创 2018-12-11 18:20:05 · 213 阅读 · 0 评论 -
Doctype作用?标准模式与兼容模式各有什么区别?
Doctype作用?标准模式与兼容模式各有什么区别?Doctype作用?标准模式与兼容模式各有什么区别?HTML5 为什么只需要写 ?Doctype作用?标准模式与兼容模式各有什么区别?声明位于位于HTML文档中的第一行,处于 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现标准模式的排版和JS运作模式都是以该浏览器支持...原创 2018-12-11 16:30:50 · 1892 阅读 · 0 评论 -
介绍一下标准的CSS的盒子模型?低版本IE的盒子模型有什么不同的?
介绍一下标准的CSS的盒子模型?低版本IE的盒子模型有什么不同的?标准(W3C)盒模型怪异(IE)盒模型这是一个很基础的前端问题,在考察前端基础功底的时候,特别是在校招的情况下会经常被问到。标准的盒模型主要有两种:标准(W3C)盒模型,怪异(IE)盒模型 。两者的区别就在于元素宽度计算方式不一样。盒子模型构成:内容(content)、内填充(padding)、 边框(border)、外边距(m...原创 2018-12-11 16:25:48 · 1900 阅读 · 0 评论 -
详解localstorge,seesionstorage
详解localstorge,seesionstorage写在前面介绍(MDN)基本用法storage 事件写在前面这篇文章将对H5提供的sessionStorage以及localstorge做一个详细的介绍篇幅如下:介绍基本用法不同存储方式之间的区别介绍(MDN)sessionStorage属性允许你访问一个 session Storage 对象。它与 localStora...原创 2018-12-21 15:36:45 · 356 阅读 · 1 评论 -
使用link和@import有什么区别?
使用link和@import有什么区别?页面导入样式时,使用link和@import有什么区别?页面导入样式时,使用link和@import有什么区别?link属于XHTML标签,除了加载CSS外,还能用于定义RSS,定义rel连接属性等作用;而@import是CSS提供的,只能用于加载CSS页面被加载的时,link会同时被加载,而@import引用的CSS会等到页面被加载完再加载兼容性...原创 2018-12-21 15:29:26 · 448 阅读 · 1 评论 -
cookies,sessionStorage和localStorage的区别
cookies,sessionStorage和localStorage的区别cookies,sessionStorage和localStorage存储大小:有效时间:cookies,sessionStorage和localStoragecookie是网站为了标示用户身份而储存在用户本地终端(Client Side)上的数据(通常经过加密)cookie数据始终在同源的http请求中携带(即使...原创 2018-12-21 15:26:23 · 333 阅读 · 0 评论