JavaScript
文章平均质量分 67
记录笔者在做前端交互时碰到的知识点
追寻上飞
进可攻前端,退可守后端,偶尔玩硬件。热爱新技术探索和研究。
全栈软件工程师,2021上半年获得软件设计师职业资格证书。阿里云博客专家。
展开
-
【事半功倍】视频素材播放之不二法门——倍速之法,无级变速
对于使用Video.js的视频播放器,你可以通过Video.js的API来修改播放速度。这样,每当用户从下拉菜单中选择一个播放速度时,视频播放器的播放速度就会随之改变。如果你想让用户提供播放速度的选择,可以使用。属性来设置播放速度。元素,你可以直接使用。原创 2024-07-24 09:08:07 · 434 阅读 · 0 评论 -
【物以类聚】给el-image预览多张图片增加提示文字,让每张图片有所分类
第二想法,继承复用该组件,不属于包含关系,无法修改内部的元素,需求和这个想法不一致,遂改变。点击地图上的一张图片,弹出所有相关的图片资源,图片资源上显示每个图片的所属类型。第一想法是修改依赖包中的文件,复用该组件,发现修改无效,原因是。和同事交流后,得出第三个想法,直接COPY框架的。组件大体适用,唯一不足的是缺少照片名称元素。是编译前的包,如果要改动,就需要重新编译。组件文件到自己的项目中,在项目中直接引用。可以看到居中显示的图片类型文字。将图片组件整体的文件导进来。原创 2024-01-15 19:19:03 · 1411 阅读 · 0 评论 -
【曲线救国】图层视角自适应哪家强,API中找Bounds,再见吧setFitView
函数,当地图放大层级大时,出现偶尔失效情况,作为精品应用是不允许这种偶然事件发生的。对较为分散的10个坐标点进行自适应,如下图所示,分布较为均匀。的参数传值不对,各种尝试海量点对象的传入,均无效。因此就另辟蹊径,考虑地图的另一个展示范围API。,传入西南和东北的经纬度坐标对象即可。一个点也是用,直接居中显示。使用vue-amap。原创 2024-01-15 18:59:37 · 481 阅读 · 1 评论 -
【删繁就简】Echarts 视觉映射组件中国地图分段颜色显示,选中范围内外颜色设置策略
在前端项目开发过程中,需要在大屏模块模块中按照项目在各省份分部的数量进行可视化显示,该功能对应`Echarts`的视觉映射组件`VisualMap`,设置完成后,出现的效果如图所示。当项目量为0的省份是透明的。原创 2023-03-09 15:18:33 · 2699 阅读 · 0 评论 -
【锱铢必较】前端Js 函数同名覆盖问题+后端Java HashMap同key覆盖问题
在开发前后端分离的项目时,出现了相同的覆盖问题,虽然问题不是出现同一个关注模块,但是能够警示我们开发时,一定要注意细节问题。当然,这样的问题能够通过单元测试暴露出来,同时也暴露技术基础的薄弱。原创 2023-02-10 15:17:27 · 492 阅读 · 0 评论 -
【图表利剑】开发复杂Echarts时,visualMap视觉组件中属性seriesIndex必须用起来
据说90%的可视化是用Echarts开发,没错,笔者也没例外,在新的开发项目中,遇到了这个开发神器Echarts,想要的功能就是在省份上显示。原来的功能已有范围视觉组件visualMap。原创 2022-12-02 15:22:18 · 2697 阅读 · 4 评论 -
【由果索因】模块化代码后,这样的JavaScript技巧才值得用
前端js代码出现重复,因此想放到一个文件中进行复用,使其模块化,需要调整几个函数。函数都是要访问到后台接口的Axios请求。js语法版本是。前端功能是部门用户树形选择器,且选择器是懒加载模式。点击父节点请求到后台才会加载到子节点数据。不止一个功能模块需要用到该部门用户树形选择器,因此,将重复的功能函数进行模块化。放到dept.js文件中。当前的文件就是直接在Vue组件文件的method中直接写需要用到的函数。原创 2022-09-20 16:07:20 · 570 阅读 · 2 评论 -
在Vue项目中使用LayUI教程且解决laydate无效的问题
Vue 项目整合LayUI项目代码,解决laydate无效的问题原创 2021-12-07 10:14:26 · 2685 阅读 · 1 评论 -
如何设计动效图——前端SVG JavaScript库Raphaël介绍
如何设计动效图——前端SVG JavaScript库Raphaël介绍一、Raphaël趣味介绍1.1 Raphaël名字的缘由1.2 Raphaël的功能1.3 霸气的Demo二、Raphaël的API词汇一、Raphaël趣味介绍1.1 Raphaël名字的缘由Raphaël读音为 ['ræfeɪəl],译音为拉斐尔,为什么一个前端图库取名为此,查了资料拉斐尔被称为文艺复兴三杰之一,和达.芬奇、米开朗基罗齐名,他的画让神从天堂走进了人间,给当时战乱的欧洲带来了光明。因此用此人名取名实在是巧妙啊。原创 2021-11-26 16:23:34 · 2091 阅读 · 0 评论 -
编写自定义的JQuery插件的几个注意点
前言在巨人的肩膀上做事,不出意外的外,你会站的高看得远!插件是对功能的封装,自定义的插件来扩展jQuery,不仅可以促进代码的特定风格,而且可以利用jQuery的提供的丰富API,何乐而不为!一,扩展jQuery的形式在$(jQuery)的别名上直接定义的实用工具函数;对jQuery包装集进行操作的方法。二,扩展jQuery的准则文件名以jquery为前缀;前缀后接插...原创 2018-10-03 17:28:17 · 287 阅读 · 0 评论 -
require.js加载highcharts.js/exporting.js实现图表的绘制和图片文件功能的导出
第一步:在require.js的做数据文件中==(data-main)==进行配置原创 2018-10-16 20:39:35 · 2141 阅读 · 0 评论 -
JavaScript学习之路
2018.09.25——????踏上详细学习前端编程语言JavaScript的道路,披荆斩棘,直抵胜利之彼岸!每次学习的内容用x.1-x.?表示,x代表第几次!1.1 基本学习最好的做法把<script>标签放在</body>之前,先加载页面布局;用var声明变量,可以再任何阶段进行变量的数据类型的转换;转义字符\;数据类型:整型、浮点型、布尔型、字符串;...原创 2018-09-26 13:28:31 · 108 阅读 · 0 评论 -
tp5中前端js代码中ajax请求url问题
请注意:在tp5框架中,js代码不能使用全局函数!所以试图使用函数{:url()}是解决不了问题的!在社区中发帖咨询,直接使用相对地址即可!代码如下:type:'get',url:'alertinfo/drawing',data: "message="+start.format('YYYY-MM-DD')+','+end.format('YYYY-MM-DD'),...原创 2018-10-18 11:47:26 · 4318 阅读 · 3 评论 -
jQuery学习之路
千万不要害怕学习流行的新的语言,因为这只会让你错失一种取得成功的捷径,语言之所以流行,足以证明它的优越性!jQuery介绍jQuery是一个快速,小巧,功能丰富的JavaScript库。它通过易于使用的API在大量浏览器中运行,使得HTML文档遍历和操作,事件处理,动画和Ajax更加简单。通过多功能性和可扩展性的结合,jQuery改变了数百万人编写JavaScript的方式。——来自官网...原创 2018-09-26 21:19:55 · 541 阅读 · 0 评论 -
服从AMD规范的require.js库的学习
服从AMD规范的require.js库的学习要学习该库,要懂得点规范的知识。在服务端编程,我们都知道Java、C++等引入别的模块就可以使用其功能,程序运行的速度也很快;我们在编写前端代码会使用到js语言,这个是没有模块概念的,我们必须在HTML文本中写上一大段<script标签来引用还要注意引用的文件的顺序,因为文件之间的依赖关系,此情景就会造成网页响应的延时。所以大救星来了——req...原创 2018-09-29 13:34:08 · 364 阅读 · 0 评论