- 博客(13)
- 收藏
- 关注
原创 JavaScript数组去重及效率测试
JavaScript数组去重及效率测试方法一:双重for循环去重方法方法二:ES5=>Array.filter() + indexOf去重方法测试模板var arr1 = Array.from(new Array(100000), (x, index)=>{ return index})var arr2 = Array.from(new Array(50000), (x...
2019-07-25 16:17:27 464
原创 Css display 详解
Css display 详解display :nonedisplay :blockdisplay :inlinedisplay :inline-blockdisplay :none值描述支持none此元素不会被显示将元素设置为none时,被隐藏的元素不会占用自身固有宽度高度空间,也无法显示;代码如下:<html lang="en"><head> <meta charset="UTF-8"> <title
2021-01-29 16:39:44 3969 3
原创 Angular 动画效果中使用变量
安装动画库npm install @angular/animations --save我的动画库版本“@angular/animations”: “^6.1.0”,app.module.ts文件import { BrowserModule } from '@angular/platform-browser';import { BrowserAnimationsModule } from '@angular/platform-browser/animations';import { Ng
2020-09-26 10:54:24 323
原创 Maven 环境配置(Windows系统)
这里写自定义目录标题第一步:Maven下载第二步:找到Maven的安装路径第三步:设置 Maven 环境变量第一步:Maven下载第一步:Maven下载不同平台下载对应不同的包,Windows下载下图红框中的包第二步:找到Maven的安装路径第三步:设置 Maven 环境变量右键 “计算机”,选择 “属性”,之后点击 “高级系统设置”,点击"环境变量",来设置环境变量,有以下系统变量需要配置:新建系统变量变量名:MAVEN_HOME变量值:此处为Maven的安装位置编辑系统变量变
2020-09-05 10:47:13 223
原创 Object.create(Object.prototype)和new object()的区别
总体结论:new Object()会创建一个继承自Object的对象;Object.create(Object.prototype)是凭空创建一个“新”对象并把新对象内部的__proto__关联到Object对象的prototype案例1:function Person() { this.name = this.name;}var example1 = new Person();var...
2020-07-07 14:12:47 638
原创 纯Css实现三角形、气泡框的三角形
纯Css实现三角形上下左右箭头CssHTML效果图片左上、左下、右上、右下箭头CssHTML效果图片气泡框的三角形CssHTML效果图片上下左右箭头Css /*向上*/ .triangle_border_up { width: 0; height: 0; border-width: 0 30...
2019-10-18 08:58:49 1910
原创 js 递归实现数组排列组合
一个数组排列组合的各种可能性:栗子:var array=[‘1’,‘2’,‘3’,‘4’];实现效果:1,2,3,4,12,13,14,123,124,134,23,24,234,34,1234;需求:不在乎数字先后顺序,但不可重复;初始思路语句如下:缺点:代码过长,数组长度固定。var array = ['1', '2', '3', '4'];var newArr = [];fo...
2019-07-11 13:45:08 2228
原创 angulr爬坑之父子组件间通信方法
angulr父子组件间通信方法父组件向子组件传数据方法1:通过输入型绑定把数据从父组件传到子组件 @Input方法2:通过 setter 截听输入属性值的变化方法3:通过事件把数据从父组件传到子组件子组件向父组件传数据方法1:通过父组件调用@ViewChild()方法2:通过“#”把数据从子组件传到父组件方法3:通过事件把数据从子组件传到父组件 @Output父组件向子组件传数据方法1:通过输...
2019-06-03 14:24:59 398
原创 javascript中级脚本算法
javascript中级脚本算法区间求值算法找出数组间差异算法数字转罗马数字对象搜索算法挑战字符串查询替换算法字符串移动插入算法字符配对算法字符串查询补充算法输入检查算法数组去重算法html符号转实体算法区间求值算法function sumAll(arr) { var arrMin = Math.min(arr[0], arr[1]), arrMax = Math.max(arr[0],...
2019-05-08 10:23:47 212
原创 javascript初级脚本算法
初级脚本算法翻转字符串算法翻转字符串算法function reverseString(str) { str = str.split('').reverse().join(''); return console.log(str); }reverseString("hello");
2019-04-15 10:28:23 293
原创 clientX、screenX、pageX、offsetX事件属性区别
clientX、offsetX、screenX、pageX、x事件属性区别clientX、clientYpageX、pageYclientX、clientY返回当事件被触发时鼠标指针相对于body可视区域的水平坐标(clientX),垂直坐标(clientY)。pageX、pageY返回当事件被触发时鼠标指针相对于body可视区域的水平坐标(clientX),垂直坐标(clientY)。...
2019-03-29 14:21:44 296
原创 DOM0、DOM1、DOM2、DOM3事件区别
DOM事件DOM 0级事件具有极好的跨浏览器优势,会以最快的速度绑定。某一个元素的同一个行为绑定不同的方法在行内会分别执行。某一个元素的同一个行为绑定不同的方法在script标签中后面的方法会覆盖前面的方法。<body> // 某一个元素的同一个行为绑定不同的方法在行内会分别执行 <div id="box" "fun1();fun2()">点我</...
2019-03-27 17:44:08 8859
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人