浏览器回流与重绘 之所以能在页面上看到内容，是因为浏览器拿到服务器发送的数据后，开始做解析标签样式的操作，然后维护了一棵Dom树和Style树。 回流（重排）：是指浏览器重新刷新整个或者部分模块的Dom或者Style树，然后在页面上进行重 ...

本章在上章内容的基础上简单扩展一下，先说下模块的规范，有哪些标准，然后谈下webpack的loader怎么用以及使用webpack中的babel-loader简单打包一下。 git仓库：webpack-demo 1、模块化规范 上章我们知 ...

CSS的作用是给 HTML 元素添加样式和布局，接下来利用CSS的 white-space 和 overflow 这两个属性让元素实现左右滑动，效果如下： 左右滑动的菜单.gif 点击按钮 day4-前端 菜单会滚动到中间，在iOS中想要实 ...

初级前端和高级前端有什么差别？在我看来，初级前端关注点在完成功能，高级前端能在完成功能的基础上，做的又好又快。做的好，就是代码质量高，做的快就是开发效率高。 本文讨论的主要内容是：提升代码质量的方法。 高质量的代码的重要性 高质量的代码体现 ...

一、图片懒加载原理 浏览器是否发起请求图片是根据中src的属性，所以实现原理就是在图片没有进入可视区域的时候将图片链接放在datasrc中，等到图片载入可视区域再给src赋值 二、懒加载思路及实现 懒加载的实现这里提供的两种方法 ...

下面开始介绍如何使用vue+highcharts来绘制中国地图。一、工具前端框架：vue的2.5版本，官网地址为https://cn.vuejs.org/；图表库：highcharts的7.1版本，官网地址为https://www.high ...

Ant Design中的Tree不能直接拿来满足设计图的样子和需求，按还是基于andt的Tree进行了一些改造。 问题：自定义树节点的展开/折叠图标 antd提供了一个switcherIcon属性，用来自定义图标 但是没有专门区分展开和折叠 ...

本文首发于个人技术网站 艾特网 - 程序员导航站 之前用伪元素before和after实现了一版组件对齐辅助线，组件的拖拽缩放用的是这个库 Github直达 实现的功能为：点击组件的时候，组件高亮并且辅助线在左上角显示。如下图 image ...

问题 活体实名认证，需要移动端H5上传视频，需求是只调取摄像头、文件格式为mp4格式 实现方案 HTML ...

作为前端，我们每天都在与CSS打交道，那么CSS的原理是什么呢？一、浏览器渲染开篇，我们还是不厌其烦的回顾一下浏览器的渲染过程，先上图： 正如上图所展示的，我们浏览器渲染过程分为了两条主线：其一，HTML Parser 生成的 DOM 树； ...