![](https://img-blog.csdnimg.cn/8fd116fac664446d98eace70978754d0.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
+ JavaScript
文章平均质量分 67
具有函数优先的轻量级,解释型或即时编译型的编程语言
Try Tomato
The scenery at the foot of the mountain is not attractive enough you should go to the top of the mountain
展开
-
谈谈 《 JavaScript - DOM编程艺术 》这本书
好吧,现在已经2023年了,对于这本书(第二版)来说可能有点老了,这本书不是很难理解,但也不是很适合新手读,当然,这本书并不是百宝书 📕 ,它更注重于编程的规范与思路、用户的体验、实战演练,并且我在这本书中学到了不少东西,我决定将这些知识分享出来。原创 2023-02-17 11:23:36 · 591 阅读 · 0 评论 -
JS语言是怎么被运行的
任何服务都不会也不应该是单一的技术选型方案,优秀的团队应该能根据主客观情况灵活选择技术解决方案jQuery、art-template,Axios等等 这些只是第三方的库那我们所操作的DOM、BOM、Ajax是什么?又该怎么理解呢?JavaScript 是世界上最流行的编程语言,后端有很多语言大家的使用和看法也不相同,但是前端的JavaScript语言是无可替代的,有那么点垄断的意思,是一种轻量级的编程语言原创 2022-03-27 21:20:21 · 1415 阅读 · 0 评论 -
JS 设计模式 - 怎么让你的代码提示一个档次
设计模式是我们在解决一些问题的时候 ,针对特定的问题给出的简介并且优化的处理方案这篇文章说提及到的 JavaScript 设计模式将围绕着封装方法类来展开叙述。原创 2023-02-16 17:50:48 · 484 阅读 · 0 评论 -
Canvas 从 0 到 1 -- 开发 2D 游戏《保卫家园》-- 【上篇】
Canvas 是 HTML5 提供的一种新的标签形式 - 画布标签通过名字就不难理解这个标签的意思,就和一张白纸一样,我们想呈现什么样的画面都可以(前提你需要一根画笔 – JavaScript)Canvas 是一个矩形画布,可以使用 JavaScript 在画布上进行作画,控制每一个像素,也就是说他本身不具备绘画功能,是需要 JavaScript 来进行作画的,Canvas 非常的丰富多彩,拥有多种的绘制路径,矩形,图形,字符,图像等等方法,使得 Web 网页更加的美丽。...原创 2022-08-18 16:47:35 · 2455 阅读 · 2 评论 -
JavaScript的位操作符你知道吗?
什么是JavaScript位操作符?🤔其实 JavaScript 位操作符是数值的底层操作,用来操作内存中表示数据的比特位,我们都知道 JavaScript 中的所有数值都是以 64 位格式存储的数据,我们要说的位操作符不会直接运用到64位表示,而是先将值转换为 32 位整数进行位操作,再转换为 64 位。......原创 2022-08-10 17:16:38 · 405 阅读 · 0 评论 -
浅谈四种JS数组循环
一.forEach循环他不能够终止循环----所以forEach的性能比较差意思是就算查找到了我们需要的数组元素,forEach也不会停下来的,直到把这个数组所有数组循环一遍才能终止本次循环:eg:const arr = [1,3,5,7,8,10,12,14,16]arr.forEach((item,index)=> { console.log('循环了几次?'); if(item === 8){ console.log('到这里我已经查询到了我想原创 2022-05-02 16:08:25 · 2446 阅读 · 2 评论 -
什么是立即执行函数-怎么解决命名冲突的问题
我们普通函数是需要调用才可以执行的,像这样:function getTest(){ console.log('hello')}get getTest()但是立即执行函数无需调用函数,可以自己执行:(function(){})();(function(){}());这是立即执行函数的俩种写法tips:立即执行函数结束必须加封号;(function getTest(x,y){ console.log(x + y)}(5,6));它最大的作用就.原创 2022-04-17 14:34:15 · 225 阅读 · 0 评论 -
JS执行机制-同步异步线程问题
目录一.了解线程问题二.原理探讨一.了解线程问题首先我们需要知道JS是单线程的,什么是单线程呢?单线程就是同一时间只能做一件事,不过可以单线程多任务执行这时就需要提到同步执行和异步执行了同步:前一个任务结束之后再去执行后一个任务,程序的执行顺序与任务的排列顺序是一致的异步:在执行一个任务的时候,因为花费事件比较长,所以在执行这个任务的时候同时去处理其他的任务比如我们来看一个例子:console.log('这是第一个书写的')//注意这里没有给定时间,原创 2022-04-16 18:07:12 · 560 阅读 · 0 评论 -
JS中的堆和栈怎么理解?
JS中其实是没有堆和栈的概念的,但是为了方便我们理解代码的执行过程以及执行方式,我们可以设想这么一个概念:JS把简单的数据类型存放到了栈里,在栈里直接开辟一块空间存放值:那么复杂数据类型呢?JS将复杂数据类型存放到了堆里:在栈里存放的不是值,而是一个地址(地址以16进制来表示),然后地址指向堆里面的值:...原创 2022-04-13 11:16:16 · 860 阅读 · 0 评论 -
JavaScript语言中的三种对象-内置对象精讲(下)
前面两章我们阐述了JS内置对象的Date()日期对象、Array()数组对象、Math()对象等相关操作本章是完结章,我们阐述一些比较散的常用内置对象目录一.JS自动包装1.String()2.了解字符串不可变性二.字符相关操作1.根据字符返回其位置2.根据位置返回字符3.重点-字符串常用操作1.concat字符串拼接2.substr字符串截取3.replace字符串替换4.字符串转数组5.大小写的转换一.JS自动包装1.String()..原创 2022-04-13 10:54:51 · 428 阅读 · 0 评论 -
JavaScript语言中的三种对象-内置对象精讲(中)
上一节博客我们阐述了内置对象以及Math数学内置对象、Date()日期内置对象以及时间戳本节博客主要阐述数组对象目录一.数组对象1.字面量创建2.利用内置对象Array()构造函数创建3.instanceof与isArray()方法检测是否为数组二.重点-数组方法操作1.添加数组元素push()方法2.添加数组元素unshift()方法3.删除数组元素pop()方法4.删除数组元素shift()方法三.数组排序1.翻转数组排序2.冒泡排序...原创 2022-04-12 20:23:21 · 433 阅读 · 0 评论 -
JavaScript语言中的三种对象-内置对象精讲(上)
目录一.初步了解JS对象二.Math对象1.简单数学方法2.Math绝对值3.Math对象向上下取整4.Math随机数三.Date()日期对象1.简单Date()对象2.Date()数字型参数3.Date()字符型参数4.日期的格式化四.时间戳1.了解时间戳2.倒计时案例一.初步了解JS对象JS中的对象分为自定义对象、内置对象以及浏览器对象自定义对象就是我们自己所定义或者封装的对象,在JS中属于ECMAScript的内容内置对象是...原创 2022-04-12 18:35:46 · 747 阅读 · 0 评论 -
for...in遍历对象
for..in语句用于对数组或者对象的属性进行循环操作还有一种相似的循环迭代操作for...of,是ES6新增的,我们在ES6模块做过介绍我们直接看for..in例子:const obj = { name:'小蜗', age:22, fn:function(){ console.log('你好 for..in') }}for..in遍历:for(let k in obj){ console.log(obj)}其中里面原创 2022-04-12 12:21:31 · 4014 阅读 · 3 评论 -
JS对象基础-怎么理解对象
目录一.了解对象二.创建对象的三种方式1.利用字面量创建对象2.利用new Object()创建对象3.构造函数创建对象4.简单了解new关键字执行过程一.了解对象对象是什么?好吧,不要想的太远了,我说的此对象非彼对象当我们想要保存一个值的时候,我们立马会想到使用一个变量开拓一块空间来存储这个值当我们想要保存多个值的时候,我们立马会想到使用数组来开拓一块空间来存储多个值那我们想要保存一个完整的人或者一个物体的时候,我们应该想到对象这个概念,我们可以使用对象来.原创 2022-04-12 12:01:44 · 350 阅读 · 0 评论 -
JS作用域的一些问题
目录一.作用域与作用域链二.预解析一.作用域与作用域链当我们使用封装函数等等操作的时候,我们必然会出现这样的问题:到底有哪些限制,让我们一些的变量或数据等不能在外界使用,有的却可以?其实都是因为JS作用域这样一个概念:限制了在某一个范围内起作用和效果1.全局作用域:例如script标签,存放着一个单独的JS文件,在全局生效,供全局使用2.局部作用域:代码名字只能在函数内部起作用或者说效果,例如我们声明函数中的形参,也是局部变量,在外界是无法使用的,这也有效的避免了污染的原创 2022-04-12 10:41:37 · 203 阅读 · 0 评论 -
JS函数基础
目录一.函数初步认识二.函数返回值三.arguments四.函数间相互调用以及声明方式一.函数初步认识函数就是封装了一段可以被重复调用执行的代码块首先,想要使用函数,那么我们就应该先像声明变量那样去声明一个函数,声明完成之后,才可以进行调用function 函数名(){ //函数体}当然,这是我们必须要掌握的基础语法,当我们学习ES6之后,会发现还可以更简单:函数名()=>{ //函数体}这种声明方式叫做箭头函数,会有this的指向.原创 2022-04-12 09:56:05 · 187 阅读 · 0 评论 -
JS流程控制的三种分支、三种循环以及数组的底层原理
目录一.JS流程控制-分支1.if语句a.单分支b.多分支2.switch语句3.三元表达式二.循环1.for循环2.双重for循环3.while循环4.do while循环5.循环关键词三.认识JS数组 底层原理1.俩种方式创建数组2.遍历数组3.数组新增1.通过length属性改变数组长度来新增元素2.修改数组索引新增数组元素一.JS流程控制-分支1.if语句a.单分支if(值/表达式){ //如果原创 2022-03-28 21:52:57 · 544 阅读 · 0 评论 -
三种数据类型转换及运算符集合
目录一.数据类型转换1.字符型转换2. 数字型转换3.布尔类型转换二.运算符1.递增运算符2.递减运算符3.比较运算符2.逻辑运算符3.赋值运算符三.运算符优先级排序一.数据类型转换1.字符型转换数字型数据转换为字符型数据有三种方法:to String() 转换为字符串var num = 100;console.log(num.toString());String()强制转换为字符串...原创 2022-03-28 20:29:41 · 1426 阅读 · 0 评论 -
正则——匹配字符串中字符组合模式
目录一.了解正则二.创建正则表达式1.通过调用RegExp对象的构造函数来创建:2.通过字面量创建3.测试正则表达式:三.正则中的特殊字符(元字符)1.边界符:2.字符类:3.范围符4.量词符三.预定义类四.正则表达式——替换附:文章结尾有系统化正则学习链接一.了解正则正则表达式(Regular Expression)是用于匹配字符串中的字符组合的模式,在我们的JS中,正则表达式也是对象,通常被用来检索,比如我们网页中的表单验证,有些网站设..原创 2022-03-24 12:55:27 · 2218 阅读 · 0 评论 -
JS——数据类型/数据类型的检测、判断以及获取
JS数据类型/数据类型的检测、判断以及获取原创 2022-03-08 12:22:20 · 188 阅读 · 0 评论 -
变量(什么是变量/变量的声明/命名的规范)
变量(什么是JS变量/JS变量的声明/JS命名的规范)原创 2022-03-07 16:06:43 · 690 阅读 · 0 评论 -
JS入门教程
JS入门教程原创 2022-03-06 20:58:44 · 402 阅读 · 0 评论 -
【一则文章带你了解JavaScript】
一则文章带你了解JavaScript原创 2022-03-06 10:11:35 · 8045 阅读 · 0 评论