![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
文章平均质量分 88
碵蝎
这个作者很懒,什么都没留下…
展开
-
什么是原型链?
我们知道 JS 有对象,比如 var obj = { name: 'obj' } 我们可以对 obj 进行一些操作,包括 「读」属性 「新增」属性 「更新」属性 「删除」属性 下面我们主要来看一下「读」和「新增」属性。 为什么有 valueOf / toString 属性呢? 在我们没有对 obj 进行任何其他操作之前,发现 obj 已经有几个属性(方法)了: 那么问题来了:valueOf / toString / constructor 是怎么来?我们并没有给 ob..转载 2020-07-19 02:12:01 · 399 阅读 · 0 评论 -
同步和异步回调函数
同步回调函数 let arr = [1,2,3,4,5,6]; arr.forEach(item=>{ console.log(item); }); console.log('end'); console.log是最后打印的,则成为同步回调 异步回调函数 setTimeout(()=>{ console.log('func'); },0); console.log('end'); 先打印这句end,在打印func。则成为异步回调 setTimeout ..原创 2020-07-18 03:40:37 · 227 阅读 · 0 评论 -
Promise
Promise 阅读: 90607333 在JavaScript的世界中,所有代码都是单线程执行的。 由于这个“缺陷”,导致JavaScript的所有网络操作,浏览器事件,都必须是异步执行。异步执行可以用回调函数实现: function callback() { console.log('Done'); } console.log('before setTimeout()'); ...转载 2020-03-18 11:29:06 · 140 阅读 · 0 评论 -
cookie
cookie的创建形式 document.cookie = “key=value expires=失效时间 path=路径访问 domain=域名访问 secure” 红色的代码为可选部分 例子1(基本创建) document.cookie = "user=tom"; //user为键,tom为值 例子2(添加失效时间) vard=newDate(); d.s...原创 2020-03-14 18:56:52 · 216 阅读 · 0 评论 -
base64加密、解密
window.btoa("test"); //"dGVzdA==" window.atob("dGVzdA=="); //"test"原创 2019-12-27 14:14:04 · 208 阅读 · 0 评论 -
html5 本地储存
HTML5的几种存储方式 html5在引入webStorage之前,主要用cookies. web storage html5的webstorage 分两种:LocalStorage 和SessionStorage,两者的差别主要在生命周期不同。 LocalStorage LocalStorage用于持久化的本地存储,存储资料在客户端(client)的浏览器上,除非主动...原创 2018-03-01 11:52:27 · 332 阅读 · 0 评论 -
Javascript面向对象编程(三):非构造函数的继承
Javascript面向对象编程(三):非构造函数的继承作者: 阮一峰日期: 2010年5月24日这个系列的第一部分介绍了"封装",第二部分介绍了使用构造函数实现"继承"。今天是最后一个部分,介绍不使用构造函数实现"继承"。一、什么是"非构造函数"的继承?比如,现在有一个对象,叫做"中国人"。 var Chinese = { nation:'中国' };还有一个对象,叫做"医生"转载 2018-03-05 23:36:33 · 160 阅读 · 0 评论 -
Javascript面向对象编程(二):构造函数的继承
Javascript面向对象编程(二):构造函数的继承作者: 阮一峰日期: 2010年5月23日这个系列的第一部分,主要介绍了如何"封装"数据和方法,以及如何从原型对象生成实例。今天要介绍的是,对象之间的"继承"的五种方法。比如,现在有一个"动物"对象的构造函数。 function Animal(){ this.species = "动物"; }还有一个"猫"对象的构造函数。 func...原创 2018-03-05 23:35:25 · 183 阅读 · 0 评论 -
Javascript 面向对象编程(一):封装
Javascript 面向对象编程(一):封装作者: 阮一峰日期: 2010年5月17日学习Javascript,最难的地方是什么?我觉得,Object(对象)最难。因为Javascript的Object模型很独特,和其他语言都不一样,初学者不容易掌握。下面就是我的学习笔记,希望对大家学习这个部分有所帮助。我主要参考了以下两本书籍:《面向对象的Javascript》(Object-Oriented...转载 2018-03-05 23:33:30 · 180 阅读 · 0 评论 -
Javascript继承机制的设计思想
作者: 阮一峰日期: 2011年6月 5日我一直很难理解Javascript语言的继承机制。它没有"子类"和"父类"的概念,也没有"类"(class)和"实例"(instance)的区分,全靠一种很奇特的"原型链"(prototype chain)模式,来实现继承。我花了很多时间,学习这个部分,还做了很多笔记。但是都属于强行记忆,无法从根本上理解。直到昨天,我读到法国程序员Vjeux的解释,才恍然...转载 2018-03-05 23:30:40 · 164 阅读 · 0 评论 -
什么叫组件化开发?
作者:aloo链接:https://www.zhihu.com/question/29735633/answer/90873592来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。从第一代码农写下第一行代码开始到上个世纪的80年代的软件危机,码农一直在考虑一个问题,怎么让写代码容易。抛开找大牛,大神程序员这条路(你以为大牛,大神那么容易找啊),最后自然而然形成的一套思路...转载 2018-03-02 00:36:51 · 1648 阅读 · 1 评论 -
Web前端性能优化——如何提高页面加载速度
原文地址:https://www.cnblogs.com/MarcoHan/p/5295398.html前言:在同样的网络环境下,两个同样能满足你的需求的网站,一个“Duang”的一下就加载出来了,一个纠结了半天才出来,你会选择哪个?研究表明:用户最满意的打开网页时间是2-5秒,如果等待超过10秒,99%的用户会关闭这个网页。也许这样讲,各位还不会有太多感触,接下来我列举一组数据:Google网...转载 2018-03-02 00:23:49 · 503 阅读 · 0 评论 -
网页性能管理详解
原文地址:http://www.ruanyifeng.com/blog/2015/09/web-page-performance-in-depth.html你遇到过性能很差的网页吗?这种网页响应非常缓慢,占用大量的CPU和内存,浏览起来常常有卡顿,页面的动画效果也不流畅。你会有什么反应?我猜想,大多数用户会关闭这个页面,改为访问其他网站。作为一个开发者,肯定不愿意看到这种情况,那么怎样才能提高性能...转载 2018-03-01 18:22:29 · 218 阅读 · 0 评论 -
js中的事件委托或是事件代理详解
原文地址 :https://www.cnblogs.com/liugang-vip/p/5616484.html起因:1、这是前端面试的经典题型,要去找工作的小伙伴看看还是有帮助的;2、其实我一直都没弄明白,写这个一是为了备忘,二是给其他的知其然不知其所以然的小伙伴们以参考;概述:那什么叫事件委托呢?它还有一个名字叫事件代理,JavaScript高级程序设计上讲:事件委托就是利用事件冒泡,只指定一...转载 2018-03-01 17:26:17 · 188 阅读 · 0 评论 -
call与apply
相信很多前端小伙伴们在写代码的时候应该都用过call()和apply()这两个方法,应该也对这两个方法有个基本的了解。但肯定也有些小伙伴对它们不是很熟悉,那这次就来探究一下这两个方法基本作用想要深入了解call()和apply()这两个方法,那么必须要先知道他们的基本作用:改变对象的执行上下文什么是执行上下文?我们在写一个方法的时候,总是会用到一个关键字this,而this的指向就...原创 2018-03-01 00:23:58 · 249 阅读 · 0 评论 -
关于JavaScript的浅拷贝和深拷贝
在JS中有一些基本类型像是Number、String、Boolean,而对象就是像这样的东西{name:'Larry',skill:'Node.js'},对象跟基本类型最大的不同就在于他们的传值方式。var a = 25; var b = a; b = 18; console.log(a);//25 console.log(b);//18基本类型是按值传递,像是这样:在修改a时并不会...原创 2018-02-21 17:38:32 · 294 阅读 · 0 评论 -
快速了解Ajax
Ajax是什么? AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。 Ajax的主要作用是:通过后台与服务器进行数据交换,使网页实现局部刷新。(不使用Ajax的页面,如果需要刷新数据必须整个页面刷新)通过什么方法与后端进行交互? 通过XMLHttpRequest即可与后端进行交互。所有现代浏览器均支持 XMLHt...原创 2018-01-21 02:54:57 · 873 阅读 · 0 评论 -
学习Javascript闭包(Closure)
作者: 阮一峰 闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。 下面就是我的学习笔记,对于Javascript初学者应该是很有用的。 一、变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种:全局变量和局部变量。 Javascript语言的特殊之处,就转载 2018-01-21 15:38:19 · 156 阅读 · 0 评论