SimoonJia - 博客园

2022年7月26日

摘要： graphic: { elements: [ { type: 'image', style: { image: centerBg, width: 74, height: 74, }, left: 'center', top: 'center', }, ], }, 阅读全文

posted @ 2022-07-26 19:37 SimoonJia 阅读(44) 评论(0) 推荐(0)

环形饼图进度条弧形头部

摘要：如果用bar做进度条的话： series.roundCap: true. 是否在环形柱条两侧使用圆弧效果。仅对极坐标系柱状图有效。用pie做进度条的话： borderRadius: 10 阅读全文

posted @ 2022-07-26 15:52 SimoonJia 阅读(142) 评论(0) 推荐(0)

2022年7月25日

javascript设置全局变量

摘要： javascript设置全局变量的方法为： 1、在js的function外定义变量； var name='测试'; function XX(){ alert(name); } 2、不使用var，直接给定义变量，隐式的声明了全局变量； name='测试'; function XX(){ alert(n 阅读全文

posted @ 2022-07-25 16:35 SimoonJia 阅读(3945) 评论(0) 推荐(0)

parent()与parents（）

摘要： parent：获取当前jq对象的父jq对象 parents：获取到当前jq对象的所有祖先对象阅读全文

posted @ 2022-07-25 14:51 SimoonJia 阅读(55) 评论(0) 推荐(0)

js获取子节点的方法

摘要： 1、通过获取DOM方式直接获取子节点其中price为父标签id的值，div为标签的名字。getElementsByTagName是一个方法。返回的是一个数组。在访问的时候按数组的形式访问即可，如var a = document.getElementById("price").getElements 阅读全文

posted @ 2022-07-25 10:05 SimoonJia 阅读(6720) 评论(0) 推荐(0)

一个自适应且符合一般变换需求的swiper

摘要： this.activeIndex 循环模式下会自动生成多个sild。操作不需要对它进行加减操作即可一一对应 index.html <!-- * @Author: 作者 * @Date: 2022-06-29 17:24:35 * @LastEditors: Simoon.jia * @LastEd 阅读全文

posted @ 2022-07-25 00:22 SimoonJia 阅读(113) 评论(0) 推荐(0)

动态监控窗口是PC或Phone（闭包数据传输）返回“Pc”或“phone”

摘要： function handlePX() { let swiperInstance = null; return function (status) { console.log(status); if (swiperInstance) { swiperInstance.update({ slidesP 阅读全文

posted @ 2022-07-25 00:17 SimoonJia 阅读(50) 评论(0) 推荐(0)

2022年7月24日

监控浏览器窗口伸缩(获取窗口宽度)

摘要： window.onresize = function () { width = document.body.clientWidth; console.log(width); if (width < 750) { swiperInstance.update({ slidesPerView: 1.253 阅读全文

posted @ 2022-07-24 23:58 SimoonJia 阅读(95) 评论(0) 推荐(0)

Swiper写出带有标题和文字内容的slide且布局和自适应不受文字内容的影响

摘要： 1.正常做出自适应的slide 2.把slide文字内容与分页器放在同一个盒子里，分页器绝对定位（设置bottom），文字内容正常设置为block（靠文字内容撑开父盒子，且分页器可以一直居于最下方，并且文字换行不会影响整体布局） 3.使用swiper内置方法 slideChangeTransit 阅读全文

posted @ 2022-07-24 23:39 SimoonJia 阅读(831) 评论(0) 推荐(0)

mySwiper.activeIndex

摘要： mySwiper.activeIndex 返回当前活动块(激活块)的索引。loop模式下注意该值会被加上复制的slide数。 slideChangeTransitionStart(swiper) slideChangeTransitionEnd(swiper) <script language="j 阅读全文

posted @ 2022-07-24 16:41 SimoonJia 阅读(340) 评论(0) 推荐(0)

Simoon

公告