小火车况且况且况且的博客

【代码】Vue实现列表的无缝滚动功能。

在 模式下,根目录通常不建议直接安装依赖,而是通过工作区来管理依赖。但是在一些情况下,在根目录安装一些共享依赖也是可以的。创建一个文件, 两个子项目分别是和使用的脚手架创建项目时,可以不用先创建文件夹,通过按照步骤选择自己功能说明: 通过用来在根目录安装共享依赖, 其他子项目可以使用

中的添加文件目录为的文件为说明官网地址Node.js 中 child_process 模块的 execSync 方法用于同步执行 shell 命令。execSync 方法的主要特征和用法如下:选项:cwd - 子进程的当前工作目录input - 输入给命令的内容stdio - 子进程 stdin/stdout/stderr 配置env - 环境变量键值对shell - 子进程的 shelluid/gid - 设置用户/组 id和 exec 的区别是 execSync 是同

比如, 网络不稳定，服务器出错，跨域问题、或者资源本身有问题，导致出现了资源加载失败。就会造成后面需要使用的地方出现。// 便签的名称必须是 'SCRIPT' 与 event 错误的类型不能是 ErrorEvent。标签中资源加载出错，从而执行一些自己想要的操作。'script 加载错误'// 拿到触发错误的标签。

官网说明调试点击行号边上的空白区域就可以添加标记按下F5按钮出现调试工具，图标代表的意思和浏览器的调试工具一致官网说明

Node.js读取本地CSV文件, 并且写入为JSON格式文件

文件中的部分数据如图需求是需要提取出文件的数据使用到的模块是 Papa Parse的基本使用可以参考官方demo首先需要注意, 解析本地文件, 需要的文件格式是从中获得的对象, 不能直接使用导入文件以下方法直接导入是不可行的2.1 使用文件上传的形式这里使用的上传组件因为使用的是本地直接导入, 所以数据的结果需要在函数中接受文件格式和数据的结果如下2.2 创建请求, 相当于已经将数据获取, 通过整理需要注意的结果如下,也就是说相当于已经将数据获取XMLHttpRequest.ov

ViteVue。

Cesium

Cesium修改原始鼠标视图操作, 右键按住改变视角, 滚轮滚动进行zoom改变

Cesium出现Unknown crs name: urn:ogc:def:crs:EPSG:xxxx

放在一个父盒子中, 通过定位实现视觉效果。进行封装一个公用的组件形式, 将内容。

Echarts阴影部分触发事件

PC端的一些简单适配

当使用泛型继承属性时, 就会提示问题问题来源可以查看提示的的链接其实解决办法也可以查看的提示, 通过替换拓展-Record 链接是内置的高级类型

普通函数中的因为是被对象调用, 所以就指向了对象, 打印的结果就是箭头函数中的是在函数定义的时候就确定了, 而且对象不构成独立的作用域, 所以就指向了顶级作用域, 打印结果就是使用 创建构造函数的四个步骤因为箭头函数是没有原型对象的, 因此如果直接使用 就会报错因为这里的箭头函数往上层作用域查找, 但是全局的作用域是没有属性的, 所以报错这里的箭头函数会找到上层作用域函数的...

JS的条件式属性访问ES2020增加了两个新的属性访问表达式expression?.identifierexpression?.[expression]在JS中, null和undefined是唯一两个没有属性的值. 在使用普通的属性访问表达式时, 如果.或[]左侧表达式求值为null或undefined会报TypeError. 可以使用?.或?.[]防止这种错误发生比如表达式a?.b, 如果a是null或undefined, 那么整个表达式求值结果为undefined, 不会尝试访问属性b.

严格相等(===)严格相等操作符=== 求值其操作数, 然后按下列步骤比较两个值, 不做类型转换如果两个值类型不同, 贼不相等如果两个值都是null 或者都是undefined, 则相等如果两个值都是布尔值true 或者都是false, 则相等如果一个或者两个值都是NaN, 则不相等如果两个值都是数值且值相等, 则相等. 如果一个值是0而另一个值是-0,则相等如果两个值是字符串且相同位置包含完全相同的16为值, 则相等, 如果两个字符串长度或内容不同,则不相等如果两个值引用同一个对象, 数

JS中的+操作符说明: 二元操作符+ 用于计算数值操作数的和 或者 拼接字符串操作数1 + 2 // => 3"hello" + "world" // => "hello world""1" + 2 // => "12" 如果两个操作数都是数值或都是字符串, +操作符执行后的结果自不必说. 但除开这两种情况之外的任何情况, 都会涉及到类型转换, 而实际执行的操作取决于类型转换的结果. +操作符优先字符串拼接 : 只要有操作数是字符串或者是可以转换为字符串的对象, 另一个操作数

JS的类型转换说明: JS对自己所需要的值的类型非常灵活., JS需要一个布尔值,但是可能提供了其他类型的值,JS会根据需要转换为这个值例子10 + 'objects' // '10 objects' 数值1-转换为字符串'7' * '4' // 28 两个字符串转换为数值let n = 1 - 'x' // n == NaN 字符串'x': 无法转换为数值n + 'objects' // 'NaN + objects': NaN 转换为字符串 'NaN' 总结下表总结了JS中类型之间的转

关于NaN,null,undefined的个人理解1. NaN非数值(Not a Number)非数值在JS中有一个不同寻常的特性: 它与任何值都不相等,也不等于自己,这意味着不可以通过x === NaN 判断变量x的值是NaN.要想判断就需要写成x != x 或者 Number.isNaN(x)NaN === NaN // falseNaN === false // falseNumber.isNaN(NaN) // trueisNaN(NaN) // true2. null和undefi

JS中的函数声明和函数表达式1. 函数声明定义一个具有指定参数的函数函数声明提升, 函数声明在JS解析时进行函数提升，因此在同一个作用域内，不管函数声明在哪里定义，该函数都可以进行调用hoisted(); // logs "foo"function hoisted() { console.log('foo');}2. 函数表达式function 关键字可以用来在一个表达式中定义一个函数函数表达式提升, JavaScript中的函数表达式没有提升,不像函数声明,你在定义函数表达式

JS使用clipboard调用浏览器的复制因为execCommand的废弃,导致使用后在部分浏览器无法生效的问题因此改为clipboard方法MDN说明使用\n可以实现字符串的换行const writeText = `开发资源名称:${this.xqzrFormInfo.resourForm.pubResName}\n`navigator.clipboard.writeText(writeText).then(()=> { alert("复制成功")}, (error)=>

MDN地址1. ReferenceError 引用错误当你尝试引用一个未被定义的变量时，将会抛出一个 ReferenceErrorconsole.log(a)// Uncaught ReferenceError: a is not defined2. TypeError 类型错误当传入函数的操作数或参数的类型并非操作符或函数所预期的类型时，将抛出一个 TypeError 类型错误let aa.c// Uncaught TypeError: Cannot read properties o

参考链接1. 纯函数对于相同的定义，永远只会得到相同的输出，而且没有任何可观的副作用，也不依赖外部环境的状态举个简单的例子来说Array.slice是纯函数，因为它没有副作用，对于固定的输入，输出总是固定的Array.splice就不是纯函数了，他存在副作用，对于固定的输入，输出的结果不同let arr = [11,22,33,44]arr.slice(0,3)// => [11,22,33]arr.slice(0,3)// => [11,22,33]arr.splice

动态创建script标签发送GET请求处理跨域，接收返回的参数个人理解原理动态创建script标签发送请求的时候，一般会传递一个字段过去类似于 www.baidu.com?responData 以问号的形式拼接后台接收到请求之后，拿到问号后的字段，将返回的数据以 responData = { code: 200, data: {},...}的格式传递给前端前端通过 window.responData 的形式获取到返回的数据...

JS中的排序tip 可以使用 console.time("冒泡排序") 和 console.timeEnd("冒泡排序") 计算循环需要的时间1. 冒泡排序------参考地址菜鸟教程基本步骤比较相邻的元素。如果第一个比第二个大，就交换他们两个。对每一对相邻元素作同样的工作，从开始第一对到结尾的最后一对。最后的元素会是最大的数。针对所有的元素重复以上的步骤，除了最后一个。持续每次对越来越少的元素重复上面的步骤，直到没有任何一对数字需要比较。代码实现let arr = [20,30,

关于JS中addEventListener的使用MDN中addEventListener()说明主要用来实现事件的绑定存在三个参数 target.addEventListener(type, listener, useCapture);type: 表示监听事件类型的字符串。类似于click,mouseover...listener: 用来监听处理的函数方法useCapture: 默认是false,事件冒泡,可以设置为true为事件捕获这里需要了解一下基本的事件流(事件捕获->事件目标

JS的事件循环机制事件执行的顺序当事件开始时,首先会进入JS主线程机制,由于JS属于单线程机制,因此存在多个任务的时候会存在等待的情况,先等待最先进入线程的事件处理完毕这样就会出现等待的情况,如果之前的事件没有执行完成,后面的事件就会一直等待但是类似于AJAX和setTimeout , setInterval 等待的事件,就出现了异步处理通过将异步的事件交给异步模块处理,主线程就会去并行的处理后面的事件当主线程空闲的时候,异步处理完成,主线程就会读取异步处理返回的callba

JS 中改变函数的this指向，call，apply，bind方法的使用和区别1. call()方法 文档说明语法function.call(thisArg, arg1, arg2, ...)thisArg 是想要将this指向的那个对象或者方法arg1,arg2...传递的参数使用，使用call之后函数会立即调用在没有使用call的时候fn函数中的this指向的是window...

JS 中的class类的基本使用1. 基本使用 class的基本语法使用class关键字定义一个类，本质上是一个function，可以看做一个语法糖，定义了同一组对象（又称为实例）共有的属性和方法class Person { constructor(x,y){ this.x = x this.y = y } sum(){ console.log(this.x + th...

JS 在使用Ajax发送请求的时候出现 Failed to execute 'open' on 'XMLHttpRequest'出现的原因是在请求的时候没有加上http://错误的请求地址const baseURL = "127.0.0.1:2580"修改后的地址const baseURL = "http://127.0.0.1:2580"// const baseURL = "127....

JS 中this的指向问题原文章地址在了解this指向之前必须先知道 this的指向在函数定义的时候是确定不了的,只有在函数调用的时候才知道 this指向最终调用它的对象小例子function a() { var name = "小火车" console.log(this) // window console.log(this.name) // undefined.........

JS 中的变量提升参考不同的文章, 整理成为自己可理解的内容文章原地址出现的代码运行线上地址首先来看小例子console.log('name: ', name) // undefinedconsole.log('age : ', age ) // undefinedconsole.log('sayHi ;', sayHi) // f sayHi()var name = '小火车'...

JS 中的继承就目前所知的继承一共存在6中原型链的继承借用构造函数(类式继承)组合继承原型式继承寄生式继承寄生组合式继承1. 原型链继承重要的点在于:让新实例的原型prototype接收父类的实例Child.prototype = new Person("小火车")优点: 父类的所有属性,不管是绑定在prototype上的还是在函数中定义的属性,都会被子类继承到缺点:...

JS 中的原型链理解原型原型具有唯一性首先看一个例子function Person (name, age) { this.name = name this.age = age}// 所有的构造函数中 函数都有一个 prototype 属性// 可以根据这个 prototype 的属性给构造函数添加一些新的方法Person.prototype = { ea...

JS 中的构造函数定义： 通过new关键字来实例化对象的函数叫做构造函数区别： 之所以会有构造函数和普通函数的区别， 是因为构造函数通过new关键字一起使用，new就是在创建对象，从无到有，而构造函数就是在new创建的对象中添加属性和方法，构造函数在定义的时候需要使用大写的首字母...

CSS 中clientX clientY offsetX offsetY 等属性说明示意图event.clientX, event.clientY : 鼠标点击的位置距离 body 的大小event.screenX, event.screenY : 鼠标点击的位置距离 屏幕 的大小event.offsetX, event.offsetY 鼠标点击的位置距离 div盒子 的大小没有...

JavaScript语言特征的初步理解JavaScript是一种弱类型, 动态类型检查的语言弱类型: 在定义变量的时候可以给变量赋值任何数据类型的值, 变量的数据类型不是固定死的let a = 10a = "123"a = function() {}强类型: 在声明变量的时候一旦给变量赋值, 变量的数据类型已经确定下来, 如果想要在后期给该变量赋值其他类型的变量, 需要进行强制转换...

JS 中的函数函数的基本定义function func(n, ...) { if(n > 0) return else { return n }}console.log(func(10)) // 10function 指出这是一个函数定义在上述函数中 func 为函数的名称(n, ...)列出函数的参数 形参{...}之间的代码是函数体，可以包含若干语句，甚至...