前端基础
文章平均质量分 69
前端基础知识,包括基础的HTML+CSS+JavaScript
Mirror颜瑟
这个作者很懒,什么都没留下…
展开
-
栈内存 & 堆内存 (数据类型间的存储区别)
内存的概念栈内存 Stack(可以理解为运行内存,如内存条):所谓栈内存,其实就是在计算机内存中分配出来的一块空间。用于提供浏览器执行代码的执行环境,以及存储基本类型值。堆内存 Heap (可以理解为存储空间,如硬盘):用于存储引用类型值。基本数据类型基本数据类型有哪些?JS 的基本数据类型有:数字、字符串、布尔值、null、undefined、symbol(ES6新增)。也就是除了对象(引用数据类型)外都是基本数据类型。基本数据类型执行过程:(明确步骤,顺序不可颠倒)创建一个值原创 2021-05-11 13:47:57 · 963 阅读 · 0 评论 -
CSS选择器 & 优先级及计算 & 性能优化
CSS 选择器什么是 CSS 选择器?CSS 选择器是选取需设置样式的元素的模式。CSS有哪些选择器?基本选择器:通配符选择器*:选择所有元素 或 某个元素下的所有元素。元素选择器:以文档的元素作为选择器(如 span)。ID 选择器#id-name。Class 选择器.class-name。后代选择器E F:用空格,在 E 的后代中选择所有和 F 匹配的元素,也比较常用。相邻兄弟选择器E + F:选择紧接在 E 元素后且和 F 匹配的元素。通用兄弟选择器E ~ F:在 E 后的原创 2021-03-22 14:40:08 · 701 阅读 · 0 评论 -
JS 箭头函数与普通函数的区别
ES6 新增加了箭头函数的语法,如果你还不知道什么叫箭头函数表达式,请戳这里查看 关于箭头函数的描述概括来说借用MDN的话:箭头函数表达式的语法比函数表达式更简洁,并且没有自己的this,arguments,super或new.target等,也不能用作构造函数。箭头函数表达式更适用于那些本来需要匿名函数的地方。深究地看1. this(执行上下文)的指向区别普通函数中的this:在简单调用中,非严格模式下指向window对象;严格模式下为undefined。function nor原创 2021-03-05 14:25:38 · 226 阅读 · 1 评论 -
JS 转换格林尼治时间
1. toUTCString()toUTCString()方法可根据世界时(UTC)把Date转换为字符串,并返回结果。2. toGMTString()toGMTString()方法根据格林尼治时间(GMT)将 Date 对象转换为字符串,并返回结果。现在把0时区的时间称之为世界时间,toGTMString()和toUTCString()的作用是一样的,由于语义上的原因,以后可能toGTMString()方法会被弃用,所以建议使用toUTCString()。3. getTimezoneOffset原创 2020-11-23 15:12:31 · 4009 阅读 · 0 评论 -
CSS 内容溢出省略显示
内容溢出省略显示的功能都需要满足一个条件: 容器有宽度限制。1. 单行文本溢出省略单行溢出省略的实现比较简单,CSS自身支持,且几乎所有浏览器都能支持。涉及到的CSS属性:overflow:规定当内容溢出元素框时发生的事情。visible:默认。溢出内容可视,不被修剪。hidden:溢出内容被隐藏。scroll:始终显示滚动条,溢出部分滚动显示。auto:内容溢出时自动出现滚动条,溢出部分滚动显示。text-overflow:规定当文本溢出包含元素时发生的事情。clip:直接修原创 2020-09-09 16:32:19 · 410 阅读 · 0 评论 -
JS 声明提升
JS 的声明提升指 JS 运行机制会将变量的声明语句提升到它所在作用域顶端,导致变量在代码的声明语句之前就可以使用。定义常量或变量的声明命令:var、let、const中,只有var命令存在声明提升,值为undefined。console.log(a); // => undefinedvar a = 123;// 相当于var a;console.log(a); // a =...原创 2019-04-01 19:56:12 · 280 阅读 · 0 评论 -
JS 闭包
JS 会实现词法作用域,函数对象的内部状态不仅包含函数的代码逻辑,还必须引用当前的作用域链。概念:函数对象通过作用域链相互关联,函数体内部的变量都可以保存在函数作用域内,具有这种特性的函数叫做“闭包”。从技术角度讲,所有的JS函数都是闭包:它们都是对象、都关联到作用域链。定义大多数函数时的作用域链在调用函数时依然有效,但这不影响闭包。理解闭包首先要了解嵌套函数的词法作用域规则。var sc...原创 2019-04-07 11:49:05 · 142 阅读 · 0 评论 -
构造函数 & 原型 & 类
Remenber:JS 中,万物皆对象!1. 构造函数构造函数:用于初始化一个对象的函数(理论上,任何函数都可以作为构造函数)。JS 语言核心中的原始类型都包含内置的构造函数。var o = new Object(); // c初始化一个空对象var r = new RegExp('js'); // 初始化一个可以进行模式匹配的RegExp对象function Range...原创 2019-07-02 15:35:32 · 297 阅读 · 0 评论 -
CSS 选择器
CSS 中有很多选择器,功能齐全,但往往会被我们忽视。一、基本选择器通配符选择器*:选择所有元素,也可以选择某个元素下的所有元素。元素选择器元素选择器是 CSS 中最基本且最常见的选择器,就是通过 HTML 元素名进行选择,这里就不罗列和赘述。ID 选择器#idName:常用,不赘述。类选择器.className:常用,不赘述。后代选择器E F:用空格,...原创 2019-06-18 13:24:45 · 151 阅读 · 0 评论 -
当flex布局遇上min-width
这几天遇到一个及其神奇的事情:flex布局遇上white-space:nowrap,这个布局就崩了!!!在项目的某个页面中要做一个Menu(这个Menu不是项目的主Menu,而是某个页面中的内容),预想是做成这个样子的:因为Menu必须要和旁边一样高,而rightContent的内容是动态的,不确定究竟有多高,想到用绝对布局,但这种绝对布局,还是能不用就不用吧。然后我就用flex布局了,写了...原创 2018-11-16 10:17:36 · 2072 阅读 · 1 评论 -
Transform 对元素渲染的影响
CSS 的 transfrom 属性真的让人又爱又恨,虽然功能挺不错,但有些情况下,还是常常对页面产生莫名其妙的影响。来看下 HTML 结构:<div class="container"> <div class="child"></div></div>当容器设置了溢出隐藏,其子元素溢出容器的部分自然会被隐藏,但是当子元素设置了绝对定...原创 2019-09-24 15:32:38 · 685 阅读 · 0 评论 -
关于vertical-align的种种
有些时候 vertical-align 的渲染结果并不同我们想象的一样。虽然现在已经有很多 CSS 属性可以完美替代 vertical-align 的渲染效果,但有些时候碰到还是很头疼,所以最好还是搞清楚它。☆作用对象:inline、inline-block子元素。如果作用对象是块级元素,这个属性会失效。1. 属性值值描述baseline(default) 元素...原创 2019-11-25 14:41:07 · 339 阅读 · 0 评论 -
CSS 清除浮动
清除浮动的方法:给浮动元素的父元素设置高度:<div class="container"> <div class="float"></div></div>.container { height: 200px; /* 设置明确高度 */}.float { float: left;}给最后一个浮动元素后添加额外标签来清理浮动。 ( 建议不要为了清除浮动专门添加元素,会产生冗余元素)<div class="contain原创 2020-06-01 16:31:36 · 128 阅读 · 0 评论 -
实现页面跳转的方法
在 HTML 中实现页面跳转按钮式(JS 实现原理):<input name="##" type="button" value="##" οnclick="location.href='链接'">链接式 —— 返回上一步:<a href="javascript:history.go(-1)">返回上一步</a><a href="<...原创 2019-09-16 17:06:22 · 477 阅读 · 0 评论