js基础
文章平均质量分 65
秋风_irwin
这个作者很懒,什么都没留下…
展开
-
2021前端学习路径书单—自我成长之路
正式学习前端大概 3 年多了,接触前端大概 4 年了,很早就想整理这个书单了,因为常常会有朋友问,前端该如何学习,学习前端该看哪些书,我就讲讲我学习的道路中看的一些书,虽然整理的书不多,但是每一本都是那种看一本就秒不绝口的感觉。以下大部分是我看过的,或者说身边的人推荐的书籍,每一本我都有些相关的推荐语,如果你有看到更好的书欢迎推荐呀。JS《JavaScript高级程序设计(第4版)》第三版:豆瓣评分9.3第四版:豆瓣评分8.5现在建议学习第四版,因为第三版很多还是以ES5的语法进行讲解的,目前原创 2021-02-19 22:11:31 · 315 阅读 · 0 评论 -
ES2021 我学不动了,这次只学这 3 个。
1.逻辑赋值操作符你有遇到过这样的情况吗?function example(a) { // Default `a` to "foo" if (!a) { a = "foo"; } // or a = a || "foo";}某些初始化的时候需要一些冗长的逻辑代码function example(opts) { // Ok, but could trigger setter. opts.foo = opts.foo ?? "bar"; // No s...原创 2020-11-15 17:26:19 · 206 阅读 · 0 评论 -
10 种跨域解决方案(附终极方案)
写在前面嗯。又来了,又说到跨域了,这是一个老生常谈的话题,以前我觉得这种基础文章没有什么好写的,会想着你去了解底层啊,不是很简单吗。但是最近在开发一个 vscode 插件 发现,当你刚入门一样东西的时候,你不会想这么多,因为你对他不熟悉,当你遇到不会的东西,你就是想先找到解决方案,然后通过这个解决方案再去深入理解。就比如跨域,新人或者刚接触的人对它并不是那么熟悉,所以说列出一些自己积累的方案,以...原创 2020-04-14 10:33:36 · 6156 阅读 · 2 评论 -
你不知道的javascript之Object.create 和new区别
博客原文地址:http://blog.csdn.net/blueblueskyhua/article/details/73135938前几天有碰到原型的问题。之前以为自己对原型还是有所了解,但是细细研究,发现自己对原型的理解还是太年轻了。Object.create 和new创建对象的方式,我以我碰到的两种创建方式,Object.create 和new来说明var Bas...原创 2017-06-12 20:33:31 · 38191 阅读 · 35 评论 -
debounce与throttle实现与原理
前言前端时间在面试中,面试官让我写一个关于input输入框,并且实时搜索的问题,我就当然用keyup事件来写,写完面试官还是挺满意的。又问我一个问题,如何减少每次输入频繁请求的性能开销。这个我就犯难了。事后,我百度了下,查到了throttle(节流)和debounce(去抖)。 我还百度到,这些事件的运用场景:鼠标事件:mousemove(拖曳)/mouseover(划过)/mouseWheel原创 2017-07-22 20:27:40 · 2410 阅读 · 0 评论 -
你不知道的javascript之node类型详解
前段时间有做过一个关于节点操作的排序问题, http://blog.csdn.net/blueblueskyhua/article/details/68929578 今天就node类型,进行详细的讲解。首先看下他的兼容性。 node共有12类型。 类型详情可以参考http://www.w3school.com.cn/jsref/prop_node_nodetype.asp 1.no原创 2017-04-22 17:33:25 · 1242 阅读 · 0 评论 -
你不知道的javascript之JS原型对象和原型链
开篇之前对js中的原型链和原型对象有所了解,每当别人问我什么是原型链和原型对象时,我总是用很官方(其实自己不懂)的解释去描述。有一句话说的好:如果你不能把一个很复杂的东西用最简单的话语描述出来,那就说明你没有真正的理解。最近正在读《Javascript高级程序设计》,书中对原型对象和原型链的描述让我受益匪浅,下面仅用一个对比性的例子来说明。我们经常会这么写 function Person ()转载 2017-02-22 12:20:55 · 1016 阅读 · 0 评论 -
你不知道的javascript之运算符||和&&
学过c,php这些语言的同学在学习javascript时候可能会有一些困扰,因为javascript中的||、&&和c或者是php中有很大的差别。因为在javascript中返回的类型并不是布尔值,他返回的而是两个操作值中之一,例如一下例子:var a = 12;var b = "qwer";var c = null;a||b; //12;a&&b; //qwerc||b; //qwe原创 2017-01-13 20:04:39 · 503 阅读 · 0 评论 -
你不知道的javascript之this的全面解析之绑定规则(一)
1.1 默认绑定首先介绍的是函数调用类型:独立函数调用,在没有其他应用下的默认规则。 首先看以下代码function foo(){ console.log(this.a);}var a = 2;foo();//2我们可以看到调用foo()时,this.a被解析成了全局变量a,为什么,因为在上述例子中,函数调用了默认绑定,因此this指向了全局对象。 那么我们怎么知道这里应用了默认绑原创 2016-12-31 12:42:41 · 1332 阅读 · 4 评论 -
你不知道的javascript之函数作用域和块作用域(一)
立即执行函数表达式(IIFE)1.使用匿名函数表达式var a = 2;(function IIFE(){ var a = 3; console.log(a);//3})();console.log(a);//22.当作函数调用并传递参数进去var a = 2;(function IIFE(global){ var a = 3; console.log(a);原创 2016-12-06 16:36:29 · 1794 阅读 · 1 评论 -
js中事件绑定3种方法以及事件委托
事件绑定首先,我先来介绍我们平时绑定事件的三种方法。 1.嵌入dom<button onclick="open()">按钮</button><script>function open(){ alert(1)}</script>2.直接绑定<button id="btn">按钮</button><script>document.getElementById('btn'原创 2017-04-23 14:06:56 · 44800 阅读 · 3 评论 -
js实现表格排序
用js实现表格排序。 第一点击以降序排列,第二次点击以升序排列 html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <table border="1"> <tr> <原创 2017-03-31 19:57:26 · 4948 阅读 · 0 评论 -
原生JS实现ajax上传文件并显示进度条
html代码<progress id="progressbar" value="0" max="100" style="width:300px;"></progress><span id="percentage"></span><input type="file" id="file" name="file" /><input type="button" onclick="uploadFile()原创 2017-02-21 20:05:00 · 6275 阅读 · 0 评论 -
javascript中onmousemove、onmouseover、onmouseenter 的不同
在比较onmousemove、onmouseover、onmouseenter 的不同之前,首先我们先看看各种onmouse事件的作用:onmousedown 当元素上按下鼠标按钮时出发onmousemove 当鼠标指针移动到水元素上时触发onmouseover 当鼠标指针移动元素上时触发onmouseout 当鼠标指针移出指定的对象时发生。onmouseup原创 2017-01-26 17:20:55 · 1307 阅读 · 0 评论