帅丁丁-CSDN博客

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

原创 Xshell打不开，解决办法

二、任务管理器中找到Xshell后台进程，结束所有Xshell后台进程，再打开Xshell问题解决（如果上述方法仍然没有解决就用二的方法）2、然后找到：FlexNet Licensing Service将启动类型改为“禁用”（可能还要禁用FlexNet）。一、禁用FlexNet Licensing Service服务。

2024-05-30 17:59:28 390

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 165

原创新手正则表达式小笔记

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 145

原创 call apply函数调用及this

call()和apply()这两个函数对象的方法，需要通过函数对象来调用当对函数调用call()和apply()都会调用函数执行在调用call和apply()可以将一个对象指定为第一个参数此时这个对象将会成为函数时执行时的thiscall()方法可以将实参在对象之后依次传递apply()方法需要将实参封装到一个数组中统一传递this的情况：1.以函数的形式调用时,this永远都是window2.以方法的形式调用时,this是调用方法的对象3.以构造函数的形式调用时,this是新创建的那个

2020-09-23 15:32:22 167

原创数组的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 84

原创数组方法forEach slice splice去重

forEach()方法需要一个函数作为参数像这种函数，由我们创建但是不由我们调用的，我们称为回调函数数组中有几个元素就会执行几次，每次执行时，浏览器将会遍历到元素以实参的形式传递进来，我们可以定义形参，来读取这些内容浏览器会在回调函数中传递三个参数第一个参数，就是当前正在遍历的元素第二个参数，就是当前正在遍历的元素的索引第三个参数，就是正在遍历的数组var arr = ['孙悟空','猪八戒','沙和尚','唐僧','白骨精'];arr.forEach(function(value,ind

2020-09-21 16:17:49 794

原创 js质数练习

2020-09-17 15:31:03 109

原创构造函数和原型对象的理解

构造函数就是类对象使用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 93

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

原创栈内存和堆内存的简单理解

栈内存js中的变量都是保存到栈内存中的基本数据类型的值直接在栈内存中存储值与值之间是独立存在，修改一个变量不会影响其他的变量var a = 123;var b = a;a++;console.log('a='+a); 124console.log('b='+b); 123堆内存对象是保存到堆内存中的每创建一个新的对象就会在堆内存中开辟出一个新的空间而变量保存的是对象的内存地址(对象的引用),如果两个变量保存的是同一个对象引用当通过一个变量修改属性时另一个也会

2020-09-16 10:09:15 293

原创测试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+'&nbsp') }}console.timeEnd('test');break 终止程

2020-09-15 14:54:17 195

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

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

原创断点调试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 104

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

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

原创面向对象编程的理解及函数的封装、继承和多态

面向对象和面向过程的区别面向对象和面向过程的主要区别是面向过程主要是以动词为主，解决问题的方式是按照顺序一步一步调用不同的函数。而面向对象主要是以名词为主，将问题抽象出具体的对象，而这个对象有自己的属性和方法，在解决问题的时候是将不同的对象组合在一起使用。所以说面向对象的好处就是可扩展性更强一些，解决了代码重用性的问题。面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实...

2019-12-20 16:34:43 283

原创 js中原型，原型链的理解

概念上图中的复杂关系来源以下两行代码function Foo() {}var f1 = new Foo()[构造函数]用来初始化新创建的对象的函数是构造函数。在例子中，Foo()函数是构造函数[实例对象]通过构造函数的new操作创建的对象是实例对象。可以用一个构造函数，构造多个实例对象function Foo() {};var f1 = new Foo;var f2 = ...

2019-11-07 14:49:16 135

原创函数中的防抖和节流

之前在vue项目开发中遇到过模糊查询seach功能搜索抖动强烈，最后采用的是定时器解决的，现在贴上代码watch: { // 监听搜索框的数据不为空时请求数据 searchInfo(val) { this.showNoMore = false if (this.timer) { clearTimeout(this.timer) ...

2019-11-06 11:30:44 119

原创函数定义和调用及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 218 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 208

原创大白话讲vuex

Vuex的基本概念Vuex是一个专门为vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。什么是状态管理模式List item...

2019-09-19 11:12:27 419 2

dlf_123456的博客