关键字:HTML
  • 「三」浏览器中CSS 语法解析过程
    CSS 语法解析过程 1.在浏览器系列文章中,今天终点讲下CSS解析这块内容.我们已知浏览器的渲染流程中HTML Parser会生成 DOM树,而 CSS Parser会将解析结果附加到 DOM 树上,如下图: image.png 解析分为 ...
  • ES6 Promise 执行流程
    promise 前两天遇到一个问题,让多个接口全部都完成,然后进行某项操作,于是就在网上看了一个视频,看了下基础用法,个人觉得讲的不错,就记录下来了 promise分两种阶段, 三种状态 一、 unsettled(未决阶段) 1.unset ...
  • 九: ES6 Class 类
    前言 该部分为书籍 深入理解ES6 第九章(JS的类)笔记 ES5 中的仿类结构 在 ES5 中与类最接近的是: 创建一个构造器, 然后将方法指派到该构造器的原型上, 这种方式通常被称为创建一个自定义类型 function PersonTy ...
  • h5音频播放器实现
    image.png 播放器是基于howler.js和vant的vue单页应用,自己写的demo所以没有ui; 可以实现暂停,停止,静音,播放速度设置,上一首,下一首,播放进度,播放进度可以拖动 需要引入howler.js和vant 直接看 ...
  • html常用标签大全
    html中标签有很多,每一种标签都有着不同的用处,下面这篇文章给大家总结html常用的标签,每一种标签都会跟随一个例子,话不多说,让我们来看看具体内容。我的学习交流群web前端学习交流群字体标签,用于展示效果中修饰文字样式<fo ...
  • web前端入门到实战:CSS 计数器
    CSS 里面的伪元素其实是非常好用的,但是经常容易被大家忽略,伪元素里面常用到的 content 属性,可能现在很多人仅仅以为 content 属性的值只支持字符串,除了字符串外常用到的还有 uri、counter ,今天所要介绍的就是 c ...
  • web前端入门到实战:CSS实现自适应分隔线的 8 种方法
    1.伪元素+transform:translateX(-100%); 主要原理是设置文本居中text-align: center;,然后给定两个伪元素,分别绝对定位,那么此时伪元素也是跟随着水平居中的,设置足够的宽度,然后把左边的往左位移1 ...
  • web前端入门到实战:元素显示隐藏的9种思路
    在网页制作中,元素的显示隐藏是非常常见的需求。本文将介绍元素显示隐藏的9种思路 display 对于元素显隐来说,最常见就是display:none | display:block,但是使用这种方法有个问题,元素的display属性在隐藏前 ...
  • Vue组件详解
    使用组件的原因: 提高代码可复用性 组件的使用方法 全局注册 HTML: JS: Vue.component(' ...
  • web性能优化
    有服务器,有网站才能做性能优化,需要改网站的后台代码 什么是web性能优化? 用户觉得网站加载快 与前端有关的阶段 用户按下回车之后=> 查看缓存 DNS 查询 建立tcp链接 发送HTTP请求 ETag 后台处理 等 接受相应 接收完 ...

暂无数据