07 2022 档案

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

点击右上角即可分享
微信分享提示