- 博客(23)
- 收藏
- 关注
原创 VSCode下载离线插件vsix
网址https://marketplace.visualstudio.com/search?三、bin文件夹下面输入cmd命令 code --install-extension xxxxx.vsix 提示安装成功重启vs code即可。二、文件放在vs code 的安装目录的bin文件夹下。
2024-05-31 08:44:06
1951
原创 Xshell打不开,解决办法
二、任务管理器中找到Xshell后台进程,结束所有Xshell后台进程,再打开Xshell问题解决(如果上述方法仍然没有解决就用二的方法)2、然后找到:FlexNet Licensing Service将启动类型改为“禁用”(可能还要禁用FlexNet)。一、禁用FlexNet Licensing Service服务。
2024-05-30 17:59:28
1145
原创 获取dom方法封装
querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素// 获取dom方法封装getDomItem(type, name) { return document.querySelector(`[${type}="${name}"]`);}// 上图获取dom可以写为this.getDomItem("class", "example").style.backgroundColor = "yellow";this.getDomItem("id", "example")..
2020-11-26 15:49:18
181
原创 新手正则表达式小笔记
var reg = new RegExp(‘a’);这个正则表达式可以检查一个字符串中是否含有a可以是 i 忽略大小写 g 全局匹配模式var reg = new RegExp('a');var Nreg = new RegExp('a','i');console.log(reg.test('Abcccc'))console.log(Nreg.test('Abcccc'))var str = 'a';console.log(reg)console.log(typeof reg)var re
2020-09-29 13:30:50
161
原创 call apply函数调用及this
call()和apply()这两个函数对象的方法,需要通过函数对象来调用当对函数调用call()和apply()都会调用函数执行在调用call和apply()可以将一个对象指定为第一个参数此时这个对象将会成为函数时执行时的thiscall()方法可以将实参在对象之后依次传递apply()方法需要将实参封装到一个数组中统一传递this的情况:1.以函数的形式调用时,this永远都是window2.以方法的形式调用时,this是调用方法的对象3.以构造函数的形式调用时,this是新创建的那个
2020-09-23 15:32:22
178
原创 数组的concat join reverse sort
concat()可以连接两个或多个数组,并将新的数组返回该方法不会对原数组产生影响var arr = ['孙悟空','猪八戒','沙和尚'];var arr2 = ['白骨精','玉兔精','蜘蛛精'];var arr3 = ['二郎君','太上老君','玉皇大帝'];var result = arr.concat(arr2,arr3,'牛魔王','铁扇公主');console.log(result)join()该方法可以将数组转换为一个字符串该方法不会对原数组产生影响,而是将转化后的字
2020-09-22 16:42:21
96
原创 数组方法forEach slice splice去重
forEach()方法需要一个函数作为参数像这种函数,由我们创建但是不由我们调用的,我们称为回调函数数组中有几个元素就会执行几次,每次执行时,浏览器将会遍历到元素以实参的形式传递进来,我们可以定义形参,来读取这些内容浏览器会在回调函数中传递三个参数第一个参数,就是当前正在遍历的元素第二个参数,就是当前正在遍历的元素的索引第三个参数,就是正在遍历的数组var arr = ['孙悟空','猪八戒','沙和尚','唐僧','白骨精'];arr.forEach(function(value,ind
2020-09-21 16:17:49
809
原创 js质数练习
var num = prompt("请输入一个大于1的整数:");if(num <=1 ) { alert("该值不合法") } else { var flag = true; for(var i = 2;i < num; i++) { if(num % i == 0) { flag = false } } if(flag) { alert(num + "是质数!!") } }...
2020-09-17 15:31:03
112
原创 构造函数和原型对象的理解
构造函数就是类 对象 使用instanceof可以检查一个对象是否是一个类的实例 对象instanceof 构造函数function Person(name,age,gender) { this.name = name; this.age = age; this.gender = gender; this.sayName = function(){ alert('Hello大家好,我是'+this.name); };}var per = new Person('孙悟空',1
2020-09-17 14:29:38
98
原创 js中的this指向理解谁调用指向谁
根据函数的调用方式不同,this会指向不同的对象1、以函数的形式调用时,this永远都是window2、以方法的形式调用时,this就是调用方法的那个对象function fun() { console.log(this.name);}var obj1 = { name:'孙悟空', sayName:fun,}var obj2 = { name:'猪八戒', sayName:fun,}var name = 'name属性'obj1.sayName() // 孙悟空
2020-09-16 14:28:28
529
原创 栈内存和堆内存的简单理解
栈内存js中的变量都是保存到栈内存中的基本数据类型的值直接在栈内存中存储值与值之间是独立存在,修改一个变量不会影响其他的变量var a = 123;var b = a;a++;console.log('a='+a); 124console.log('b='+b); 123堆内存对象是保存到堆内存中的 每创建一个新的对象 就会在堆内存中开辟出一个新的空间而变量保存的是对象的内存地址(对象的引用),如果两个变量保存的是同一个对象引用 当通过一个变量修改属性时 另一个也会
2020-09-16 10:09:15
300
原创 测试js运行时长 console.time(‘test‘)
console.time('test')for(var i =2;i<=10000;i++) { var flag = true for(var j = 2;j<i;j++) { if(i%j == 0) { flag = false; break; } } if(flag) { // document.write(i+' ') }}console.timeEnd('test');break 终止程
2020-09-15 14:54:17
199
原创 js数组翻转斐波那契数列
1、数组翻转function reverseArray(arr) { for (var i = 0; i < arr.length/2; i++) { var temp = arr[i]; arr[i] = arr[arr.length-1-i]; arr[arr.length-1-i] = temp; } return arr;}var nums1 = [10,14,8,5,88]nums1 = reverseArray(nums1)console.log(nums1)
2020-09-11 14:36:03
308
原创 js数组最大值冒泡排序
1、数组最大值var nums = [10,8,99,66,3]var max = nums[0];for (var i=0;i<nums.length;i++) { if(nums[i] > max) { max = nums[i] }}console.log(max) 99
2020-08-19 11:10:03
323
原创 断点调试debug
方法一 如上图 调试台找sources 打断点 Watch添加变量观察 变化var num = 100;var name = "why";num = num + 25;name = "kobe";while(num < 100) { num += 2;}num = 55;方法二 直接代码中间写debugger 然后刷新页面var num = 100;var name = "why";debuggernum = num + 25;name = "kobe";
2020-08-18 15:28:10
107
原创 js循环笔记
1、打印10次hello worldvar i = 0;while(i<10) { console.log('hello world') i++}2、打印0-99var i = 0;while(i<100) { console.log(i); i++}for(var i=0; i<100; i++) { console.log(i)}3、计算0-99之和var i = 0;var total = 0;while(i<100) { tot
2020-08-18 10:49:32
247
原创 js或与运算符笔记
1、与运算特殊的特殊用法var info = { eating: function() { console.log('吃东西') } }info.eating && info.eating()console.log('----')eating存在则执行 不存在则执行后面的代码 输出吃东西2、或运算的特殊用法var info = { name:'shuaidingding', age:18, height:188, eat
2020-08-17 09:43:22
169
原创 面向对象编程的理解及函数的封装、继承和多态
面向对象和面向过程的区别面向对象和面向过程的主要区别是面向过程主要是以动词为主,解决问题的方式是按照顺序一步一步调用不同的函数。而面向对象主要是以名词为主,将问题抽象出具体的对象,而这个对象有自己的属性和方法,在解决问题的时候是将不同的对象组合在一起使用。所以说面向对象的好处就是可扩展性更强一些,解决了代码重用性的问题。面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实...
2019-12-20 16:34:43
290
原创 js中原型,原型链的理解
概念上图中的复杂关系 来源以下两行代码function Foo() {}var f1 = new Foo()[构造函数]用来初始化新创建的对象的函数是构造函数。在例子中,Foo()函数是构造函数[实例对象]通过构造函数的new操作创建的对象是实例对象。可以用一个构造函数,构造多个实例对象function Foo() {};var f1 = new Foo;var f2 = ...
2019-11-07 14:49:16
142
原创 函数中的防抖和节流
之前在vue项目开发中遇到过模糊查询seach功能搜索抖动强烈,最后采用的是定时器解决的,现在贴上代码watch: { // 监听搜索框的数据 不为空时请求数据 searchInfo(val) { this.showNoMore = false if (this.timer) { clearTimeout(this.timer) ...
2019-11-06 11:30:44
122
原创 函数定义和调用及call apply bind用法理解
1、函数的定义和调用1.1函数的3种定义方法1.1.1 函数声明//ES5function getSum() {}function () {}//ES6() => {}1.1.2 函数表达式// ES5var sum = function() {}//ES6 let sum=() => {} 1.1.3 构造函数const sum = new Funct...
2019-11-01 16:07:39
239
1
原创 前端js基础汇总(一)
一、谈谈标准盒模型和怪异盒模型(IE盒模型)盒模型分为标准盒模型和怪异盒模型(IE模型) box-sizing:content-box //标准盒模型 box-sizing:border-box //怪异盒模型标准盒模型 元素的宽度等于style里的width+margin+padding宽度标准盒模型:元素的宽度等于style里的width+margin+padding宽度如下...
2019-09-27 16:27:59
212
原创 大白话讲vuex
Vuex的基本概念Vuex是一个专门为vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。什么是状态管理模式List item...
2019-09-19 11:12:27
432
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人