前端
文章平均质量分 76
前端相关内容
前端队长
这个作者很懒,什么都没留下…
展开
-
vue如何动态加载本地图片
大家好,我是前端队长Daotin,想要获取更多前端精彩内容,关注我(全网同名),解锁前端成长新姿势。以下正文:今天遇到一个在vue文件中引入本地图片的问题,于是有了这篇文章。通常,我们的一个img标签在html中是这么写的:<img src="../images/demo.png">这种写法只能引用相对路径下的图片。不能使用绝对路径。使用绝对路径的话,这类资源将会直接被拷贝,而不会经过 webpack 的处理。如果src是变量的话,我们一般会在data中定一个变量src进行动态绑定。原创 2021-07-22 14:51:14 · 907 阅读 · 0 评论 -
stopPropagation, preventDefault 和 return false 的区别
大家好,我是前端队长Daotin,想要获取更多前端精彩内容,关注我(全网同名),解锁前端成长新姿势。以下正文:stopPropagation阻止事件的冒泡和捕获。因为事件可以在各层级的节点中传递, 不管是冒泡还是捕获, 有时我们希望事件在特定节点执行完之后不再传递, 可以使用事件对象的 stopPropagation() 方法。preventDefault阻止浏览器默认行为。浏览器的默认行为:对于一些特定的事件,浏览器有它默认的行为。例如:点击链接会进行跳转点击鼠标右键会呼出浏览器右键菜单填写表单时按回车会原创 2021-07-15 19:37:14 · 128 阅读 · 0 评论 -
ES2021 新特性!
2021 年 6 月 22 日,第 121 届 Ecma 国际(Ecma International)大会以远程会议形式召开。正式通过了ES2021标准,ECMAScript 2021 (ES12)成为事实的 ECMAScript 标准。本文简要介绍了 JavaScript 今年新加了哪些语法,还好不是很多。主要有5个新特性:•逻辑赋值运算符•数字分隔符•Promise.any & AggregateError•String.prototype.replaceAll•WeakRefs & F原创 2021-07-10 13:24:00 · 345 阅读 · 1 评论 -
「从零开始学前端」专栏介绍
???? 本项目为从零开始学 Web 前端系列图文教程。从零基础开始,手把手教你进入前端开发的世界。从入门到进阶,我们一同前行。项目背景之前的几个月时间,我一直在分享我在学习中,在工作学到的新知识,遇到的问题和解决办法,以及自己的一些思考。但是很多时候,我会在评论和私信看到一些初学者,甚至是零基础的小白的提问,从他们的提问里,我看到他们对前端的某个知识点的理解非常有限,理解的往往不深刻,也就是说都是学了一个个独立的知识点,而没有成体系的将知识串起来,形成一个体系结构。还有人私信问我是否可以出一些基础原创 2021-07-04 18:06:15 · 114 阅读 · 1 评论 -
highcharts自定义toolTip显示格式,显示传入series.data之外的数据
假如有如下场景,series.data传入的是处理后百分比数据:// 维度1:得分1,总分2// 维度2:得分4,总分10// 维度1:得分6,总分10Highcharts.chart('container', { title: { text: 'Demo' }, xAxis: { categories: ['维度1', '维度2', '维度3'], }, yAxis: { min: 0, max: 1原创 2020-12-30 16:41:15 · 2658 阅读 · 0 评论 -
关于highcharts极地图polar不显示line的问题
最开始就有这个问题,但是一直没有管他。这次因为概况页面UI改版,所以开始着手处理。最开始以为是参数设置的问题,于是就找到了官方示例代码,把官方的一些参数加入到之前的代码里面发现不起作用。于是就把整个官方代码原封不动拷贝到项目中进行尝试,然后发现还是没有显示极地图中间的线条。然后我怀疑是版本的问题,看了一下项目中highcharts使用的版本是v7.1.2,而官方实例是用的最新版的v8.2.2,于是我把官方的版本下载下来放到项目中使用,果然新版的线条出来了。但是我想,之前的版本也不可能不能显示line原创 2020-12-29 11:40:12 · 324 阅读 · 0 评论 -
canvas入门,就是这个feel!
概述Canvas 是在HTML5中新增的标签用于在网页实时生成图像,并且可以操作图像内容,基本上它是一个可以用JavaScript操作的位图。也就是说我们将通过JS完成画图而不是css。canvas 默认布局为 inline-block,可以认为是一种特殊的图片。走起 ~canvas 划线<canvas id="can" width="800" height="800">&l...原创 2020-09-28 18:17:34 · 248 阅读 · 0 评论