020web前端入门的自学线路 新手入门前端，需要学习的基础内容有很多，如下。 一、HTML、CSS基础、JavaScript语法基础。学完基础后，可以仿照电商网站（例如京东、小米）做首页的布局。 二、JavaScript语法进阶。包括：作用域和闭包、this和对象原型等。相信我，JS语法，永远是面试中最重要的部分。 三、jQuery、Ajax等。…

我们通常在做图片上传的时候都会遇上这样的情况，一是后端接口限制上传图片的大小，或者是即使后端没有限制大小，因为图片太大在前端渲染时太慢，造成页面加载体验较差。因此我们很有必要对上传的图片进行压缩。

Element-UI，作为一套非常出名 Vue 的 UI 组件库，玩 Vue 人几乎都认识它。最近在翻看 Element 的源码时，发现了一个有趣的现象，怎么 autocomplete 组件的联想列表组件 -> autocomplete-suggestions 里面，还包了一个 el-scrollbar 组件，这是用来做什么的？经过一番了解，原来是 Element 自己写的一个滚动条组件(但…

{代码…} API WebGL API 的 WebGLRenderingContext.viewport() 方法，用来设置视口，即指定从标准设备到窗口坐标的x、y仿射变换。 WebGL API 的 WebGLRenderingContext.clearColor() 方法用于设置清空颜色缓冲时的颜色值。 WebGL API 的 WebGLRenderingContext.clear() 方法使用预设值来清空缓冲。

前言 本质上是实现一个矩形内的列表进行数据交换，并配套必要的样式。交换类型拖放具体分为三部分 鼠标点击某个元素 鼠标拖动该元素 拖到另外一个元素的上面后，鼠标松开并与之交换位置 实现 必要的数据预定义 {代码…} 第一步 鼠标点击某个元素 这个很简单，只要监听鼠标点击事件就行了。 {代码…} 同时需要对拖放过…

居中之前 首先我们创建一对父子元素，并为其设置好颜色大小备用 水平垂直居中 我们需要实现的效果图如下： 方法一：absolute + 负margin 父级元素使用相对定位，子元素使用绝对定位，调整其相对于父元素的位置。要求是需要我们知道子元素的宽高。 方法二：absolute + margin auto 先设置各个方向的距离都是0，再将margin…

前言 在 Vue 的官网中的过渡动画章节中，可以看到一个很酷炫的动画效果 乍一看，让我们手写出这个逻辑应该是非常复杂的，先看看本文最后要实现的效果吧，和这个案例是非常类似的。 预览 也可以直接进预览网址里看： [链接] 图片素材依然引用自知乎问题《有个漂亮女朋友是种怎样的体验？》，侵删。 分析需求 拿到了这个需…

Vue生命周期2.0和1.0差别还是有一点的，生命周期的博客文章百度也是很多，今天我简单提一下生命周期，然后说一下一些可能比较没人注意的点。

定义：在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时; 如何理解这段定义，可以用手机屏幕休眠来理解，若设置休眠时间为一分钟，如果在一分钟之内我们有去操作手机，则重新从一分钟开始计算。 这个过程中，事件可为触摸屏幕，然后事件被触发后的一分钟后屏幕休眠，但是在这一分钟内如果又触摸了屏幕，则…

对于大多数前端工程师来说，音视频技术是一个比较少涉足的领域，本文涵盖了流媒体技术中的文本、图形、图像、音频和视频多种理论知识，涉及到播放器、web媒体技术、主流框架等介绍，只需要花上一点点时间，你将进入前端多媒体的领域。