![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 58
Arden Zhao
这个作者很懒,什么都没留下…
展开
-
Day 266/300 ThreeJs 如何废置对象?
应用程序可以通过较老的场景,并废置所有过时的材质、几何体和纹理贴图。然而,three.js会创建在渲染中所必需的特定对象, 例如几何体或材质,以及与WebGL相关的实体,例如buffers或着色器程序。因此,在项目中,会有很多加载资源比较大情况,为了提高性能,并避免应用程序中的内存泄露,因此需要废置未使用的类库实体。将一个mesh(网格)从场景中移除,是否也会废置它的geometry(几何体)和material(材质)?每当你创建一个three.js中的实例时,都会分配一定数量的内存。原创 2022-11-18 11:30:05 · 358 阅读 · 0 评论 -
Day 263/300 React+Ant Design Pro多语言(中英文)切换Demo
需要填写中英文两种文字的对照版本——两个文件分别对应文本不同的翻译内容,切换语言后,做不同的展示。项目需要中英文切换。需要将项目做中文/英文切换。来满足英语语言的展示和访问需求。包含了处理多语言的公共方法。原创 2022-10-14 16:29:02 · 1286 阅读 · 0 评论 -
Day 262/300 Uncaught (in promise) TypeError: Cannot read property ‘__asyncLoader‘ of undefined
如果是之前没问题,新出来的问题。就找找最近改了什么代码。我是3周前,改了这个代码,出现的问题。在第一次排查的时候,只翻到了两周前的代码。原创 2022-09-28 14:49:26 · 2876 阅读 · 0 评论 -
Day 259/300 如何判断某个对象是否包含某个属性?
想判断某个对象,是否包含属性值。1、可以遍历对象的所有属性,循环判断2、可以直接写obj[key]3、使用Object.hasOwn方法原创 2022-09-19 16:39:10 · 100 阅读 · 0 评论 -
Day 258/300 原型链的继承属性
当试图访问一个对象的属性时,它不仅仅在该对象上搜寻,还会搜寻该对象的原型,以及该对象的原型的原型,依次层层向上搜索,直到找到一个名字匹配的属性或到达原型链的末尾。JavaScript 对象是动态的属性“包”(指其自己的属性)。JavaScript 对象有一个指向一个原型对象的链。当谈到继承时,JavaScript 只有一种结构:对象。每个实例对象(object)都有一个私有属性(称之为。),层层向上直到一个对象的原型对象为。该原型对象也有一个自己的原型对象()指向它的构造函数的原型对象(原创 2022-09-16 14:42:29 · 83 阅读 · 0 评论 -
Day 257/300 JS中宏任务(setTimeout)和微任务(async await)的执行顺序的demo
2、遇到await后面非当前行的内容,是在函数执行后,才执行的;1、遇到await后面当前行的内容(无论语句还是函数方法);3、宏任务队列中会按照push进去的先后顺序,依次打印输出;原创 2022-09-02 08:33:35 · 141 阅读 · 0 评论 -
Day 228/300 NET::ERR_INCOMPLETE_CHUNKED_ENCODING 200 (OK)
(一)需求部署到新服务器的时候,有一个接口返回200,但是就是无法正常显示。排查了很久这里记录下~(二)问题及说明1、HTTP返回的错误信息NET::ERR_INCOMPLETE_CHUNKED_ENCODING 200 (OK)2、可能的错误原因分析:nginx配置缓存区设置过小nginx的临时目录(/proxy_temp)过大或没有权限写入缓存文件磁盘空间不足最终,发现是nginx的缓冲区(Proxy Buffer)设置较小。导出的内容缓存了,但缓存的不完整,而请求的时候拿原创 2022-05-11 17:31:03 · 266 阅读 · 2 评论 -
Day 216/300 Object.defineProperty()有几个参数
(一)需求被问到了,本来以为会,结果发现之前理解的不大对。(二)介绍1、答案是3个参数obj 要定义属性的对象;prop 要定义或修改的的属性名称或Symboldescriptor 要定义或修改的属性描述符对象里目前存在的属性描述符有两种主要形式:数据描述符和存取描述符。数据描述符是一个具有值的属性,该值可以是可写的,也可以是不可写的。存取描述符是由 getter 函数和 setter 函数所描述的属性。一个描述符只能是这两者其中之一;不能同时是两者。(三)Democo原创 2022-04-26 19:44:18 · 1290 阅读 · 0 评论 -
Day 199/200 为什么 Function instanceof Object === true 和Object instanceof Function === true 都成立
1、需求在看原型链。没想明白Function和Object的关系。就查了下。2、原则js之父在设计js原型、原型链的时候遵从以下两个准则:准则1:原型对象(即Person.prototype)的constructor指向构造函数本身准则2:实例(即person)的__proto__和原型对象指向同一个地方3、关系null-> Object.prototype -> Function.prototype->Function->Object首先:js中先创建的是Ob原创 2022-03-24 18:48:53 · 650 阅读 · 0 评论 -
Day 170/200 jest-environment-jsdom-fourteen/lib/index.js“ does not export a “getvmcontext“ method
1、出现的情况现有项目中已经有了babel-jest,又安装了jest 使用Jest 执行官网Demo时,报错了jest-environment-jsdom-fourteen/lib/index.js" does not export a "getvmcontext" method2、问题定位安装包有问题3、解决安装babel 相关安装包yarn add --dev babel-jest @babel/core @babel/preset-env创建babel配置文件 babel原创 2021-11-25 18:01:24 · 841 阅读 · 0 评论 -
Day167/200 自动执行TypeScript和interface、type 区别
前言1、适合新手入门;2、眼过千遍,不如手过一遍,看文档,我忘记了很多次;建议大家边看边运行Demo。3、官网在线运行地址:https://www.typescriptlang.org/play1、如何自动执行ts文件?使用ts-node直接运行TypeScript代码npm install -g ts-nodets-node demo1.ts2、函数的类型即函数的返回值类型function sanitizeInput(str: string): string { ret原创 2021-11-22 22:44:40 · 201 阅读 · 0 评论 -
Day165/200 JS import * from 用法
前言用了import 很久,但是发现用法好像不清楚,就记录下(一)定义1、import 的作用:导入另一个模块所做出的绑定。无论是否声明了 strict mode ,导入的模块都运行在严格模式下。2、形式:import name from ''name参数是“导入模块对象”的名称。(二)用法分了三种情况讨论。1、import x from ‘abc.js’命名元素x(消费者),可以改为其他的名称,这种导入要求 abc.js模块中有 export&原创 2021-11-01 14:36:33 · 3584 阅读 · 0 评论 -
Day164/200 VSCode 发布浏览器版啦 再也不用下载桌面版了吗
前言以前一直用的是VSCode 桌面版,今儿看新闻发现VScode支持在线开发了。开发工具的在线化,感觉还是挺颠覆的。以前一直不会写Promise 趁着这次动手的机会学会啦~1、工具地址https://vscode.dev/点击打开后,网页界面和桌面版的非常类似。2、可账号登录登录后,发现桌面版安装过的开发插件可以同步过来,这个功能还挺强的,说明在做账号互通工作啦。3、关于开发基本体验一直,但不支持终端命令行(差评),用命令行打开,发现还是基于本地文件的开发(否则可能需要云盘的支持)原创 2021-10-22 21:31:06 · 196 阅读 · 0 评论 -
Day 163/200 Vuex V3.X 学习笔记
前言用了Vue很久,一般是用简单的组件内,或者简单的组件间传值,复杂的就不知道怎么弄了,一直没怎么学,现在决定要学,发现好像也没有那么难。(一)适用条件适用于Vue2(Vue3适用于Vuex 4.X);虽然技术旧一点,但是是现在在用,所以还需要学。(二)定义Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。(三)特点1、单项数据流state,驱动应用的数据源;view,以原创 2021-10-21 21:27:39 · 72 阅读 · 0 评论 -
Day 162/200 JS 作用域
前言过去,基础概念总是迷迷糊糊的,今儿碰到作用域,发现自己其实说的不够明白,就总结记录一些(一)全局作用域指的是环境中的整体JavaScript可作用范围。1、浏览器浏览器中打印window 可查看浏览器默认全局作用域中的方法;此外,在浏览器中,由于历史原因,不仅仅有window作用为全局作用域的变量,还有self和global。window==self==global2、node环境使用global,但打印出来的变量少很多。<ref *1> Object [glob原创 2021-10-20 21:49:04 · 70 阅读 · 0 评论 -
Day 160/200 JavaScript数据类型及数据类型的方法
前言写JavaScript很久了,但JavaScript的数据类型能够准备的说出吗?比如,null如何判断了解吗?我发现自己并不能准确的说出 于是总结了下(一)数据类型1、7种原始数据类型(基本数据类型):undifined null Number String Boolean Symbol:每个从Symbol()返回的symbol值都是唯一的 BigintBigInt可以表示任意大的整数 可以用在一个整数字面量后面加 n 的方式定义一个 BigInt2、Obj原创 2021-10-12 18:15:13 · 49 阅读 · 0 评论 -
Day 148/200 如何理解算法的时间复杂度和空间复杂度?
前言我上学好多年,代码写了好多年,其实还是搞不清楚,时间复杂度和空间复杂度到底是啥意思,今儿梳理下,也希望可以对读到的你有一些启发~1、算法的考量——时间和空间从算法所占用的「时间」和「空间」两个维度去考量。时间维度:是指执行当前算法所消耗的时间,我们通常用「时间复杂度」来描述。 空间维度:是指执行当前算法需要占用多少内存空间,我们通常用「空间复杂度」来描述。2、时间复杂度2.1 单次时间复杂度是什么?时间复杂度不是用来计算程序具体耗时的就是描述执行一行没有循原创 2021-09-20 00:02:16 · 77 阅读 · 0 评论 -
Day 147/200 Vue3+Jest 安装报错备份
PostCSS 8前言安装过程,太坑了各种报错,记录分享给大家~有一部分报错没记录,遇到问题可以私信我。安装教程挺多的,但好使的没那么多。先要注意当前的vue版本,如果你的是Vue2,那么安装的对应的库是不一样的1、请安装对应Vue版本的Vue-Test-Utils具体见Vue网API Reference | Vue Test Utils for Vue 3 (2.0.0-rc.14)2、Cannot find module 'babel-jest'安装b原创 2021-09-18 17:22:06 · 298 阅读 · 1 评论 -
Day 146/200 什么是柯里化?
(一)函数式编程1、定义函数式编程是范畴论的数学分支,是一门很复杂的数学,认为世界上所有概念体系都可以抽象出一个个范畴。彼此之间存在某种关系概念、事物、对象等等,都构成范畴。任何事物只要找出他们之间的关系,就能定义。2、态射箭头表示范畴成员之间的关系,正式的名称叫做“态射”。范畴轮认为,同一个范畴的所有成员,就是不同状态的“变形”。通过“态射”,一个成员可以变形成另一个成员。(二)柯里化(Currying)1、定义把一个多参数函数转换为一个嵌套一元函数的过程。原创 2021-09-17 22:58:53 · 57 阅读 · 0 评论 -
Day 140/200 Redux中的基本定义说明(含Reducer部分)
写在前面的话学东西,要先看官网~(一)Redux1、定义Redux 是 JavaScript 应用的状态容器,提供可预测的状态管理。Redux 是一个使用叫做“action”的事件来管理和更新应用状态的模式和工具库它以集中式Store(centralized store)的方式对整个应用中使用的状态进行集中管理,其规则确保状态只能以可预测的方式更新。Redux 除了和 React 一起用外,还支持其它界面库。它体小精悍(只有2kB,包括依赖),却有很强大的插件扩展生态。.原创 2021-07-30 18:03:35 · 74 阅读 · 0 评论 -
Day 138/200 React 之 State & 生命周期
写在前面果然成年人的世界是功利的,项目催的紧,学习劲头足,效率也高。1、定义State 与 props 类似,但是 state 是私有的,并且完全受控于当前组件。2、将函数组件转换成 class 组件之前的Demofunction Clock(props) { return ( <div> <h1>Hello, world!</h1> <h2>It is {props.date.toLo原创 2021-07-28 10:41:35 · 56 阅读 · 0 评论 -
Day 137/200 React之组件 & Props
写在前面最近学React是因为要CVAT的项目,我看不懂项目代码。头儿说要学React,我不服气,就看了TypeScript,再看项目代码,还是看不懂。于是,开始学React,发现很多看不懂的地方开始看懂了... 走了好多弯路...1、函数组件与 class 组件“函数组件”//“props”(代表属性)function Welcome(props) { return <h1>Hello, {props.name}</h1>;}等价于用.原创 2021-07-27 07:39:38 · 122 阅读 · 2 评论 -
Day136/200 React之元素渲染
1、元素定义元素是构成 React 应用的最小砖块。(开销极小的普通对象)元素描述了你在屏幕上想看到的内容。const element = <h1>Hello, world</h1>;2、将一个元素渲染为 DOM需要根元素——“根” DOM 节点<div id="root"></div>仅使用 React 构建的应用通常只有单一的根 DOM 节点。如果你在将 React 集成进一个已有应用,那么你可以在应用中包含.原创 2021-07-22 09:04:51 · 75 阅读 · 0 评论 -
Day 135/200 React 中的JSX学习笔记
const element = <h1>Hello, world!</h1>;字符串要加引号,HTML不写在JavaScript中。这是React中的JSX 。是JavaScript语法的拓展。可以很好地描述 UI 应该呈现出它应有交互的本质形式。//这里不明白,交互的本质指的是 JavaScript和HTML 的交互?待验证1、为什么使用 JSX?React 认为渲染逻辑本质上与其他 UI 逻辑内在耦合。这个好理解,就是渲染的本质。标记与逻.原创 2021-07-21 08:57:05 · 53 阅读 · 0 评论 -
Day 134/200 React的hello world~
有小伙伴一起学React的可以私信我,咱们一起讨论学习~(一)官网DemoReactDOM.render( <h1>Hello, world!</h1>, document.getElementById('root'));线上代码演示的地址是https://react.docschina.org/redirect-to-codepen/hello-world效果如图:官网是这么写的,运行也好使。但真实的项目中是这样吗?不是。..原创 2021-07-20 09:19:14 · 43 阅读 · 0 评论 -
Day 133/200 TypeScript 中类型推论用法
1、定义类型是在哪里如何被推断的2、基础//变量x的类型被推断为数字let x = 3;3、最佳通用类型//这里有两种选择: number和null。 计算通用类型算法会考虑所有的候选类型,并给出一个兼容所有候选类型的类型。let x = [0, 1, null];let zoo = [new Rhino(), new Elephant(), new Snake()];//最终的通用类型取自候选类型,所以要给出 候选类型let zoo: Animal[] =原创 2021-07-19 07:41:04 · 91 阅读 · 0 评论 -
Day 132/200 TypeScript 中枚举的用法
1、定义1)使用枚举可以清晰地表达意图或创建一组有区别的用例;2)TypeScript支持数字的和基于字符串的枚举。2、分类1)数字枚举enum Direction { Up = 1, Down, Left, Right}//数字枚举, Up使用初始化为 1。 其余的成员会从 1开始自动增长。 //换句话说, Direction.Up的值为 1, Down为 2, Left为 3, Right为 4。使用的案例enum Respons原创 2021-07-16 09:20:58 · 230 阅读 · 0 评论 -
Day 131/200 TypeScript中泛型的用法
创建可重用的组件,使得组件可以支持多种类型的数据;(意味着是通用类型)来保持自己的类型是可确定的,但又不被丢失类型的;泛型的作用中,包含可以确认类的所有属性都在使用相同的类型。(泛型中的类型可以不一样吗?)1、第一个Demo返回任何传入它的值的函数:function identity(arg: any): any { return arg;}使用any类型会导致这个函数可以接收任何类型的arg参数,这样就丢失了一些信息:传入的类型与返回的类型应该是相同的。如.原创 2021-07-15 09:38:49 · 150 阅读 · 2 评论 -
Day 130/200 Typescript中函数的用法
函数主要是定义行为的地方。此外,还可以实现抽象层,模拟类,信息隐藏和模块等。1、JavaScript和TypeScript函数的demo。1)JavaScript// Named functionfunction add(x, y) { return x + y;}// Anonymous functionlet myAdd = function(x, y) { return x + y; };2)TypeScript的函数类型为函数定义类型funct..原创 2021-07-14 09:12:24 · 102 阅读 · 0 评论 -
Day 129/200 TypeScript 中类的用法
传统的JavaScript 是基于原型的继承来实现的;JavaScript从ECMAScript 6开始支持类的写法的,而TypeScript支持类的写法。1、一个简单的例子class Greeter { //属性 greeting: string; //构造函数 //构造函数的作用:在new类的实例时,调用构造函数,初始化生成实例 constructor(message: string) { //this表示我们访问的是类的成员 .原创 2021-07-13 09:26:20 · 65 阅读 · 0 评论 -
Day 128/200 TypeScript 中的Interface接口用法
(一)定义TypeScript的核心原则之一是对值所具有的结构进行类型检查。 它有时被称做“鸭式辨型法”或“结构性子类型化”。在TypeScript里,接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约。我的理解是,用接受来处理比较复杂的类型检查。参数和函数类型都可以。(二)类型1、最简单的写法1)没有接口时,这样书写;function printLabel(labelledObj: { label: string }) { console.log(lab原创 2021-07-09 09:20:04 · 271 阅读 · 3 评论 -
Day 127/200 JavaScript中var和let的区别(面试常考)
先来看一段代码,这段代码会打印出什么?for (var i = 0; i < 10; i++) { setTimeout(function() { console.log(i); }, 100 * i);}是这个结果吗?0123456789实际不是,是以下结果10101010101010101010为什么呢?原因是在setTimeout会放在异步队列中,而 i 取的是for 循环后的结果值i划重点,for循环<.原创 2021-07-08 08:19:09 · 73 阅读 · 0 评论 -
Day 126/200 TypeScript中的数据类型有多少个?
先说答案共12个分类按值引用和址引用分为基础数据类型(9个)和引用数据类型(3个)。(一)基础数据类型类型 定义 示例代码 void 【表示没有任何类型】 function warnUser(): void { console.log("This is my warning message"); } undifined undefined,还没定义,不存在 【是所有类型的...原创 2021-07-07 06:05:47 · 154 阅读 · 0 评论 -
Day 92/100 (JS)值引用与址引用
写在前面的话这个是今儿的面试题有个地方答错了,记录下(一)题目 var obj = { name: 'yideng', arr: ['a', 'b', 'c'] } var obj2 = obj; var arr = obj.arr; obj2.name = 'baidu'; obj2.arr = ['a', 'b', 'c', 'd']原创 2021-01-19 23:45:36 · 100 阅读 · 0 评论 -
Day 59/100 箭头函数和普通函数的区别
写在前面的话看了资料,才发现之前面试回答的有多扯...落后挨打,没毛病啊(一)箭头函数的this指向规则1、箭头函数没有prototype(原型),所以箭头函数本身没有thislet a = () =>{};console.log(a.prototype); // undefined2、箭头函数的this指向在定义的时候继承自外层第一个普通函数的this。3、不能直接修改箭头函数的this指向call显示绑定this指向失败了,包括aaply、bind..原创 2020-09-30 23:55:38 · 1845 阅读 · 0 评论 -
Day 40/100 (网易笔试)前端基础知识(五)
写在前面的话大厂里考查的JavaScript基础会居多~而其中的各种框架,只是基于基础知识上盖房子的方法;(一)如何使用Canvas和svg去画一个圆型?1、canvas绘制圆形<canvas id="mycanvas"></canvas>var mycanvas = document.getElementById("mycanvas"); var context = mycanvas.getContext("2d"); con...原创 2020-09-10 00:26:19 · 108 阅读 · 0 评论 -
Day39/100 (百度面试)前端基础知识(四)
写在前面的话复习好基础先~(一)基础1、原型和原型链1)设计思想:从设计之初,是为了简化类和对象的概念,以及实现类继承;参考链接:http://www.ruanyifeng.com/blog/2011/06/designing_ideas_of_inheritance_mechanism_in_javascript.html2)prototype和__proto__区别var a = {};console.log(a.prototype); //unde..原创 2020-09-08 23:18:58 · 157 阅读 · 0 评论 -
Day 38/100(网易笔试)JavaScripts数组遍历方法
写在前面的话憋大招,大段时间的学习或搞定某件事;其实,不一定靠谱;最靠谱的,就是日拱一卒,每天学习点;坚持每天进步一点点~请描述Array方法中的every,some,indexOf,filter,forEach,map,reduce作用1、every返回值是true或falseevery() 方法用于检测数组所有元素是否都符合指定条件(通过函数提供)。every() 方法使用指定函数检测数组中的所有元素:如果数组中检测到有一个元素不满足,则整个表达式返回fals.原创 2020-09-07 23:04:19 · 247 阅读 · 0 评论 -
JavaScript 求1000以内的完数(完美数)
1、什么是完数(完美数)?完数,一般指完全数,一个自然数如果它的所有真因子(即除了自身以外的约数)的和等于该数,那么这个数就是完全数,如:6的真因子有1 、2、3,6=1+2+3,所以6是一个完全数。2、思路1)首先由于完美数的定义,需要排除自身,所以数字 1一定不是完美数;2)其次我们需要计算 num 除了它自身以外的所有正因子之和 sum,正因子必然是成对出...原创 2020-02-28 12:27:02 · 4591 阅读 · 0 评论 -
js清空数组的三种方法
方法1,splice方法splice() 方法用于插入、删除或替换数组的元素。 例如:var arr = [1, 2, 3, 4];arr.splice(2,1,"Lemon","Kiwi");//第一个参数为删除和添加数组的起始位置,//第二个参数为删除多少个元素,//第三个参数为添加新的元素console.log(arr)//输出1,2,Lemon,Kiwi,41234567所以清...转载 2018-02-09 21:01:11 · 5218 阅读 · 0 评论