自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

wind的博客

水滴石穿

  • 博客(211)
  • 资源 (3)
  • 收藏
  • 关注

原创 vue中的树形表格

1.安装依赖:npm i vue-table-with-tree-grid -S。使用vue-table-with-tree-grid。2.main.js中全局引入和注册。

2023-03-30 10:42:28 773

原创 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 389

原创 结构伪类选择器设定元素样式失效问题

下最后一个子元素msg-item;-----------------实际上并无这个元素。.msg-item:nth-last-child(2) 选择的是。.msg-item:last-child 选择的是。下倒数第二个子元素msg-item;

2023-03-21 15:04:24 283

原创 Vue+Element-ui实现表格嵌套表格(表头不同)

【代码】Vue+Element-ui实现表格嵌套表格(表头不同)

2023-03-21 00:20:12 2142

原创 git操作命令总结

git命令

2022-10-24 08:13:01 155

原创 概念图(Conceptual graph)

概念图1.概念图概念图是将某一领域内的知识元素,按其内在关联建立起来的一种可视化语义网络。概念结构(Conceptual Structure)是由美国的计算机科学家John F.Sowa提出的一种以语言学、心理学、哲学为一体的知识表示方法[1]。概念图(Conceptual Graph)是支持概念结构思想的一个具体的语义模型,它不但能够.......

2022-07-07 20:27:48 3204

原创 本体(Ontology)

本体,protege,jena

2022-07-07 19:19:36 639

原创 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 1624

原创 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 209 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 102

原创 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 117

原创 同步异步输出

<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 264

原创 每日两题记录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 178

原创 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 139

原创 关于类型转换

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 58

原创 C3新增特性总结

来源

2021-08-27 15:26:24 306

原创 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 394

原创 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 353

原创 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 506

原创 时间戳与特定格式时间转换

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 750

原创 奇怪的类型转换

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 63

原创 == 和 ===

等于操作符(==)先进行类型转换,再确定操作数是否相等。遵循的规则:两个都为简单类型,字符串和布尔值都会转换成数值,再比较简单类型与引用类型比较,对象转化成其原始类型的值(调用对象的 valueOf()方法),再比较两个都为引用类型,则比较它们是否指向同一个对象null 和 undefined 相等存在 NaN 则返回 falseconsole.log(true == 1); //trueconsole.log("55" == 55); //truelet obj = { valu

2021-08-21 17:57:24 108

原创 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 401

原创 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 112

原创 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 214

原创 JSON.parse()与JSON.stringify()

JSON.parse() // 将 json 字符串转换为json对象JSON.stringify() 将json对象转换为json字符串

2021-08-19 21:54:17 50

原创 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 396

原创 js中的排序(sort和冒泡)

1.sort()var points = [40, 100, 1, 5, 25, 10];points.sort(function(a, b) { return a - b; //升序});console.log(points); //[1, 5, 10, 25, 40, 100]points.sort(function(a, b) { return b - a; //降序});console.log(points); //[100, 40, 25, 10, 5, 1]2

2021-08-19 15:56:22 129

原创 js对对象按照值进行排序

比如:给定学生和成绩:‘小黑’: 80,‘小王’: 90,‘小杨’: 85,‘小白’: 80将其按照升序排列输出:小黑:80小白:80小杨:85小王:90实现:方法1:存到一个对象里,对对象的键利用sort排序let obj = { '小黑': 80, '小王': 90, '小杨': 85, '小白': 80}//得到按键值升序排列的键数组let keyArr = Obj

2021-08-19 14:34:44 5181

原创 拼接数组的办法

1.concat(不改变原数组)let arr1 = [1, 3, 4]let arr2 = [9, 0, 7, 2]let arr = arr1.concat(arr2)console.log(arr);2.利用ES6中的展开运算符let arr1 = [1, 3, 4]let arr2 = [9, 0, 7, 2]let arr = [...arr1, ...arr2]console.log(arr);

2021-08-17 20:25:02 644

原创 判断变量是否是数组

instanceofvar a = []console.log(a instanceof Array);//trueArray.isArray(variable)var a = []console.log(Array.isArray(a));原型prototype + isPrototypeOf()Array.prototype.isPrototypeOf(variable)判断Array对象 是否存在 variable的原型链中,存在返回true,反之返回false原.

2021-08-17 19:38:17 69

原创 运算符:typeof与instanceof

typeof:检测一个变量的类型,返回字符串instanceof:判断某个实例是否为某个对象的实例,返回布尔值使用:typeof(表达式)和typeof 变量名typeof 的返回值:‘undefined’‘boolean’‘string’‘number’‘object’‘function’注意:console.log(typeof a); //'undefined' console.log(typeof(true)); //'boolean'console.log.

2021-08-17 18:49:07 208

原创 数组记录(2)---方法分类:是否改变原数组

2021-08-17 17:04:37 81

原创 js数据类型记录(2)

let a = 10;let b = a; // 赋值操作b = 20;console.log(a); // 10分析:a的值为一个基本类型,存储在栈中,将a的值赋给b,虽然两个变量的值相等,但是两个变量保存在两个不同的内存地址var obj1 = {}var obj2 = obj1;obj2.name = "xxx";console.log(obj1.name); // xxx分析:obj1是一个引用类型,在赋值操作过程汇总,实际是将堆内存对象在栈内存的引用地址复制了一份给了.

2021-08-17 16:12:40 91

原创 js删除数组的元素

删除数组中某个指定值的元素(已知值,考虑到这个指定值可能重复)删除数组中某一项(已知索引)删除某个指定值删除元素值为pear的元素思路:先对数组去重,再删除指定值。let fruits = ['apple', 'pear', 'peach', 'banana', 'pear'];let uniqArr = Array.from(new Set(fruits));//去重let index = uniqArr.indexOf('pear');//找到指定值的下标uniqArr.splice.

2021-08-17 11:59:36 195

原创 每日两题记录day7---HJ51 输出单向链表中倒数第k个结点 与 HJ68 成绩排序

HJ51 输出单向链表中倒数第k个结点while(n=readline(),s=readline(),k=readline()){ let len=Number(n); let arr=s.trim().split(' ') let key=Number(k); if(key>0){ print(arr[len-key]); } if(key===0){ print(0); }}倒数第k个节点:也就是正

2021-08-17 10:53:34 124

原创 ng-zorro-antd与angular7实现表单验证

ng-zorro-antd表单的官网(1)模板驱动表单验证实现效果代码如下:html<form nz-form> <nz-form-item> <nz-form-label nzRequired [nzSpan]="5">用户名</nz-form-label> <nz-form-control [nzSpan]="12"> <input #unameValid="n

2021-08-12 20:47:15 1008

原创 每日两题记录day6---公共子串计算

切分字符串的方法:s.slice(start, end)与s.substring(start, end)s.substr(start,length)1 求两个串的最长公共子串及长度 let s1=readline(); let s2=readline(); var s='';//最长的公共子串 if(s1.length > s2.length){ var t=s1; s1=s2; s2=t; }

2021-08-12 12:48:35 66

原创 每日两题记录day5--- HJ80 整型数组合并 和 HJ81 字符串字符匹配

HJ80 整型数组合并题目标题:将两个整型数组按照升序合并,并且过滤掉重复数组元素。输出时相邻两数之间没有空格。while(n1=readline(),s1=readline(),n2=readline(),s2=readline()){ let arr1=s1.trim().split(' '); let arr2=s2.trim().split(' '); let arr=Array.from(new Set(arr1.concat(arr2))); arr.s

2021-08-11 21:42:31 295

原创 js实现括号匹配记录

let str = '[{{(}}]';let arr = [];let flag = 1;//0:不匹配 1:匹配if (str.length % 2 !== 0) {//长度为奇数 flag = 0;}else {//长度为偶数 for (let item of str) { switch (item) { case '[': arr.push(item); break;

2021-08-11 10:32:29 310

MySQL Workbench 6.3.7 CE (winx64).rar

这是对mysql中的数据进行可视化展示和操作等的一个软件,64位系统下解压直接使用,本人下载整理,现在上传到这里,希望对你们有用。

2020-02-09

jep框架搭建教程

myeclipse,jdk,tomcat的安装图解,在myeclipse中搭建集成jep框架。

2018-02-08

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除