![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端开发
_Pooooooocky
小小码丁
展开
-
css/wxss 用伪类实现竖线效果(图片+源码)before、after巧用
CSS伪类快速添加小竖线(超实用技巧)原创 2022-04-22 11:11:29 · 5670 阅读 · 0 评论 -
VueCli3引入百度地图Api详细步骤+宽高自动页面自适应(踩坑+源代码)
首先去百度地图官网申请ak密钥,这个很简单,百度也有很多教程,就不细说了。传送门:申请ak密钥开发文档:百度地图API开发文档打开项目文件,在public文件夹下的index.html页面中引入百度地图API这里的密钥,要替换为你刚才申请的ak密钥 <script type="text/javascript" src="http://api.map.baidu.com/getscript?v=3.0&ak=密钥"></script>3.在src-&...原创 2020-09-17 12:48:12 · 2976 阅读 · 2 评论 -
Vuetify安装踩坑,ERROR Error: You cannot call “get“ on a collection with no paths…
项目场景:最近开发一个新的app项目,打算用Vue3 + Vuetify,在安装Vuetify的时候就遇到了错误。Vuetify虽然是一个移动端很棒的框架,但是国内的教材、中文版的文档实在是太少了。去Googol查了半天才解决问题,解决方法也巨简单问题描述:输入vue add vuetify后报错:Error: You cannot call "get" on a collection with no paths. Instead, check the "length" property firs原创 2020-09-09 11:46:35 · 2907 阅读 · 4 评论 -
Echarts图例legend选中select状态动态更新(踩坑)
今天计划实现一个小功能,但是却在细节上浪费了大量的时间,特此记录。想要实现的功能是这样的,如下一个ECharts图,后台会一次性接收85条曲线的数据,但在初始化的时候只显示前7条曲线。官方文档 给出了 legend. selected 这个属性,可以修改选中的图例。legend: { selected: { // 选中'系列1' '系列1': true, // 不选中'系列2' '系列2': false }}有两种方式传递数据:使用静态数据:'系原创 2020-07-08 00:17:13 · 7609 阅读 · 3 评论 -
ECharts事件处理并和对返回params对象的内部参数分析
ECharts 通过 on 方法来监听用户的行为,例如监控用户的点击行为。ECharts 中事件分为两种类型:一、用户鼠标点击如’click’、‘dblclick’、‘mousedown’、‘mousemove’、‘mouseup’、‘mouseover’、‘mouseout’、‘globalout’、‘contextmenu’ 事件。二、用户在使用可以交互的组件后触发的行为事件,例如在切换图例开关时触发的 ‘legendselectchanged’ 事件),数据区域缩放时触发的 ‘datazo原创 2020-07-07 09:53:31 · 6539 阅读 · 1 评论 -
点击echarts柱状图动态改变数据项颜色样式
首先附上参考文章连接:https://blog.csdn.net/weixin_42870683/article/details/103528254添加链接描述今天来实现点击echarts柱状图,动态改变柱状图数据项颜色样式的案例。首先引入ECharts.js文件<!-- 引入 echarts.js --><script src="https://www.echartsjs.com/examples/vendors/echarts/echarts.min.js?_v_=1.原创 2020-07-06 16:49:22 · 6546 阅读 · 4 评论 -
Select插件可输入可选择模糊搜索(jquery.editable-select插件)
本文最终实现效果如下:正文开始在:使用Select2实现下拉与搜索 这篇博文后,因为需求改变,需要将下拉框的搜索区域挪到上面显示的位置,也就是将区域1和2合并希望实现一个类似百度输入的搜索提示,我们使用 jquery.editable-select 这个插件具体实现方式如下:引入jquery、CSS和JS文件 <link type="text/css" rel="...原创 2020-05-06 10:32:42 · 1887 阅读 · 0 评论 -
Select2单选赋值与初始化失败解决方法(天坑)
最近前端实习,要写一些后台管理系统的页面用了Bootstrap4,引入了Select2这个插件(https://select2.github.io/)一个小Bug花了两个多小时都搜到谷歌才解决,废话少说直接上问题写了一个如上图所示的表单,下拉框用是用Select2插件,希望实现一个功能:点击【重置】按钮后可以初始化上面的五个输入。就拿”车辆年份“来说实现代码如下(记得先引入Selec...原创 2020-04-09 19:44:37 · 2438 阅读 · 3 评论