前端
文章平均质量分 83
前段开发相关的所有知识
刘Surman
随手记录coding相关~
展开
-
ECharts随浏览器进行改变的自适应饼图,对饼图配置的详细说明
在做项目的时候需要实现一个自适应的饼图。因为使用的饼图的圆环图,图例在饼图的右边。希望的效果是:屏幕宽度足够大的时候,图例成两列分布;屏幕宽度小的时候,图例成一列分布。同一个组件里有两个饼图,都需要随着屏幕大小的变化实时进行自适应。实现后的效果图如下:这是屏幕宽度足够大的时候:这是屏幕宽度较小的时候:1. 首先设置饼图基本配置option = { title: false, //不需要图标的标题 color: ['#111','#222','#333','#444','#555','原创 2022-02-16 11:43:21 · 5373 阅读 · 0 评论 -
Vue创建组件实例的几种方式 - Vue.extend()、VueComponent()、new Vue()...
Vue有几种创建组件实例的方式,还有几种挂在组件的方式。因为刚刚开始学习Vue,很容易混淆,所以这里对Vue.extend()、VueComponent()、new Vue()、new xxx()、{}、$mount()、$el、template和render、createElement()做一个总结。vue构造、vue组件和vue实例 是不同的概念。首先在了解上述的方法前,要先了解这几个概念。vue构造vue构造相当于一个对象,不能成为一个Vue组件,其中可以通过Vue.extend()来原创 2022-01-04 15:15:08 · 8464 阅读 · 1 评论 -
如何通过原生JS实现自动轮播图?
轮播图在Web前端很常见,现在我也是刚开始学Web。主要实现轮播图的自动播放,以及点击按钮可以切换对应的图片。总结一下最近写轮播图的方法和注意点叭~以下是轮播图的效果,在图上加了图片的序号><接下来一起开始从头的制作叭!1. html文件<body> <!-- 注意如果还有外层的话记得加上定位,为了offsetLeft的准确 --> <div class="banner"> <!-- 轮播图的容器 --&g原创 2020-11-08 18:41:57 · 3292 阅读 · 6 评论