首页
AI Coding
数据标注
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
前端基础
同乐
创建于2022-12-20
订阅专栏
本专栏总结了部分前端基础知识。
暂无订阅
共20篇文章
创建于2022-12-20
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
JS 浏览器本地存储 cookie localStorage sessionStorage
cookie、localStorage、sessionStorage 都是常用的浏览器本地存储本地存储方式。本文简单介绍了 cookie、localStorage、sessionStorage。
HTML5 与 HTML 历史
html是网页的骨架,前端三剑客之一。从 1993 年 IETF 发布了第一份草案以来,HTML 已经经历了近30年的发展。本文梳理了 HTML 各版本的发展历史,和部分 HTML5 的新特性。
CSS 盒模型简述
盒模型是 CSS 中重要的模型。本文先介绍了内部和外部显示类型,再较为详细的介绍了盒模型,最后讲解了盒模型水平布局的特点。
CSS BFC 简述
BFC,块级排版上下文。如果一个元素符合触发BFC的条件,则BFC中的元素布局不受外部影响。本文介绍了为什么会有 BFC 以及 BFC 的特点及其作用。
CSS 高度塌陷与清除浮动
使用浮动布局时,经常会有子元素使用浮动导致父元素高度丢失的问题,非常影响页面布局。本文介绍了高度塌陷形成的原因,以及清除浮动解决高度塌陷问题的几种方法。
CSS position 简述
本文简单介绍了 定位(position)的布局方式。定位(position)是一种更加高级的布局手段,通过定位可以将元素摆放到页面的任意位置。
CSS flex 简述
flex 布局十分灵活且实用。本文先说明了为什么会有弹性盒子,再介绍了 flex 布局的基本概念,最后介绍了flex 属性语法。
CSS grid 简述
本文先说明了为什么会有 grid 布局,简单介绍了 flex 布局和 grid 布局的区别,较为详细的介绍了 grid 布局的概念。
CSS 经典布局实现-双列布局、三列布局
双列(两栏)布局和三列(三栏)布局是最简单的布局了,小试牛刀,并不复杂,本文布局均使用 float、position、flex、grid 四种方法实现并讲解了基本思路。
CSS 经典布局实现-圣杯布局、双飞翼布局
本文介绍了圣杯布局与双飞翼布局出现的原因、实现和缺点。圣杯布局与双飞翼布局都是前端布局的重要内容。古早时期为了解决布局问题而诞生的经典模板仍然值得我们研究与思考。
CSS 经典布局实现-水平垂直居中
水平垂直居中是布局中经常使用到的样式,有许多方法都可以实现。本文介绍了利用绝对定位、table-cell + inline-block、flex、grid 实现水平垂直居中的方式。
CSS 经典布局实现-粘连布局
粘连布局(sticky footer)也是常用的经典布局之一。本文介绍了什么是粘连布局以及使用 `margin`、flex、grid 实现粘连布局。
CSS 经典布局实现-等高布局
在进行多栏布局时,我们经常会碰到因为内容大小不一导致各栏高度不一样的问题,比如圣杯布局中三栏的高度问题。这个时候我们就需要使用等高布局让各栏的高度对齐。本文介绍了利用实现等高布局的方案。
CSS 经典布局实现-品字布局
面试中可能会有要求实现品字布局。本文介绍了利用 float 或 `inline-block` 实现品字布局的方法。
CSS 经典布局实现-九宫格布局
面试中可能会有要求实现九宫格布局。本文介绍了利用 float、inline-block、table、flex、grid 实现品字布局的方法。
CSS 从 Twitter 网页布局入门媒体查询
本文先以 BFE.dev 上的一道 CSS 问题 Twitter 网页布局为引,介绍了媒体查询的基本用法,之后讲解了如何使用 flex 布局和媒体查询实现本题的响应式布局。
CSS 预处理器简述
CSS与编译器现如今几乎成为开发CSS的标配,大幅度提高了使用 CSS 的开发效率。本文简单介绍了 CSS 预处理器和 Less 与 Scss 预处理语言。
JS 中的 this
JavaScript 中的 this 表现与其他语言略有不同。本文介绍了 this 在不同情况下的指向,包括全局作用域,默认绑定,隐式绑定,显式绑定,构造函数,箭头函数。
JS 作用域与闭包
闭包就是函数可以访问他被创建时所处的上下文环境。本文首先简单介绍了闭包产生的原理,之后简单介绍了执行上下文(执行环境)和作用域的基本概念,以便理解闭包。
JS 原型与原型链
原型与原型链是 JavaScript 中重要的知识点。本文先介绍了 JavaScript 中继承和原型的概念,如何详细讲解了原型与原型链,最后通过演示 `new` 的过程加深对原型链的理解。