CSS 语法解析过程 1.在浏览器系列文章中，今天终点讲下CSS解析这块内容.我们已知浏览器的渲染流程中HTML Parser会生成 DOM树，而 CSS Parser会将解析结果附加到 DOM 树上，如下图： image.png 解析分为 ...

promise 前两天遇到一个问题，让多个接口全部都完成，然后进行某项操作，于是就在网上看了一个视频，看了下基础用法，个人觉得讲的不错，就记录下来了 promise分两种阶段, 三种状态 一、 unsettled（未决阶段） 1.unset ...

前言 该部分为书籍 深入理解ES6 第九章(JS的类)笔记 ES5 中的仿类结构 在 ES5 中与类最接近的是: 创建一个构造器, 然后将方法指派到该构造器的原型上, 这种方式通常被称为创建一个自定义类型 function PersonTy ...

image.png 播放器是基于howler.js和vant的vue单页应用，自己写的demo所以没有ui； 可以实现暂停，停止，静音，播放速度设置，上一首，下一首，播放进度，播放进度可以拖动 需要引入howler.js和vant 直接看 ...

html中标签有很多，每一种标签都有着不同的用处，下面这篇文章给大家总结html常用的标签，每一种标签都会跟随一个例子，话不多说，让我们来看看具体内容。我的学习交流群web前端学习交流群字体标签，用于展示效果中修饰文字样式<fo ...

CSS 里面的伪元素其实是非常好用的，但是经常容易被大家忽略，伪元素里面常用到的 content 属性，可能现在很多人仅仅以为 content 属性的值只支持字符串，除了字符串外常用到的还有 uri、counter ，今天所要介绍的就是 c ...

1.伪元素+transform:translateX(-100%); 主要原理是设置文本居中text-align: center;，然后给定两个伪元素，分别绝对定位，那么此时伪元素也是跟随着水平居中的，设置足够的宽度，然后把左边的往左位移1 ...

在网页制作中，元素的显示隐藏是非常常见的需求。本文将介绍元素显示隐藏的9种思路 display 对于元素显隐来说，最常见就是display:none | display:block，但是使用这种方法有个问题，元素的display属性在隐藏前 ...

使用组件的原因: 提高代码可复用性 组件的使用方法 全局注册 HTML: JS: Vue.component(' ...

有服务器,有网站才能做性能优化,需要改网站的后台代码 什么是web性能优化? 用户觉得网站加载快 与前端有关的阶段 用户按下回车之后=> 查看缓存 DNS 查询 建立tcp链接 发送HTTP请求 ETag 后台处理 等 接受相应 接收完 ...