维他奶℃ - 博客园

2020年10月11日

摘要：首先var 、let、const都是定义值的。 1.const定义的变量不可以修改，而且必须初始化。 1 const b = 2;//正确 2 // const b;//错误，必须初始化 3 console.log('函数外const定义b：' + b);//有输出值 4 // b = 5; 5 / 阅读全文

posted @ 2020-10-11 17:39 维他奶℃ 阅读(144) 评论(0) 推荐(0)

什么是跨域与实现跨域方法

摘要：一、什么是跨域？ 1.什么是同源策略及其限制内容？同源策略是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSRF等攻击。所谓同源是指"协议+域名+端口"三者相同，即便两个不同的域名指向同一个ip地址，也非同源。同源策略限制内容有： Cookie、Lo 阅读全文

posted @ 2020-10-11 17:22 维他奶℃ 阅读(159) 评论(0) 推荐(0)

从输入URL到页面加载发生了什么

摘要：总体来说分为以下几个过程: 1、浏览器的地址栏输入URL并按下回车。 2、浏览器查找当前URL是否存在缓存，并比较缓存是否过期。 3、DNS解析URL对应的IP。 4、根据IP建立TCP连接（三次握手）。 5、HTTP发起请求。 6、服务器处理请求，浏览器接收HTTP响应。 7、渲染页面，构建DOM 阅读全文

posted @ 2020-10-11 17:00 维他奶℃ 阅读(103) 评论(0) 推荐(0)

for…in与for…of的区别

摘要：首先，一句话概括：for in是遍历（object）键名，for of是遍历（array）键值。 for...in for...in 循环只遍历可枚举属性（包括它的原型链上的可枚举属性）。像 Array和Object使用内置构造函数所创建的对象都会继承自Object.prototype和String 阅读全文

posted @ 2020-10-11 16:41 维他奶℃ 阅读(1179) 评论(0) 推荐(0)

set与map的区别

摘要： Map Map对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值。构造函数Map可以接受一个数组作为参数。 Map和Object的区别一个Object 的键只能是字符串或者 Symbols，但一个Map 的键可以是任意值。 Map中的键值是有序的（FIFO 原则），而添加到对象中的阅读全文

posted @ 2020-10-11 16:21 维他奶℃ 阅读(16469) 评论(0) 推荐(1)

2020年10月5日

JS非常实用的技巧

摘要： 1.三元操作符当想写if...else语句时，使用三元操作符来代替。 const x = 20; let answer; if (x > 10) { answer = 'is greater'; } else { answer = 'is lesser'; } 简写： const answer = 阅读全文

posted @ 2020-10-05 11:27 维他奶℃ 阅读(118) 评论(0) 推荐(0)

2020年9月29日

前端五大主流网页布局

摘要：主流前端五大网页布局包括：静态布局、流式布局、自适应布局、响应式布局、弹性布局。接下来介绍这五大网页布局。一、静态布局（static layout）即传统Web设计，网页上的所有元素的尺寸一律使用px作为单位。 1、布局特点不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。常阅读全文

posted @ 2020-09-29 16:33 维他奶℃ 阅读(3720) 评论(0) 推荐(0)

HTML5和HTML有什么区别？

摘要：很多没有学过HTML5大前端的同学，对HTML5并不了解，经常会提出疑问：HTML5与传统HTML有什么区别？下面本篇文章就来给大家介绍一下HTML5和HTML两者之间的区别，希望对你有所帮助。首先，先明白HTML与HTML5是什么？什么是html5呢？ html5最先由WHATWG(Web 超阅读全文

posted @ 2020-09-29 15:58 维他奶℃ 阅读(309) 评论(0) 推荐(0)

2020年9月26日

IE8兼容性问题的解决方案

摘要：对于IE8没什么好说的，优点就是可以下载其他浏览器，自行体会吧！ 1.border-radius 圆角圆角在ie8下也是不支持的，需要下载一个文件PIE.htc，亲测有效，代码如下： border-radius: 25px; /*兼容圆角*/` -ms-behavior:url(/portal/t 阅读全文

posted @ 2020-09-26 15:38 维他奶℃ 阅读(349) 评论(0) 推荐(0)

2020年9月7日

css – 为什么“左：50％,transform：translateX(-50％)”水平居中的元素？

摘要：最近了解flex布局，关于居中对齐的，根据之前的居中对齐有：margin: 0 auto 现在介绍另一种方法：这个更简单的方法来水平对齐绝对定位的元素：因为CSS left属性基于父元素的大小。 transform属性基于目标元素的大小。最后，希望能够对你有所帮助！！！阅读全文

posted @ 2020-09-07 15:03 维他奶℃ 阅读(1783) 评论(0) 推荐(0)