前端

学习了canvas基础，现在用学到的知识点绘制一个时钟。绘制过程可分解为以下步骤： 创建canvas画布 创建canvas元素，设置画布大小为300*300 获取渲染上下文 首先获取canvas元素，

一 什么是ffmpeg 是一款强大的视频处理工具，能够进行视频的转码、压缩、剪辑、滤镜、水印等等操作。 二 音视频基础知识（容器、编码、流） 2.1 容器 常见的视频格式有mp4,mkv,mov,fl

前言 之前一直认为label元素没啥用处，外观看起来和普通文本元素没什么区别。所以在日常开发中，经常用span标签代替label标签。本文介绍使用label元素优化表单控件的样式。 一、什么是labe

一、场景需求 项目中需要为用户生成分析报告，报告的内容是由多个图表和文本描述组成的word/pdf文档。这需要在服务端生成echarts图片，然后将图片插入到报告中。 二、实现思路 搭建一个web服务

概念 Gitlab内置了CI/CD的工具，当在为项目添加.gitlab-ci.yml文件，并且配置gitlab-runner（运行器），每次代码发生变成时就自动构建、部署。 .gitlab-ci.ym

前言 在前端项目开发中经常会用到设计师自己设计的icon图标，每次引入icon时，需要引用很长的相对地址，修改添加图标会变得很麻烦。 有没有更简单的icon图标引入方式呢？像antv组件库提供的ICO

鼠标轨迹特效 通过鼠标移入和移出事件，实现一个鼠标轨迹特效 实现步骤 生成小方块矩阵 这个函数实现设置小方块颜色，并且绑定到鼠标移入事件 这个函数实现去除小方块颜色，并添加一个过度效果。绑定到鼠标移出

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第8天，点击查看活动详情 client相关属性 clientHeight 属性是一个只读属性，它返回该元素的像素高度，高度包含内边距

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第7天，点击查看活动详情 鼠标事件类型 鼠标事件有10中类型，分为点击事件和移动事件。 1. 点击事件 mousedown - 按下

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第6天，点击查看活动详情 表单和表单元素有许多特殊的属性和时间。 获取表单及表单控件元素 获取表单元素 document.forms

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第5天，点击查看活动详情 事件委托 事件委托的基础是事件捕获和冒泡。当有许多类似方式处理的元素，那么不必为每个元素分配一个处理程序，

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第4天，点击查看活动详情 DOM事件传播有三个阶段 捕获阶段(capturing phase) 事件从window向下传播 目标阶段

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第3天，点击查看活动详情 事件处理程序 为了对事件做出响应，可以分配一个事件处理程序（handler）--一个在事件发生时运行的函数

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第1天，点击查看活动详情 有两种设置元素样式的方式： 在css中创建类，并添加它：<div class="..."> 将属性直接写入

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第7天，点击查看活动详情。 1. 生成html5文档：!+tab 2. 添加注释：ctrl+/ 选中要注释的文本，输入crtl+/;

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第6天，点击查看活动详情。 数组迭代器方法 迭代器方法用于遍历数组元素，通常会对每个元素调用一次我们指定的函数。 forEach方法

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第5天，点击查看活动详情。 数组的索引 javascript数组是一种特殊的对象，用于访问数组元素的方括号与用于访问对象属性的方括号是

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第4天，点击查看活动详情。 创建数组的方法有以下几种： 数组字面量 对可迭代对象使用...扩展操作符 Array()构造函数 工厂方法

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第3天，点击查看活动详情。 创建Vue项目 配置rem 实现h5页面自适应 安装postcss-pxtorem和amfe-flexib

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第1天，点击查看活动详情。 需求描述 可视化大屏中，为了更好的展示效果，需要让echarts图表在没有鼠标选中的情况下自动播放数据。效