BOM是Browser Object Mode的缩写，表示浏览器对象模型。ES是一种语言，跟具体环境没关系。DOM的作用是将文档转换为相应的对象，它跟具体环境也没有关系。而DOM则是一种将浏览器这个具体的环境对应为一种对象的模型，它提供了E ...

计算图片大小 对于一张 100 * 100 像素的图片来说，图像上有 10000 个像素点，如果每个像素的值是RGBA存储的话，那么也就是说每个像素有 4 个通道，每个通道 1 个字节（8 位 = 1个字节），所以该图片大小大概为 39K ...

1.jpg 当微软宣布 Edge 浏览器将支持 CSS 变量。这个重要的 CSS 新功能，所有主要浏览器已经都支持了。本文全面介绍如何使用它，你会发现原生 CSS 从此变得异常强大。 一、变量的声明 声明变量的时候，变量名前面要加两根连词 ...

经过如此多的试验和测试，而不是说你从头开始创建了所有内容，接着，你在网页上创建了第一个登录表单时，你感觉如何？经过了多次更改后，将布局分配给第一个Web应用程序时感觉如何？当成功处理了数千个用户的操作时，你感觉如何？ 大多数Web开发人员都 ...

1 JS基本概念 1.1 JS简介 前端三层 - HTML —— 结构层从语义的角度描述页面的结构 - CSS —— 样式层从装饰的角度描述页面的样式 - JavaScript —— 行为层从交互的角度描述页面的行为 JS的组成：ECMAS ...

很多时候需要给元素加上个小标签，这时候伪元素经常会被用到，但是呢，有些时候小标签的内容是不固定的，比如好几个菜品，每个菜品都有不同的点赞数。所以如果还用伪元素的话，设置content内容动态化就是关键。 办法 动态渲染元素时，指定自定义属性 ...

手摸手写一个Modal插件 首先封装一个组件modal,其中各个参数的作用在上面都进行了解析 image 主角组件 modal.js import { Fragment, Component } from 'react'; import c ...

多年来，业界已经发布了大量 JavaScript 框架，怎样进行选择可能是一个挑战。如果你感到困惑，不知道应该选哪个或者究竟哪个适合你，那么我已经帮你解决了问题。在本文中，我将列出用来构建 Web 应用程序的前10个 JavaScript ...

CSS自定义属性的工作方式有点像SASS和其他预处理器中的变量，主要的区别在于其它方法都是在浏览器中编译后生成，还是原本的CSS写法。CSS自定义属性是真正的动态变量，可以在样式表中或使用javascript即时更新，这使得它们具有更多的可 ...

在这篇文章中，我们将使用:placeholder-shown伪类创建一个浮动的问题标签效果，使用纯CSS实现。 浮动的文字标签 当我们处理输入框时，会想方设法提供给用户更好的体验。有两个标签属性是我们经常会用到的： label标签是关联表单 ...