![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 88
小猪弟
学就对了
展开
-
JavaScript基础浅聊:新方法fetch()
简单聊了一下fetch方法,同时浅聊了以其为什么能代替XMLHttpRequest作为一个ajax思想实现的替代品。原创 2022-06-18 18:05:30 · 2586 阅读 · 0 评论 -
JavaScript基础: 浅聊 Object.defineProperty
本篇注意聊以了一下Object.defineProperty的应用以及使用细节,而聊了configurable,以及enumerable还有writable,来操作属性可以修改以及修改属性值,和枚举。当然也是用实例演示。原创 2022-05-27 23:12:45 · 681 阅读 · 0 评论 -
JavaScript新特性: 模块 (module)
对于模块进行了简单讲解,毕竟模块侧重于使用,然后再通过export和import中的一些注意事项。其它还有模块的动态加载,import可以当作方法一样,然后返回一个promise。下面都通过实例演示,方便理解。原创 2022-05-26 21:53:44 · 4033 阅读 · 2 评论 -
JavaScript基础之 迭代器和生成器
聊了一下迭代器的注意细节,以及生成器如何用,还有具体的例子演示细节。原创 2022-05-24 16:05:21 · 212 阅读 · 0 评论 -
JavaScript新特性 async和await
聊了一下async与await的注意事项,以及其意义,比如await只能捕获成功状态的promise,错误状态需要try-catch进行捕获。原创 2022-05-23 17:21:34 · 2541 阅读 · 1 评论 -
ES6新特性 promise
聊了一些promise的对象存在的意义,还有其主要方法的演示,尤其是链式操作常用的then的注意事项等。原创 2022-05-22 15:09:23 · 909 阅读 · 1 评论 -
JavaScript基础:浅聊事件循环(Event LooP)以及微任务,宏任务,DOM渲染
JavaScript是单线程运行,而为了解决阻塞采用了异步。而这个也有有了事件循环机制(Event LOOP),然后在ES6中出现了又将异步的内容分微任务和宏任务。微任务运行比DOM渲染早,宏任务比DOM渲染晚。原创 2022-05-17 00:14:14 · 1559 阅读 · 1 评论 -
JavaScript基础: Function和Object的关系
Function instanceof Function 与 Function instanceof Object 可以得到true,具体是什么原因这个需要研究一下Function和Object的具体关系。这个其实是由果推因,然后用例子演示。原创 2022-05-15 16:00:48 · 1065 阅读 · 0 评论 -
JavaScript基础: ES6新特性---Symbol
简单的聊了一些Symbol的一些特点,比如Symbol和Symbol.for的区别,还有一些属性会影响对象某些方法的机制,比如Symbol.iterator,Symbol.hasInstance,Symbol.toPrimitive,Symbol.toStringTag。然后进行了实例演示。原创 2022-05-13 18:39:34 · 971 阅读 · 1 评论 -
JavaScript基础: ES6新特性---浅聊class(类)
本篇主要聊了以下ES6中的class的一些优点,同时对比者es6之前的一些可现实方式通过class进行实现,包括构造方法,继承,重写。以及get和set方法。原创 2022-05-13 15:55:52 · 490 阅读 · 0 评论 -
JavaScript基础: ES6新特性--- 箭头函数以及 rest参数
本篇主要聊ES6新特性箭头函数,其呈现的格式,以及呈现时候的规范,在箭头函数中this的指向,还有具体的例子演示。以及rest参数演示原创 2022-05-11 16:10:58 · 1415 阅读 · 0 评论 -
JavaScript基础: ES6新特性-变量声明,变量解构赋值,对象简写,模板字符串
ES6的新特性中的对象简写,模板字符串以及解构赋值和对象的简写原创 2022-05-10 21:20:02 · 558 阅读 · 0 评论 -
JavaScript基础: localStorage和sesssionSotrage 区别
JavaScript中操作本地存储数据的两种方式,localStorage和sessionStorage,两者的区别,以及实例演示。原创 2022-05-05 15:44:49 · 415 阅读 · 0 评论 -
JavaScript基础:浅聊touch事件
就是简单了聊一些touch事件,然后举出一个具体的例子。原创 2022-05-05 11:05:03 · 716 阅读 · 0 评论 -
javascript基础:偏移量(offset)和 client 常用属性以及实例
主要聊一些偏移量的常用属性,offsetTop,offsetLeft,offsetWidth,offsetHeight等。以及 offsetWidth和style中区别,还有经典的商品展示放大镜的效果实现。以及client的常用属性。原创 2022-04-28 14:18:45 · 1806 阅读 · 0 评论 -
javascript基础:事件流以及常用的事件属性
监听注册事件,以及删除事件。而最重要的是学习了一些事件流其再冒泡阶段的委托机制,还有事件对象的查用方法或属性。原创 2022-04-21 20:31:26 · 1039 阅读 · 0 评论 -
javascript基础:元素增删改操作
JavaScript操作页面上的,添加修改元素以及克隆元素。原创 2022-04-20 17:50:14 · 661 阅读 · 0 评论 -
JavaScript基础: DOM中操作属性以及自定义属性
本篇注意聊了一下在JavaScript中如何修改元素的属性,同时将属性的一些差异演示了一遍。涉及到自定义属性,排他思想,当然还有具体的案例。原创 2022-04-19 18:34:13 · 623 阅读 · 0 评论 -
JavaScript基础: DOM操作中常用事件
在DOM操作中常用的几个事件类型:onfocus,onblur,onclick,onkeyup,onmouseover等原创 2022-04-15 17:28:31 · 2008 阅读 · 0 评论 -
JavaScript基础:DOM操作之获得元素方法
主要聊获得标签的方式:getElementById,getElementsByTagName,getElementsByClassName,getElementsByName,querySelector以及querySelectorAll原创 2022-04-15 14:49:20 · 246 阅读 · 0 评论 -
JavaScript基础:Math,Date,String常用方法。
简单的聊了一下常用的几个内置对象Maht,Date,String,以及其常用的方式原创 2022-04-13 18:24:50 · 591 阅读 · 0 评论 -
JavaScript 基础之对象以及构造函数
现在了解JavaScript对象的构造方式,毕竟后面可以聊一些原型和原型链这些都是基础。var obj={ name:"张三", year:12}var obj1={ name:"李四", year:13}当然也可以通过对象.属性对其属性重新赋值。用这个特性也可以这样定义两个对象var obj={}; //或者 var obj=new Object() 其实new Object() 和直接用{}没有什么本质区别,所以一般直接用{}obj.name="张三"原创 2021-11-17 15:45:40 · 1704 阅读 · 0 评论 -
JavaScript基础之 AJAX体验(演示步骤,黏贴即可运行)
学习JavaScript,其中的一个技术-Ajax,这个技术在太常见的一种技术。简介AJAX 全称为Asynchronous JavaScript and XML,通过名字可以看出其是异步JS和XML(不过现在更多的是用json来传输数据,而xml变得少用了).通过AJAX可以在浏览器中像服务器发送异步请求,最大的优势是:无刷新获取数据 。AJAX其发展是来自谷歌搜索建议(使用 AJAX 创造出动态性极强的 web 界面:当您在谷歌的搜索框中键入内容时,JavaScript 会把字符发送到服务器,服原创 2021-12-02 17:38:46 · 1100 阅读 · 0 评论 -
JavaScript基础之数组下篇---伪数组以及应用案例
上一篇聊了一些JavaScript中数组的基础,现在可以更加深入的了解一些关于数组的知识,以及前面聊function的时候说arguments是一个伪数组的问题。本篇主要是根据上一篇的方法,用自己的方式去还原一些数据的操作方法,更好的理解数组的本质。本篇更是侧重于对前面聊的伪数据的进一步的了解。伪数组伪数组对比数组其实说起伪数组前面前面聊过 ,毕竟function中的arguments就是一种伪数组。但是没有进一步的进行详细聊,到底伪数组的原理是什么,以及伪数组的进一步的应用。现在开始聊这个。不过原创 2021-11-30 18:59:17 · 614 阅读 · 0 评论 -
JavaScript基础之 caller和callee
后面继续聊数组相关的一些事情的时候,会出现这两个属性,放在篇幅里面解释,感觉会前后不连贯,所以单独就弄出来作为一篇。本篇很短就是简单的解释其作用,所以想要深入了解的可以跳过本篇了。caller:所有类型为function的对象,全部有caller属性,代表当前函数在那个函数中调用的。callee:所有arguments对象都有callee属性,当前arguments对象是在输入哪个函数的参数对象。看代码理解:function test(){ console.log(argumen原创 2021-11-30 14:19:26 · 258 阅读 · 0 评论 -
JavaScript基础之数组上篇--数组的基础知识
任何编程语言数组是最常用的一种存储简单数据的一种方式,而JavaScript也是。本篇主要聊一些数组的用法,当然不是数组所有的方法。也可以说是对数组的一些简单的了解和理解吧。数组操作数组创建创建一个长度位3的空数组。arr =new Array(3);//通过对象进行声明数组 这个一般不推荐arr1=[,,,];// 数组字面量 常用方式arr2=Array(3);//通过内置的Array构造函数声明数组 这个一般的时候不使用 知道即可可以看出两种创建数组的方式,其实本质是相同的,原创 2021-11-29 20:50:05 · 1920 阅读 · 1 评论 -
JavaScript基础之深拷贝和浅拷贝
拷贝(又名克隆,复制等),但是又分深拷贝和钱拷贝。其实这个问题有时候想通了就很简单,如果想不通可能会有点绕,不过其难度比闭包等号理解的多。为什么又这个概念的存在呢?先举一个例子。var person={ name:"张三", age:22}var person1=person;console.log(person);console.log(person1);似乎可以被拷贝下来了,但是如果你操作person1的属性值,这个时候person属性值也会改变。pers原创 2021-11-25 21:06:20 · 2976 阅读 · 1 评论 -
JavaScript基础之判断数据类型的三种方式
前面聊的时候说了一个方法判断是否为某个类型的关键字:instanceof,前后还聊了一个typeof判断数据类型,但其又有什么区别呢?以及判断类型的补充tostring.typeof这个是JavaScript中第一个使用判断数据类型的关键字,尤其是在基本数据类型的时候。typeof "abc"; //"string"typeof 1; //"number"typeof null;//"object"typeof undefinded;// "undefinded"判断数据类型发,然后返原创 2021-11-22 18:48:13 · 820 阅读 · 0 评论 -
JavaScript基础之浅谈原型和原型链
前面聊了一些对象的构造函数,前面如果了解的后就可以聊原型和原型链了,其实这个听着很瘆人,不过简单的了解然后换一个名词,觉得原来如此了。原型(prototype)原型(prototype)其实就是function的对象的一个属性,打印出来的话也就是一个对象,如下function Objthis(name,year){ this.name=name; this.year=year; }console.log(Objthis.prototype)既然原创 2021-11-18 20:53:24 · 1638 阅读 · 1 评论 -
JavaScript基础之this指向以及修改指向
JavaScript中this也是一件很神奇 事情,在面向对象(比如java)中表示一个当前的对象引用,但是在JavaScript中this不是固定不变的,而是随着运行环境的改变而改变。this老规矩先看代码:方法中function test(){ console.log(this);}对象中Person={ name:"张三", eat:function(){ console.log(this) }}在方法中,this表示该方法所属的对象。因为第原创 2021-11-10 20:10:54 · 1622 阅读 · 0 评论 -
JavaScript基础之立即执行函数
在JavaScript中有时候看到一些很神奇的函数比如下面截图:这种函数只要浏览器加载的时候会自动运行,而需要调用,前面在闭包的时候也说过这种函数,一般将其称之为:立即执行函数。立即函数的特征:会自动执行只会执行一次立即执行函数格式立即执行函数一般有格式如下:# 格式一(//W3C 推荐这种写法)(function (){ }())#格式二 (但是这个才是最常用的方式之一)(function (){ })();其实上面还可以看出立即执行原创 2021-11-09 17:29:13 · 1568 阅读 · 0 评论 -
JavaScript基础之浅谈AO,GO,闭包
AO GOAO和BO,说白了就是局部变量对象和全局变量对象。AO(Activation Object ):其包含了函数执行期的上下文内容。GO(Clobal Object)):其包含全局执行的上下文内容。AO是一个即时的存储容器,函数执行完毕以后,AO是要销毁的。(但是有一种情况例外,那就是闭包)这个具体过程,需要根据js文件进行逐步讲解var a=1;function test(){ var b=2;}#执行了下面这句才会有AOtest()如果不执行test(原创 2021-11-04 15:54:40 · 1786 阅读 · 2 评论 -
JavaScript基础之浅谈作用域
再聊AO和BO之前还需要了解作用域的概念,这样方便后面了解很多东西,比如this指向等。作用域作用域(Scope)简单的说就是变量,函数和对象定义后其可用的范围。console.log(a){ var a=1;}function test(){ var b=2;}可以看出在外面无法使用变量b。可以看出作用域可以保护数据不会被外部随意访问,以及修改。简单可以看出作用域可以相互隔离彼此的变量,也就是说在不同的作用域下的同名变量不会冲突。而作用域最重要常用的是全局作原创 2021-11-03 20:06:15 · 187 阅读 · 0 评论 -
JavaScript基础之方法 形参以及arguments属性
方法的定义很常见,由两种一个是常规写法,还有要给是函数表达式。function test(){ #执行程序}#函数表达式var test1=function(){ #执行程序}形参JavaScript方法自然也可以进行参数,也就是在方法中先来一个形参进行占位。function test(a,b){ # 执行程序}js中形参,不像是java中那样形参中直接定义其必须传输的数据类型。test(1,2)test("a","b")调用都可以运行,甚原创 2021-10-31 12:38:22 · 2257 阅读 · 3 评论 -
javaScript基础之隐式转换
隐式转换,这个是JavaScript,这个时候的一些java中的经验不但不会帮助自己,还有可能会错误的引导自己。数据类型JavaScript的变量可以分为三种方式,字面量形式,包装器方式,以及new创建变量(对象)**基本数据类型:**字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义(Undefined)、Symbol。引用数据类型:对象(Object)、数组(Array)、函数(Function)。上面之前的文章中有但是还有三个包装类**包装类:*原创 2021-10-27 20:43:57 · 1246 阅读 · 0 评论 -
JavaScript基础之:运算符
本章聊一些运算符和判断语句,这个第一部分就是了解运算符号。在数学中运算是最常见的,而JavaScript中的数字类型自然也无法避免,算术运算符运算符描述+加法-减法*乘法/除法%取模(求余)++自增–自减上面不在演示太常见了。赋值运算符赋值运算符,其实更多的是了解是赋值符,比如等号(=)。还有一些也是赋值运算符运算符说明=最常见的一种运算符,也就是变量赋值。a=1+=例如a+=b等价于 a=原创 2021-10-19 17:23:51 · 191 阅读 · 0 评论 -
JavaScript基础之规范和格式(var,const,let)
HTML中引用JavaScriptJavaScript一般使用在HTML中,HTML 中的脚本必须位于 <script> 与 </script**>** 标签之间。脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。如下:<!DOCTYPE html><html> <head> <script type="text/javascript">原创 2021-10-11 15:44:22 · 506 阅读 · 0 评论 -
JavaScript基础之 了解基本类型
js的发展历史,不在赘述,毕竟资料很容易找,百度百科即可,同样也只需了解一下其历史即可,没必要背诵下来。JavaScript是一种轻量级的编程语言,其是可以插入到HTML页面中,让所有的浏览器执行(浏览器中内核有js运行的环境)。补充 :最常见的是五大浏览器和四大内核,其不包含任何中国浏览器,因为中国浏览器用的都是他人的内核。具体内容可以看详情对于一门语言的使用,有些肯定需要了解其一些常见的类型。JavaScript的数据大的方面可以分两类基本类型(值类型)和引用数据类型。基本类型: 字符串 ,原创 2021-10-08 20:39:58 · 125 阅读 · 0 评论