前端知识框架

这是我参与8月更文挑战的第16天，活动详情查看：8月更文挑战 注册事件的其他方法 打点调用onclick 之前介绍过, 这里不再赘述. element.addEventListener() 方法 注意

DOM 的概念 文档对象模型（Document Object Model，简称 DOM），是 W3C 组织推荐的处理可扩展标记语言的标准编

这是我参与8月更文挑战的第12天，活动详情查看：8月更文挑战 简单类型和复杂类型的区别 基本类型又叫做值类型，复杂类型又叫做引用类型 • 值类型：简单数据类型，基本数据类型，在存储时，变量中存储的是值

下面代码是为了实现一个类似相册的功能, 为了加快速度只加载小图, 当用户点击小图的时候才在下面的框中显示对应的大图. 初始的大图是一张空白图片. 上面的代码中, 遍历数组给每个<a>标签都绑定单机时间

JavaScript 的对象是无序属性的集合, 其属性可以包含基本值、对象或函数。对象就是一组没有顺序的值。我们可以把 Jav

JavaScript 代码的执行是由浏览器中的 JavaScript 解析器来执行的。JavaScript 解析器执行JavaScript

IIFE IIFE：immediately-invoked function expression，叫做即时调用的函数表达式，也叫做自调用函数，表示函数在定义时就立即调用。 函数调用方式：函数名或函数

算术运算符非正常情况1: 有特殊值字面量参与的运算 NaN参与的运算：得到的结果都是NaN Infinity参与

Bootstrap简介 Bootstrap 来自Twitter, 是目前最受欢迎的前端框架, 它是基于HTML/ CSS和JavaScript的, 它简单灵活, 使得web开发更加快捷. 框架 顾名思

select option 下拉框只能下拉选择存在的值, 不能自己输入. datalist 用户可以自己输入, 可以自动匹配. value的值也与select option方法有区别.

上下结构 思路 效果 (蓝色部分): 代码: html: css: 单行排列 可以将每个图标及其对应的文字作为一个li, 那么一行就有五个li. 然后为每个li 设置flex:1; , 这样五个元素就

适配的目标 让一些不能等比自适应的元素, 达到当设备尺寸发生改变的时候, 等比例适配当前设备. 使用媒体查询, 根据不同设备按照比例设置HT

背景 有两个div父盒子, 内部子元素是浮动的: 方法一: 设置父元素高度 添加父元素高度, 值等于子元素高度 缺点: 如果浮动的子元素大小改变, 父元素不能自适应 方法二: 给父元素添加clear属

安装步骤 安装nodejs, 根据操作系统版本从官网下载对应的安装包 官网下载链接: https://nodejs.org/en/download/ 比如我的电脑是Windows10 64位, 就选择

问题一 使用background制作制作一个类似下图的圆弧形渐变背景图 思路 需要在当前的基础上制作一个更大的盒子, 如下图红框部分所示 (比如设置width为150%). 然后通过设置盒子的bord

![CSS.jpeg](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/764b9979e3b748ccb7364a12fee705bc~tplv-