未名同学-CSDN博客

原创 JavaScript版LeetCode刷题总结02--题号118杨辉三角、题号387字符串中的第一个唯一字符、题号144二叉树的前序遍历

JavaScript版LeetCode刷题总结02--题号118杨辉三角、题号387字符串中的第一个唯一字符、题号144二叉树的前序遍历

2022-07-04 15:33:33 169 1

原创 JavaScript版LeetCode刷题总结：题号1232点缀成线、题号589N叉树的前序遍历、题号496 下一个更大元素。

此种解法的性能如下：解法如下：此种解法性能如下所示：总结分析：可以看出来其实上述两种解法的性能上都差不多，但是第二种方式的解法更加科学，可以避免因为输入集的改变导致的测试不通过现象，同时代码量也相对较少，逻辑也更加清晰明了。此种解法的性能如下：代码如下：此种解法性能如下：...

2022-06-27 21:27:41 330

原创 JavaScript高级程序设计读书笔记06----基本引用类型Date、RegExp、原始值包装类型Number、String、Boolean以及JS内置对象Global、Math。

前言：本篇博客进入到了JavaScript高级程序设计的第五章内容，及JavaScript的基本引用值类型。JavaScript的基本引用值类型有Date、RegExp。以及便于操作原始值类型的原始值包装类型String、Number、Boolean。原始值包装类型提供了操作布尔值、数值、以及字符串的多种方法，将其主要使用到的方法都进行了归纳，JS中的内置对象Global的基础概念以及作用、window对象的基本概念、以及用于数值运算转换的Math内置对象都进行了基本的介绍。要学习基本的引用类型

2022-06-24 19:16:30 314

原创 JavaScript高级程序设计读书笔记05---变量、作用域与内存

前言：本篇笔记进入了红宝书的第四章节，主要涉及到了JavaScript中的变量中的原始值和引用值的基础概念和两者的区别之处、执行上下文的分类以及作用域、内存中的垃圾回收机制中标记清理和引用计数两种标记方法等内容。在ECMAScript中存在多种变量类型，其可以划分成原始值（primitive value）和引用值（reference value）,原始值就是最简单的数据，引用值则是由多个值构成的对象。我们前面所学到的Undefined、Null、Symbol、Number、String、Boolean都

2022-06-19 21:35:33 164

原创 JavaScript高级程序设计读书笔记04--操作符、语句和函数

前言：本篇博客的主要内容还是关于JavaScript的基础语法部分，涉及到了一元操作符中的自增和自减操作符、位操作符、逻辑操作符、乘性操作符中的乘法，除法和取模三种操作符、以及三目运算符。还包括了JavaScript中的各类语句，包括了if语句、for-of语句、for-in语句、with语句、switch语句、break和continue语句、do-while语句、while语句以及标签语句等内容知识。最后对JavaScript中函数相比较于其他语言中的函数具备无需返回值的特点。1、一元操作符：指仅操作一

2022-06-17 22:49:41 112

原创 JavaScript高级程序设计读书笔记03----语法基础1

前言：进入红宝书的第三章，关于JavaScript的语言基础。本章主要的内容包括了以下几点：首先我们需要注意的是，JS是一门十分注重大小写的语言，无论是变量、函数名还是操作符。标识符的定义原则和其他语言相似：ECMAScript的变量是松散类型的，其可以声明任意类型的数据，每个变量本质上不过是一个用于保存任意值的命名占位符。var\let\const声明变量的区别和联系上述代码输出结果为：ECMAScript有6种基本的数据类型：Undefined\Null\Number\String\Boolea

2022-06-06 18:36:30 75

原创 JavaScript高级程序设计读书笔记02-----HTML中的JavaScript

此元素是由网景公司所创造的，用于在HTML中嵌入JS代码，现在已经成为了HTML的规范。特别注意的一点：外部JavaScript文件的扩展名是.js，这并不是必须的，因为浏览器不会检查所包含JavaScript文件的扩展名是否为js,这就为使用服务器端脚本语言动态生成JavaScript代码，或者在浏览器中将JavaScript扩展语言（如TS，JSX）转译为js提供了可能性。几点提醒：1、浏览器在解析元素中src引用的外部js文件的时候，会向src属性指定的路径发送一个GET请求，以取得相应的资源，如果是

2022-06-03 11:58:00 104

原创 JavaScript高级程序设计读书笔记01（第1章）--什么是JavaScript

JavaScript作为前端核心开发语言，最初是为了解决什么问题出现的呢？时间回到1995年，没错，距离现在也不过27年而言，JavaScript相对而言是一门十分年轻的语言。如今，我们在登录某个网址或者应用时，用户名称和用户密码都是必填选项，而且对于格式也存在一定要求。最初的时候，这些工作都是需要给后台服务器发送请求获取验证的，因特网最开始的时候网速比较慢，频繁的向后台服务器发送请求会进一步降低效率。JavaScript的出现的目的就是为了将数据验证放到客户端来做，以缓解服务端的压力。现在的JavaScr

2022-06-01 22:35:06 107

原创 JavaScript数据结构与算法基础学习笔记03----链表与双向链表

前言：相对于结构比较简单的栈和队列，链表的结构就复杂一些。链表中的节点元素在存储元素值的同时，还包括了前后元素的的指引，又可以称之为指针。本篇博客主要记录了个人学习链表数据结构过程中的一些笔记，包含了基本的单向链表、双向链表、循环链表，以及补充了基于双向链表封装的栈结构。链表作为存储有序元素的集合，内部的元素在内存中并不是连续放置的。在增加和删除元素操作比较频繁的时候，链表由于不需要移动移动其他元素的位置相对于数组而言更加高效。很多人都玩过寻宝游戏，就是最初得到一条线索，此条线索就是指向寻找下一条线索的地点

2022-05-31 22:31:47 106

原创 React学习笔记02---生命周期函数

前言:在学习完了React中基础的JSX语法、基本的函数式组件和类式组件、三大属性state,props,refs之后。这次的博客内容主要是记录一下学习生命周期函数的相关内容，主要强调各生命周期函数的使用阶段和使用频率高低。React中的很多行为比如消息订阅与发布，异步ajax请求，设置定时等都需要在生命周期函数中进行。虽然React的生命周期函数众多，但是我们在日常开发中所用到的只有少数几个，掌握好常用的几个生命周期函数就足够了。整体概括图在React中的每一个组件实例的生命周期包括了初始化阶.

2022-05-26 20:10:05 223

原创 JavaScript数据结构与算法基础学习笔记02---常见数组方法、栈和队列

前言：作为数据结构与算法专栏的第二篇博客，本篇博客的主要内容是关于简单的线性数据结构栈与队列，创建栈和队列可以通过数组和链表两种方式，由于链表的相关内容暂时没有学习，暂时以数组的方式实现栈和队列的封装。因此，在本篇的第一部分，将对JavaScript中主要的数组方法进行梳理，便于理解后续封装栈和队列的代码。一、JavaScript中常见的数组方法数组作为基本的数据结构，熟练掌握其主要的元素增删改查方法对于我们高效率的开发十分重要。下面根据分类梳理一下JS中常见的数组方法：1.1 数组首部和尾部插

2022-05-25 09:36:08 131

原创 JavaScript数据结构与算法基础学习笔记01-----时间复杂度与空间复杂度

前言：数据结构与算法无论是前端还是后端开发人员，都是一个无法绕开的话题，也是找工作时笔试必考的内容。在学习完JavaScript的基础知识后，开启数据结构与算法的基础内容学习是十分有必要的。本专栏的目的就是记录自己学习数据结构与算法的一些笔记和感想，从基本的时间空间复杂度启航，栈、队列、链表、堆、树、以及图等内容，包括进阶算法中的冒泡算法、插入算法、归并算法、二分搜索、顺序算法等，以及分而治之，动态规划、贪心等算法设计思想。本专栏的更新速度将根据学习进度而定，每次学习完一个数据结构配合力扣上对应的题目进行巩

2022-05-22 20:07:38 215

原创 React学习笔记01---jsx基础语法规则、函数式组件与类式组件

前言:最近跟着教程把react相关的教程过了一遍，本专栏博客是为了系统的梳理一下相关的内容知识点，将保持在每周2-3篇的更新频率，系统的将react的知识内容复习一遍，其中穿插着一些和js相关的补充知识点有助于对js的强化。纯属个人笔记内容记录，如有错误之处，还望大家在评论区留言指正。一、JSX基础语法规则1.1 什么是JSX? 什么是JSX呢？JSX是一种JavaScript的语法扩展，运用于React架构中，其格式比较像是模版语言，但事实上完全是在JavaScript内部实现的。元素...

2022-05-20 17:06:30 747

原创 TypeScript入门实战小游戏-----贪吃蛇的面向对象开发总结

前言：花了近一个星期左右的时间去学习了一下TypeScript的基本语法和开发环境的配置，跟着教程做了个简单的贪吃蛇的游戏，所有的功能基本实现，写篇博客做一下总结。所有源码包括html,less,ts文件都在博客中给出，并就用到的一些知识点进行总结归纳。一、功能介绍以及实现结果展示废话不多说，直接上图展示最终的实现效果； ...

2022-05-18 22:44:21 747

原创 TypeScript简明教程5---面向对象、类、构造函数、继承、抽象类、接口、属性的封装、泛型

简介：本篇博客对于TS的开发思想面向对象编程和基本语法类、构造函数、继承、抽象类、接口、类中属性的封装和泛型进行简单的介绍，并列举使用的实例代码以供参考。借此博客也对于近一个星期所学习关于TypeScript进行一个简单的总结归纳。一、什么是面向对象编程？ JavaScript是yi'm首先我们来说一说面向过程的编程语言，这是一种编程思维，是以过程为中心的编程。主要的特点是先分析出解决问题需要的步骤，然后把每一步定义成一个一个方法，通过逐个调用的方式来完成整个功能。这样的好处是十分直...

2022-05-18 10:13:45 411

原创 TypeScript简明教程04--使用webpack打包ts文件详解

前言：作为前端开发人员，webpack为项目开发完成打包的工具都应该了解过，简单的配置项的含义和用处是需要掌握的。对于webpack打包ts文件如何进行相关的配置是本文所需要讨论的重点。一、初始化以及文件创建使用npm init -y命令创建package.json文件，如下图所示：安装webpack相关插件以及ts加载解析插件typescript-loader。在package.json中可以看到以下的配置项，证明安装成功。简单的配置一下tsconfig.j...

2022-05-13 20:35:38 2192

原创 TypeScript简明教程03--详解tsconfig.json编译配置文件

前言：我们都知道浏览器目前无法直接识别ts文件，因此需要使用tsc将其编译成js文件才能在浏览器环境中运行。现在存在的最大问题就是每次更新ts文件之后，都需要使用tsc进行编译，我们可以使用tsc -w指令检测单个文件的实时更新编译，但是面对项目中众多的ts文件，部分需要编译成js文件，而部分不需要编译成js文件，如何实现此功能便是tsconfig.json配置文件存在的意义。本文将对tsconfig.json文件各项配置信息进行详细介绍：一、创建tsconfig.json编译配置文件此文件使...

2022-05-12 22:49:03 1142

m0_55842907的博客