07 2022 档案
摘要:axisLine: { symbol: ['rect', 'none'], symbolSize: [50, 4], symbolOffset: [0, -10], }
阅读全文
摘要:。 。 这种连续的背景板需要自己写背景series echart只提供斑马线背景板 areaStyle 重点: 1.需要写两个y轴 2.需要多写一个series 并把data处设为[100,100,100,100,...] 3.需要为每个series都写上yAxisIndex或者xAxisIndex
阅读全文
摘要:富文本实现 axisLabel: { formatter: function (value) { console.log(value); return '{a| },{b|' + value + '}'; }, margin: 0, rich: { a: { height: 74.6, width:
阅读全文
摘要:xAxis/yAxis.inverse: true,反向坐标轴 xAxis. boundaryGap//坐标轴两边留白策略,开启后柱状图在刻度之间
阅读全文
摘要:Max,Min 是xAxis的属性:可以设置坐标轴的最大最小值 showMinLabel,showMaxLabel是axisLabel的属性: 可以控制是否显示最大最小值的label hideOverlap (是否隐藏重叠的标签。)
阅读全文
摘要:1.若想缺省某条数据的图例 把该数据的series设置为 ' ' (空) 则对应图例默认不会显示 series.name: '', 2.如果itemSymbol(拐点球)设置放在series,则图例不会自动跟随拐点球样式改变 series showSymbol: true, showAllSymbo
阅读全文
摘要:containLabel: false, //grid 区域是否包含坐标轴的刻度标签。
阅读全文
摘要:// splitArea: { // show: true, // areaStyle: { // color: ['rgba(56,128,255,0.14)', 'transparent'], // }, // },
阅读全文
摘要:把x轴的type设置为value, 把y轴的type设置为类目轴。 并在data处放入坐标数组 即可完成横向柱状图的描述
阅读全文
摘要:let as = ['s','d'] as.sort((a,b)=>a>b?0:-1)// ['d', 's']
阅读全文
摘要:className={`titleBox ${index == 2 ? 'leftFloat' : ''}`} <div className={text < 50 ? 'redText' : 'greenText'}>{text}%</div> <span className="lineColor"
阅读全文
摘要:graphic: { elements: [ { type: 'image', style: { image: centerBg, width: 74, height: 74, }, left: 'center', top: 'center', }, ], },
阅读全文
摘要:如果用bar做进度条的话: series.roundCap: true. 是否在环形柱条两侧使用圆弧效果。 仅对极坐标系柱状图有效。 用pie做进度条的话: borderRadius: 10
阅读全文
摘要:javascript设置全局变量的方法为: 1、在js的function外定义变量; var name='测试'; function XX(){ alert(name); } 2、不使用var,直接给定义变量,隐式的声明了全局变量; name='测试'; function XX(){ alert(n
阅读全文
摘要:parent:获取当前jq对象的父jq对象 parents:获取到当前jq对象的所有祖先对象
阅读全文
摘要:1、通过获取DOM方式直接获取子节点 其中price为父标签id的值,div为标签的名字。getElementsByTagName是一个方法。返回的是一个数组。在访问的时候按数组的形式访问即可,如var a = document.getElementById("price").getElements
阅读全文
摘要:this.activeIndex 循环模式下 会自动生成多个sild。操作不需要对它进行加减操作即可一一对应 index.html <!-- * @Author: 作者 * @Date: 2022-06-29 17:24:35 * @LastEditors: Simoon.jia * @LastEd
阅读全文
摘要:function handlePX() { let swiperInstance = null; return function (status) { console.log(status); if (swiperInstance) { swiperInstance.update({ slidesP
阅读全文
摘要:window.onresize = function () { width = document.body.clientWidth; console.log(width); if (width < 750) { swiperInstance.update({ slidesPerView: 1.253
阅读全文
摘要:1.正常做出自适应的slide 2.把slide文字内容与分页器放在同一个盒子里,分页器 绝对定位(设置bottom) ,文字内容正常设置为block(靠文字内容撑开父盒子,且分页器可以一直居于最下方,并且文字换行不会影响整体布局) 3.使用swiper内置方法 slideChangeTransit
阅读全文
摘要:mySwiper.activeIndex 返回当前活动块(激活块)的索引。loop模式下注意该值会被加上复制的slide数。 slideChangeTransitionStart(swiper) slideChangeTransitionEnd(swiper) <script language="j
阅读全文
摘要://因为需要连续滚动,所以文本必须是两遍 <div class="wrap"> <div class="animate">我是文字</div> <div class="animate">我是文字</div> </div> //不能设置居中样式,会导致 出现空白缺口 .wrap{ display: f
阅读全文
摘要:<div class="btn" onclick="showBig(this)"><.div> function showBig(jqItem) { //当前元素是他父元素的第几个。下标从0开始 console.log($(jqItem).index()); //当前元素的父元素是他爷爷元素的第几个
阅读全文
摘要://获取屏幕可视窗口的宽度 var W, H; function getCanSee() { W = $(window).width(); H = $(window).height(); console.log(W); console.log(H); }
阅读全文
摘要:colorStops: [ { offset: 0, color: 'rgba(0, 222, 255,1)', // 0% 处的颜色 }, { offset: 0.01, color: 'rgba(0, 222, 255,1)', // 0% 处的颜色 }, { offset: 0.02, col
阅读全文
摘要:尝试使用useEffect 赋值,页面即是多渲染一次,但是可以达到想要的效果 useEffect(() => { setActive(Obnames[0]); }, [Obnames]);
阅读全文
摘要:一劳永逸解决第一次渲染为空渲染问题,方法头部判断后return null if (data.length == 0) { return null; } 或者array.isArray() const AAA=useMemo(()=>{return },[data])//常用useMemo进行初始化赋
阅读全文
摘要:1.自定义拐点: showSymbol: false, symbolSize: 26, symbol: 'circle', //可以写官方文档里磨人的 也可以写自定义图片, 如果自定义图片失效 请查看 html5分类 图片失效文章 //拐点球配置 itemStyle: { normal: { col
阅读全文
摘要:icon:"image://${img}" 用image://${img} 的方式告诉浏览器这是图片,方便解析避免出现解析不了 或者解析错误的问题 data:[{name:dataList[0].name,icon:`image://${symbol[0]}`}, {name:dataList[1]
阅读全文
摘要:匿名函数 两种写法:注意括号的位置 (function(){console.log("aaaaaaaä")})() (function(){console.log("aaaaaaaä")}()) 函数的创建 在了解什么是匿名函数之前,让我们先来上一段创建函数最常见的的形式。 var Hello =
阅读全文
摘要:现象:每次git pull git fetch git push 等等命令的时候都会提示输入密码, 苦思冥想为什么总让输密码呢? 终于想到可能是之前生成key的时候输入了密码。这个密码应该是git服务器需要进行校验,为了数据安全,所以才提示我们输入密码。 如果不想每次都输入密码的话,在第一次生成ke
阅读全文
摘要:1.登陆git 找到active,查看删除的时间 2.查看最后一次commit的时间。复制 commitID 是一串很长的数字。需要点击这个按钮才能复制完全 3.新建branch。 把复制的commit填到第二个input框 creatfrom: 4.点击create branch就可以了
阅读全文
摘要:不要用rgba!!!!!!! 用rgba只会把原来的颜色稀释或者加深。并没有透明度效果 直接用取色器 取rbg 就可以得到想要的透明效果
阅读全文
摘要:<div class="child"> <div class="valueName"> <div class="point" style="background:${color[index][2]};border: 4px solid ${color[index][3]};"> <div class
阅读全文
摘要:worker_processes 4; //子进程的进程数量 ps -ef | grep nginx 查看nginx进程 //worker_cpu_affinity 0001 0010 0100 1000; /*nginx所在主机拥有4核cpu,那么worker_ processes的值通常不会大于
阅读全文
摘要:nginx 文件结构 ... #全局块 events { #events块 ... } http #http块 { ... #http全局块 server #server块 { ... #server全局块 location [PATTERN] #location块 { ... } location
阅读全文
摘要:Nginx 配置详解 | 菜鸟教程 (runoob.com) #user nobody; worker_processes 1; #error_log logs/error.log; #error_log logs/error.log notice; #error_log logs/error.lo
阅读全文
摘要:html <div data-attr={title} className={`titleBox`} key={`titleBox${index}`} style={{ width, ...style }} > {title} </div> css .titleBox { width: 100%;
阅读全文
摘要:.textBox:nth-child(2n-1) { background-image: url(../assets/rowBg.png); } .textBox:nth-child(1) { background-image: url(../assets/firstRow.png); } .tex
阅读全文
摘要:y轴与坐标轴线对齐: boundaryGap: false, 刻度线是否显示: axisTick: { show: false }, 区域渐变: colorStops: [ { offset: 0, color: color[index][1], // 0% 处的颜色 }, { offset: 1,
阅读全文
摘要:const lineY = useMemo(() => { var color = ['rgba(23, 255, 243', 'rgba(119,61,190']; //如果data有值则执行&&后面的 如果data为空则不执行 return ( data.value && data.value.
阅读全文
摘要:用途 根据官方文档说明,用来设置虚拟服务器,对于用IP还是请求头部中的Host字段内容设置这个指令的值,没有明确的分别。 用法 令后跟特定域名,此时第一个域名为主域名 server_name example.com www.example.com; 指令后跟泛域名 server_name examp
阅读全文
摘要:nginx常用命令大全 nginx在linux下需要进入/usr/local/nginx/sbin/路径下 用 ./nginx 加后边指令Nginx在windows下常用命令: 启动:直接点击Nginx目录下的nginx.exe 或者 cmd运行start nginx 关闭nginx -s stop
阅读全文
摘要:一、安装 1、下载源码安装包 cd ~ wget https://nodejs.org/dist/v14.15.4/node-v14.15.4-linux-x64.tar.xz 2、解压并放入指定目录 tar -xf node-v14.15.4-linux-x64.tar.xz mv node-v1
阅读全文
摘要:正向代理伪造client,反向代理伪造server A B C 正向代理:你找 代理服务器 帮你(代理)访问其他国家网站获取数据 (你知道你要访问的那个网站是什么) a通过b获取c的数据 反向代理:c通过b把数据返回过来给a,a只知道b给他的数据,不知道c是谁 c知道a; “替真正的client”,
阅读全文
摘要:/* * @Author: 作者 * @Date: 2022-07-05 17:16:05 * @LastEditors: 最后修改人 * @LastEditTime: 2022-07-06 14:39:27 * @Description: 描述 */ import React, { useStat
阅读全文
摘要:不能包含大写字母,改小写就好啦。 另外有一点,在创建文件的时候,文件名也最好小写,因为mac系统不识别大小写
阅读全文
摘要:对于复杂的系统,我们可能要开好几个分支来开发,那么怎样使用git合并分支呢? 合并步骤: 前文:合并之前将自己分支的代码先提交上去,后面的步骤都是基于这一步的。 1、进入要合并的分支(如开发分支合并到master,则进入master目录)git checkout mastergit pull 2、查
阅读全文
摘要:swiperInstance.update({ slidesPerView: status == "pc" ? 1.354 : 1.253, coverflowEffect: status == "pc" ? { rotate: 0, stretch: "34%", depth: 841, // m
阅读全文
摘要:.shadow::before{ content: "哈哈哈,我是遮罩"; position: absolute; top:0; left:0; width: 100%; height:100%; box-sizing: border-box; padding: 20px; background-c
阅读全文
摘要:.swiper-button-next .swiper-button-prev。前进后退按钮 .swiper-slide-prev .swiper-slide-next 左右副slid(未展示的slid) .swiper-pagination 下方分页展示器
阅读全文
摘要:new Swiper(".swiper", { initialSlide: 1, centeredSlidesBounds: true, slidesPerView: status == "pc" ? 1.354 : 1.253, //视图层显示的sild个数 centeredSlides: tru
阅读全文
摘要://前进后退按钮去除点击时样式(背景会变蓝一下) .ProductToNumber .arrowCard { -webkit-tap-highlight-color: rgba(0, 0, 0, 0) /* 去除点击样式 */}设置在前进后退按钮里 //自带按钮颜色样式 --swiper-theme
阅读全文
摘要:function displayWindowSize() { // 获取窗口的宽度和高度,不包括滚动条 var w = document.documentElement.clientWidth; var h = document.documentElement.clientHeight; // 在d
阅读全文
摘要:var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAgent.match(/iphone os/i
阅读全文
摘要:-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
阅读全文