- 博客(15)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 使用 Lodash 和 Vue 3 异步组件的动态导入 自动注册组件
通过将大型应用拆分成多个小的、按需加载的模块，我们可以减少首次加载的时间，并只加载用户当前需要的功能。接下来，我们遍历这个对象的所有键，对于每一个键，我们使用正则表达式来提取出组件的名称。然后，我们使用 upperFirst 和 camelCase 函数来处理这个名称，使其成为适合 Vue 组件注册的格式。这两个函数可以帮助我们处理字符串，将组件的名称转换为适合 Vue 组件注册的格式。这个函数返回一个对象，其中的键是匹配给定模式的文件路径，值是这些文件的导出。方法来动态地注册 Vue 组件。
2024-03-06 21:12:15
544
原创 vue3自定义组件使用v-model方式
在Vue3中，我们可以使用v-model指令在自定义组件中实现双向数据绑定。这篇文章将介绍如何在Vue3中自定义组件并使用v-model方式。
2023-12-05 22:01:39
1261
原创 ES10新特性
如果 obj、obj.prop 或 obj.prop.method 中的任何一个为 null 或 undefined，那么整个表达式的值将为 undefined，而不会抛出错误。逻辑运算符&&和||的默认返回值：逻辑运算符&&和||在进行运算时，如果操作数为undefined或null，会返回undefined或null，否则返回运算结果。它接受一个可迭代对象，如数组或 Map 对象，并返回一个新的对象。：这是一个全局对象的引用，可以在任何环境中访问全局对象，无论是在浏览器中还是在 Node.js 中。
2023-12-04 23:32:31
574
原创 Vue2.X升级成vue3.X 后如何获取DOM节点
这里写自定义目录标题在vue3.x中使用ref获取dom在setup中引用在vue3.x中使用ref获取dom在标签中 增加ref属性<div id="myChart" ref="myChart"></div>在setup中引用setup(props) { let myChart = ref(null); const state = reactive({ chart:null, myChart }); o
2021-04-26 15:34:36
2074
2
原创 svg 绘制多边形渐变边框并填充渐变背景
以六边形为例绘制一个60*69像素的六边形根据坐标 points="30,1 60,17 60,52 30,69 1,52 1,17"设置边框大小 stroke-width="1"设置边框颜色stroke="#03ffea"设置填充颜色 fill="#0f8bf1"<svg width="60" height="69"> <polygon points="30,1 60,17 60,52 30,69 1,52 1,17" stroke="#03...
2021-02-03 15:05:56
2404
原创 highcharts legend图例禁止点击事件以及鼠标移入样式保持不变
highcharts legend图例禁止点击事件以及鼠标移入样式保持不变直接上代码let each = highcharts.each; // todo 自定义图例事件 highcharts.wrap(highcharts.Legend.prototype, "renderItem", function( proceed, item ) { proceed.call(this, item); var series = this.chart.s
2020-12-22 11:32:37
2024
6
原创 echarts 多个图表监听窗口变化自适应
以Vue项目为例单个图表时，可以使用window.onresizewindow.onresize = function(){ this.myChart&&this.myChart.resize()}多个图表时，可以使用window.addEventListenerwindow.addEventListener("resize", () => { setTimeout(() => { this.myChart && this
2020-12-10 17:22:29
1150
1
原创 echarts坐标轴文字颜色设置之每个标签设置单独的颜色
以Y轴为例通过官方文档可以看到color支持方法回调，于是我们可以利用这个方法设置xAxis:{ axisLabel:{ color:function(k){ return color[k] } color: function(param, index) { let color=['#f15c2c', '#8c3e96', '#73b73e', '#f01798', '#fbaf16', '#0097dd']; return color[
2020-09-23 16:21:21
3672
原创 Vue项目导入typescript后使用window全局变量
Vue项目导入typescript后使用window全局变量vue项目导入typescript后发现，window报错，解决方案如下：1.新建全局文件index.d.ts内容如下：// 定义全局global变量declare var global:any;2.定义好了全局变量之后，就可以在其他文件中引入使用了eg:// 使用全局变量global.config = {aaa:1,bbb:2}注：以上vue版本为2.0版本 typescript版本为4.0版本...
2020-09-23 14:37:42
3442
原创 #echarts legend图例渐变
#echarts legend图例渐变以series.type.line为例在series中 单独设置color的值
2020-04-29 16:04:20
2771
原创 for循环使用闭包
在for循环中利用闭包实现ajax同步在项目中 出现需要通过修改多个HTML元素内容的情况使用var displaySquare=$(".displaySquare");for(var i =0;i< displaySquare.length;i++){var id = displaySquare[i].getAttribute(“data-id”);(function(i){$...
2019-10-16 15:17:41
306
echarts-3.7.2.zip
2019-12-06
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人