JavaScript系列
jiaojsun
做一只快乐的小码龙
展开
-
JavaScript系列—JS跨域
https://www.jianshu.com/p/b6c40d8c9ad4(此篇博文有参照这个作者)1.什么是跨域2.常见跨域方式1)JSONPJSONP是JSON with padding(填充式JSON或参数是JSON)的简写,是应用JSON的一种新方法,JSONP看起来和JSON差不多,只不过是被包含在函数调用的JSON,像这样:callback({name: 'n...原创 2019-05-09 19:46:30 · 205 阅读 · 0 评论 -
JavaScript系列—cookie,session,token等
前言之前整理过cookie,session,token,但发现还是云里雾里,今天读了几篇经典的文章,彻底的弄清楚这个东西。首先我们需要知道,这三个东西的为了解决什么问题HTTP是一种无状态的协议,而服务器端的业务必须是要有状态的, 为了分辨链接是谁发起的,需自己去解决这个问题。不然有些情况下即使是同一个网站每打开一个页面或者 APP 每次进入也都要登录一下。而 Session 、...原创 2019-07-04 20:36:26 · 1191 阅读 · 0 评论 -
JavaScript系列—性能优化之JavaScript内存泄漏(阮一峰)
JavaScript 内存泄漏教程作者:阮一峰日期:2017年4月16日一、什么是内存泄漏?程序的运行需要内存。只要程序提出要求,操作系统或者运行时(runtime)就必须供给内存。对于持续运行的服务进程(daemon),必须及时释放不再用到的内存。否则,内存占用越来越高,轻则影响系统性能,重则导致进程崩溃。不再用到的内存,没有及时释放,就叫做内存泄漏(memory...转载 2019-07-15 11:47:13 · 889 阅读 · 0 评论 -
JavaScript系列—内存管理+如何处理4个常见的内存泄漏
这篇文章摘抄自微信(https://mp.weixin.qq.com/s/RZ8Lpkyk8lz6z5H8Q8SiEQ)讲的挺好的,一目了然垃圾回收算法常用垃圾回收算法叫做**标记清除 (Mark-and-sweep) **,算法由以下几步组成: 1、垃圾回收器创建了一个“roots”列表。roots 通常是代码中全局变量的引用。JavaScript 中,“window” 对象是一个...转载 2019-07-15 15:45:40 · 245 阅读 · 0 评论 -
JavaScript系列—一道十面埋伏的原型链面试题
这道题是我面试的时候碰到的function Parent() { this.a = 1; this.b = [1, 2, this.a]; this.c = { demo: 5 }; this.show = function () { console.log(thi...原创 2019-07-16 09:51:49 · 466 阅读 · 0 评论 -
JavaScript系列—Object.assign()介绍以及原理实现
Object.assign()主要是将所有可枚举属性的值从一个或多个源对象复制到目标对象,同时返回目标对象语法如下所示:Object.assign(target, ...sources)其中target是目标对象,sources是源对象,可以有多个,返回修改后的目标对象target。如果目标对象中的属性具有相同的键,则属性将被源对象中的属性覆盖。后来的源对象的...转载 2019-07-23 10:00:51 · 1474 阅读 · 0 评论 -
JavaScript系列—script defer和async的用法和区别
1.script defer是什么HTML <script> 标签的 defer 属性示例<html><body><script type="text/javascript" defer="defer">alert(document.getElementById("p1").firstChild.nodeValue);&...原创 2019-07-28 20:42:58 · 331 阅读 · 0 评论 -
JavaScript系列—简述JS中的事件委托和事件代理
JS中的事件委托和事件代理什么是事件委托?事件委托还有一个名字叫事件代理,JS高程上讲:事件委托就是利用事件冒泡,只制定一个时间处理程序,就可以管理某一类型的所有事件。我用取快递来解释这个现象: 有三个同事预计会在周一收到快递。为签收快递,有两种办法:一是三个人在公司门口等快递;二是委托给前台代为签收。现实当中,我们大都采用委托的方案。前台收到快递后,她会判断收件人是谁,然后按照收件人的要...转载 2019-07-28 20:53:13 · 1436 阅读 · 0 评论 -
JavaScript系列—JS数据类型、类型转换(二)
1. JS数据类型及相关操作javascript数据类型: Number, String, Boolean, Undefined, Symbol Null Object(obj/[]/{}/null)typeof判断数据类型: "number","string","boolean","undefined","s...原创 2019-08-18 20:27:44 · 248 阅读 · 0 评论 -
JavaScript系列—说说try/catch和throw
1.官方解释首先我们来看看官方的解释定义和用法try/catch/finally 语句用于处理代码中可能出现的错误信息。错误可能是语法错误,通常是程序员造成的编码错误或错别字。也 可能是拼写错误或语言中缺少的功能(可能由于浏览器差异)。try语句允许我们定义在执行时进行错误测试的代码块。catch语句允许我们定义当try代码块发生错误时,所执行的代码块。fina...原创 2019-08-09 11:05:10 · 902 阅读 · 0 评论 -
JavaScript系列—class(静态方法和属性、实例属性、私有方法和属性)
1.类的简介JavaScript 语言中,生成实例对象的传统方法是通过构造函数。下面是一个例子。function Point(x, y) { this.x = x; this.y = y;}Point.prototype.toString = function () { return '(' + this.x + ', ' + this.y + ')';};var...原创 2019-08-20 14:42:24 · 19939 阅读 · 6 评论 -
JavaScript系列—函数防抖与函数节流
个人总结防抖:它在用户不触发事件的时,才触发动作。通俗:保证了正常的用户每输入1,2个字符就能触发一次。如果用户是输入法狂魔,也可以狠制他每输入3~6个字符触发一次。应用:提交按钮的点击事件。实现思路:将目标方法(动作)包装在setTimeout里面,然后这个方法是一个事件的回调函数,如果这个回调一直执行,那么这些动作就一直不执行。为什么不执行呢,我们搞了一个clearTimeou...原创 2019-08-12 20:03:27 · 240 阅读 · 0 评论 -
JavaScript系列—性能优化之一《网页性能管理详解》
为了加深记忆,这篇文章是我摘抄阮一峰的网络日志网页性能管理详解作者:阮一峰日期:2015年9月17日你遇到过性能很差的网页吗?这种网页响应非常缓慢,占用大量的CPU和内存,浏览起来常常有卡顿,页面的动画效果也不流畅。你会有什么反应?我猜想,大多数用户会关闭这个页面,改为访问其他网站。作为一个开发者,肯定不愿意看到这种情况,那么怎样才能提高性能呢?一、网页生成的过...转载 2019-07-10 09:45:14 · 382 阅读 · 0 评论 -
JavaScript系列—用户登录退出cookies—vue版
这篇文章我们结合vue和vue-router来说一下如何实现用户的登录,退出,和cookies先回忆一下之前《vue-router—14案例:模拟登录跳转》这篇文章1.vue-router—14案例:模拟登录跳转首先封装一下插件(关于为什么这么封装,为什么会有install,可以参考这篇博文https://www.cnblogs.com/mengfangui/p/9046525.ht...原创 2019-07-03 15:04:25 · 1408 阅读 · 0 评论 -
JavaScript系列—promise&&async
之前已经整理过promise&&async相关东西https://blog.csdn.net/jiaojsun/article/category/8085997https://blog.csdn.net/jiaojsun/article/category/7191902这次针对问题再巩固一下https://segmentfault.com/a/119000001...原创 2019-05-10 15:12:30 · 219 阅读 · 0 评论 -
JavaScript系列—变换莫测的this
前言相关知识讲解:- javascript中的this- 全局环境- 事件处理函数- 函数内部- 箭头函数内部- 对象方法内部- 构造函数中- 原型链上函数- getter 和 setter 中- 全局环境 - window<!DOCTYPE html><html lang="en"><head> <me...原创 2019-06-01 10:33:49 · 128 阅读 · 0 评论 -
JavaScript系列—变换莫测的this(续)
- --- 原型链上函数 - 调用该函数的对象情况一情况二来理解一下上面的代码var p ={ a:1, fn:function(){ console.log(this.a) }}var c = Object.create(p)console.log(c)打印- --- getter 和 setter 中 - ge...原创 2019-06-01 10:43:44 · 109 阅读 · 0 评论 -
JavaScript系列—for循环,闭包,作用域等
题外话 for循环一下打印10测试题<ul><li>111111111111111111</li><li>222222222222222222</li><li>333333333333333333</li></ul>不管点哪个li都会弹出3,因为for循环结束的...原创 2019-05-30 00:10:16 · 163 阅读 · 0 评论 -
JavaScript系列—原型和原型链
1.理解原型对象理解原型对象之前,先看一下使用原型模式编写的代码 。function Person() {}Person.prototype.name = "Nicholas";Person.prototype.age = 29;Person.prototype.job = "Software Engineer";Person.prototype.sayName = funct...原创 2019-06-02 15:12:24 · 335 阅读 · 0 评论 -
JavaScript系列—常见数组编程题
1.数组去重以下介绍三种写法 /* ES6去重 */ var arr = [1, 2, 2, 3]; var set = new Set(arr); var newArr = Array.from(set); /* es5去重 */ function uniq(arr) { let temp = []; for (v...原创 2019-06-26 14:33:05 · 779 阅读 · 0 评论 -
JavaScript系列—宏任务和微任务
看这篇博文之前,先看一下下面的文章吧《JavaScript 运行机制详解:再谈Event Loop》http://www.ruanyifeng.com/blog/2014/10/event-loop.html本文有参考,微信搜索《重学前端 --- Promise里的代码为什么比setTimeout先执行?》关于宏任务和微任务先看几道题吧 var r = new Pro...原创 2019-07-07 22:25:28 · 7034 阅读 · 5 评论 -
JavaScript系列—手写bind()函数
本人在一次面试中,当面试官小姐姐让我重写一下bind函数的时候,一下子蒙圈了,所以特来研究一下。在手写bind函数之前,我们先来回顾一下三剑客1.call,apply和bind现在我们写一个例子看一下打印特殊的,假如this那块写了一个1,那么打印出来的就不是1,而是被包装成一个对象2.手写bind实现首先看一下下面的代码猜测一下...原创 2019-06-23 23:44:39 · 6190 阅读 · 5 评论 -
JavaScript系列—关于前后端通信在实际项目中的用法
在我们的项目,如何来通过前后端进行通信呢。下来我们分别介绍几种方法。1.reqwest方式reqwest简介It's AJAXAll over again. Includes support for xmlHttpRequest, JSONP, CORS, and CommonJS Promises A.reqwest的写法的ajax写法类似,看下面例子// 普通...原创 2019-07-02 16:41:57 · 742 阅读 · 0 评论 -
JavaScript系列—用户注册登录退出cookies—node版
关于用户注册,登录,以及使用cookie相关的内容其实还是比较重要的,在《nodejs个人博客》这个项目中已经完整的讲过了,今天再拿出来巩固一下1.注册ui<div id="registerBox" class="userForm" style="display: none"> <div>新用户注册</div> <ul>...原创 2019-07-02 20:00:08 · 915 阅读 · 0 评论 -
6个Async/Await完胜Promise的原因
[译] 6个Async/Await完胜Promise的原因转载自这个人 @LOVEKY · APR 9, 2017 · 2 MIN READ原文地址:https://hackernoon.com/6-reasons-why-javascripts-async-await-blows-promises-away-tutorial-c7ec10518dd9友情提醒:NodeJS自从7...转载 2019-06-27 18:20:00 · 157 阅读 · 0 评论