- 博客(224)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 【可视化大屏系列】数据列表自动滚动效果
其实，就个人使用体验来讲，更推荐使用第二种方案，因为方案一在调试页面样式高度自适应的时候，总是失败，无奈只好写固定像素，大概率是我自己学艺不精吧。方案二就基本不存在这种问题。所以推荐用DataV，既能快速实现需求功能，又可以精简很多代码量，效率upupup。具体代码自行官网研究，这里只做简单实现思路记录。（2）全局注册（main.js中）
2024-09-17 00:06:14
755
原创 vue中的树形表格
1.安装依赖：npm i vue-table-with-tree-grid -S。使用vue-table-with-tree-grid。2.main.js中全局引入和注册。
2023-03-30 10:42:28
986
原创 Vue+Element-ui实现表单验证
文章目录效果templatejs实现校验通过的实现效果效果校验效果template<div> <el-form ref="userFormRef" :model="userForm" :rules="userFormRule" label-width="100px" :status-icon="true" > <el-row :gutter="20"> <el-col :span="12
2023-03-22 14:22:33
584
原创 结构伪类选择器设定元素样式失效问题
下最后一个子元素msg-item;-----------------实际上并无这个元素。.msg-item:nth-last-child(2) 选择的是。.msg-item:last-child 选择的是。下倒数第二个子元素msg-item;
2023-03-21 15:04:24
444
原创 概念图（Conceptual graph）
概念图1.概念图概念图是将某一领域内的知识元素，按其内在关联建立起来的一种可视化语义网络。概念结构（Conceptual Structure）是由美国的计算机科学家John F.Sowa提出的一种以语言学、心理学、哲学为一体的知识表示方法[1]。概念图(Conceptual Graph)是支持概念结构思想的一个具体的语义模型，它不但能够.......
2022-07-07 20:27:48
3837
原创 echarts关系图demo
实现效果：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <
2022-03-26 22:54:03
1861
原创 day10:求字符串之间的最长子字符串
eg：var s1 = 'abacda'; //4(5-0-1)var s2 = 'cc'; //0(1-0-1)var s3 = 'dskj' //-1实现：function maxLengthSelf(s) { let max = -1; for (let i of s) { if (s.lastIndexOf(i) - s.indexOf(i) - 1 > -1) { max = s.lastIndexOf(i) - s.ind
2021-10-14 19:32:19
258
1
原创 day9:保留两位小数，且遇千分位加逗号；返回字符串中第一个不重复字符的索引
1.给定数字324544000.032，输出324,544,000.03方法一：对整数部分利用Number(324544000).toLocaleString(),可以转化为324,544,000var num = 324544000.032;let arr = num.toString().split('.')let str2 = arr[1].slice(0, 2)let str1 = Number(arr[0]).toLocaleString()let re = str1 + '.' +
2021-09-23 13:03:14
169
原创 svg记录
说明：svg 标签上width，height：此 SVG 文档的宽度和高度（1）与stroke相关的属性：stroke=“black” 轮廓颜色stroke-width=“2” 轮廓宽度stroke-opacity=“0.8” 轮廓透明度（2）与fill 相关的属性：fill=“red” 形状内部填充色fill-opacity=“0.6” 形状内部填充色的透明度（3）opacity:0.5" 定义整个元素的透明度①圆形 circle<svg xmlns="
2021-09-03 21:21:39
181
原创 同步异步输出
<div class="out"> <div class="in"></div></div>var outer = document.querySelector('.out');var inner = document.querySelector('.in');new MutationObserver(function() { //MutationObserver 监听DOM树变化 异步执行 console.log('mutate')
2021-08-31 14:26:33
331
原创 每日两题记录day8：返回字符串中出现次数最多的字符 和 连续数字连接问题
1.输入一个字符串，返回字符串中出现次数最多的字符let s = 'absddduuutfb'let obj = {} //统计字符使用for (let item of s) { if (obj[item]) { obj[item]++ } else { obj[item] = 1 }}let keyArr = Object.keys(obj).sort((a, b) => { return obj[b] - obj[
2021-08-30 21:08:49
226
原创 Promise初体验
1 抽奖，100以内，如果小于等于30成功，大于30则失败。 //生成随机数 function rand(m, n) { return Math.ceil(Math.random() * (n - m + 1)) + m - 1; } var btn = document.querySelector('#btn') btn.addEventListener('click', func
2021-08-30 12:35:24
198
原创 关于类型转换
console.log([] == false); //trueconsole.log([] == []); //falseconsole.log([] === []); //falseconsole.log([NaN].indexOf(NaN)); //-1console.log([NaN].includes(NaN)); //true还不太懂第2个、第3个，待写。。。
2021-08-27 16:51:22
91
原创 js中将字符串转为json对象的方法
1.eval()var str = '{ "firstName":"John" , "lastName":"Doe" }'let obj = eval("(" + str + ")")console.log(typeof obj);console.log(obj);2.JSON.parse()var str = '{ "firstName":"John" , "lastName":"Doe" }'let obj = JSON.parse(str)console.log(typeof obj
2021-08-26 18:32:14
446
原创 css定位（二）---css中粘性定位（sticky）---C3新增属性
作用：相对定位（position:relative）和固定定位（position:fixed）的混合。sticky相当于加了一个滚动事件的处理，在滑动过程中，某个元素距离其父元素的距离达到sticky粘性定位的要求时(比如top：100px)；position:sticky这时的效果相当于fixed定位，固定到适当位置。当滚动到父元素不在可视区域范围内时，定位效果就会消失。使用条件：父元素不能overflow:hidden（容器无法滚动）必须指定top、bottom、left、right4个值之一，
2021-08-23 17:52:34
459
原创 js中replace方法与match方法使用
replace()语法：string.replace(reg/substr,replacement)作用：使用replacement替换substr，或替换一个与正则表达式匹配的子串。返回一个字符串var str = "Visit Microsoft!"var s=str.replace(/Microsoft/, "W3School")console.log(s);//Visit W3School!var str = "Visit Microsoft!"console.log(str.r
2021-08-22 21:21:34
569
原创 时间戳与特定格式时间转换
1 获取时间戳1.获取系统当前时间的时间戳（单位：毫秒）方法1：var timestamp1= +new Date();方法2：var timestamp2 = new Date().valueOf();方法3：var timestamp3 = new Date().getTime();2.获取特定时间的时间戳var timestamp = new Date(‘2021-08-22 20:32:08’).getTime();2 将时间戳转为特定格式的日期如：YYYY-MM-DD HH:
2021-08-22 21:02:17
840
原创 奇怪的类型转换
demo：let a = { _d: 0, toString: function() { return this._d }}console.log(a == 0); //true==会隐藏类型转换例1：给定以下代码，实现打印win？if (a == 1 && a == 2 && a == 3) { console.log('win');}程序如下：let a = { _d: 0, toS
2021-08-21 18:40:21
88
原创 == 和 ===
等于操作符（==）先进行类型转换，再确定操作数是否相等。遵循的规则：两个都为简单类型，字符串和布尔值都会转换成数值，再比较简单类型与引用类型比较，对象转化成其原始类型的值(调用对象的 valueOf()方法)，再比较两个都为引用类型，则比较它们是否指向同一个对象null 和 undefined 相等存在 NaN 则返回 falseconsole.log(true == 1); //trueconsole.log("55" == 55); //truelet obj = { valu
2021-08-21 17:57:24
161
原创 flex布局---典型案例
1.左右固定，中间自适应<div class="box"> <div class="left"></div> <div class="content"></div> <div class="right"></div></div>.box { display: flex; height: 200px;}.left { width: 200px; back
2021-08-20 00:22:15
536
原创 js中一些特殊的函数（！！！！！！笔试编程题使用）
let s=readline();//s此时是一个字符串1.num.toFixed(count)Number(s).toFixed(2)//使输入值保留两位小数2.eval(s)求表达式s的值3.Number(s).toString(2)转换为2进制
2021-08-19 22:02:51
137
原创 js实现华为机试02
11.数字颠倒var str=readline();var arr=str.split('').reverse();var s='';arr.forEach(value=>s+=value);console.log(s);12.字符串反转let s=readline();let result='';for(let i=s.length-1;i>=0;i--){ result+=s[i]; }print(result);13.句子逆序var s=readline
2021-08-19 21:59:47
337
原创 JSON.parse()与JSON.stringify()
JSON.parse() // 将 json 字符串转换为json对象JSON.stringify() 将json对象转换为json字符串
2021-08-19 21:54:17
75
原创 js中的字符统计方法总结
方法1：普通方法let str = 'aaddccdc'var obj = {};for (let i = 0, len = str.length; i < len; i++) { if (obj[str[i]]) { obj[str[i]]++; } else { obj[str[i]] = 1; }}console.log(obj);方法2：数组方法reduce的技巧let str = 'aaddccdc'const obj
2021-08-19 16:03:17
557
MySQL Workbench 6.3.7 CE (winx64).rar
2020-02-09
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人