首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
前端
d邓会杰
创建于2021-05-25
订阅专栏
前端技术
等 25 人订阅
共41篇文章
创建于2021-05-25
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
React学习
JSX 什么JSX JSX是Javascript和xml的缩写,表示在js代码中编写HTML模板结构,他是React中编写UI模板的方式 JSX使用规则 只能返回一个根元素 标签必须闭合 使用驼峰式命
React函数组件中,如何获取原生的DOM对象
在函数组件中,可以使用useRef钩子来创建一个可变的ref对象,这个对象在组件的整个生命周期内保持不变。你可以将这个ref对象绑定到DOM元素上,然后通过ref.current来访问该DOM元素。
qiankun为前端,应用之间通信
initGlobalState(state) 参数 state - Record<string, any> - 必选 用法 定义全局状态,并返回通信方法,建议在主应用使用,微应用通过 props 获取
用canvas绘制时钟
学习了canvas基础,现在用学到的知识点绘制一个时钟。绘制过程可分解为以下步骤: 创建canvas画布 创建canvas元素,设置画布大小为300*300 获取渲染上下文 首先获取canvas元素,
基于ffmpeg,在web前端编辑视频
一 什么是ffmpeg 是一款强大的视频处理工具,能够进行视频的转码、压缩、剪辑、滤镜、水印等等操作。 二 音视频基础知识(容器、编码、流) 2.1 容器 常见的视频格式有mp4,mkv,mov,fl
使用label元素优化表单控件的样式
前言 之前一直认为label元素没啥用处,外观看起来和普通文本元素没什么区别。所以在日常开发中,经常用span标签代替label标签。本文介绍使用label元素优化表单控件的样式。 一、什么是labe
基于nodejs在服务端生成echarts图片方案
一、场景需求 项目中需要为用户生成分析报告,报告的内容是由多个图表和文本描述组成的word/pdf文档。这需要在服务端生成echarts图片,然后将图片插入到报告中。 二、实现思路 搭建一个web服务
Gitlab CICD自动化打包部署实践总结
概念 Gitlab内置了CI/CD的工具,当在为项目添加.gitlab-ci.yml文件,并且配置gitlab-runner(运行器),每次代码发生变成时就自动构建、部署。 .gitlab-ci.ym
优雅的使用SVG图标
前言 在前端项目开发中经常会用到设计师自己设计的icon图标,每次引入icon时,需要引用很长的相对地址,修改添加图标会变得很麻烦。 有没有更简单的icon图标引入方式呢?像antv组件库提供的ICO
鼠标事件应用实例--鼠标轨迹和列表拖拽
鼠标轨迹特效 通过鼠标移入和移出事件,实现一个鼠标轨迹特效 实现步骤 生成小方块矩阵 这个函数实现设置小方块颜色,并且绑定到鼠标移入事件 这个函数实现去除小方块颜色,并添加一个过度效果。绑定到鼠标移出
理解DOM元素的尺寸
持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第8天,点击查看活动详情 client相关属性 clientHeight 属性是一个只读属性,它返回该元素的像素高度,高度包含内边距
深入理解鼠标事件
持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第7天,点击查看活动详情 鼠标事件类型 鼠标事件有10中类型,分为点击事件和移动事件。 1. 点击事件 mousedown - 按下
从0学前端--表单属性和方法
持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第6天,点击查看活动详情 表单和表单元素有许多特殊的属性和时间。 获取表单及表单控件元素 获取表单元素 document.forms
从0学前端--事件委托
持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第5天,点击查看活动详情 事件委托 事件委托的基础是事件捕获和冒泡。当有许多类似方式处理的元素,那么不必为每个元素分配一个处理程序,
从0学前端--事件冒泡和捕获
持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第4天,点击查看活动详情 DOM事件传播有三个阶段 捕获阶段(capturing phase) 事件从window向下传播 目标阶段
从0学前端--DOM事件操作
持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第3天,点击查看活动详情 事件处理程序 为了对事件做出响应,可以分配一个事件处理程序(handler)--一个在事件发生时运行的函数
从0学前端--JavaScript操作DOM样式
持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第1天,点击查看活动详情 有两种设置元素样式的方式: 在css中创建类,并添加它:<div class="..."> 将属性直接写入
Sublime Text写html文档的快捷操作汇总
一起养成写作习惯!这是我参与「掘金日新计划 · 4 月更文挑战」的第7天,点击查看活动详情。 1. 生成html5文档:!+tab 2. 添加注释:ctrl+/ 选中要注释的文本,输入crtl+/;
JavaScript数组方法
一起养成写作习惯!这是我参与「掘金日新计划 · 4 月更文挑战」的第6天,点击查看活动详情。 数组迭代器方法 迭代器方法用于遍历数组元素,通常会对每个元素调用一次我们指定的函数。 forEach方法
JavaScript操作数组的基本语法
一起养成写作习惯!这是我参与「掘金日新计划 · 4 月更文挑战」的第5天,点击查看活动详情。 数组的索引 javascript数组是一种特殊的对象,用于访问数组元素的方括号与用于访问对象属性的方括号是
下一页