codingOrange

今天做别人不愿意做的事,明天做别人不能做的事

2020年5月4日

[置顶] 前端每日知识点分享(总结版)

摘要:这里是前端每日知识点分享的汇总版,首发于 b 站动态,欢迎加入 b 站 前端小学生自习室 一起学习。 前端每日知识点分享(总结版) 2020年4月20日(typeof能判断出哪些数据类型?) typeof能判断出哪些数据类型? typeof能直接判断出 Number,String,Boolean,u 阅读全文

posted @ 2020-05-04 08:16 codingOrange 阅读(474) 评论(1) 推荐(1) 编辑

2020年4月23日

[置顶] 浅析 CSS 中的边距重叠

摘要:浅析 CSS 中的边距重叠 边距重叠是什么 在说边距重叠之前,先以正常的思维来考虑如果你现在是浏览器引擎遇到这种情况应该怎么办? 现在有两个元素 div1 和 div2 紧挨着,中间没有它元素,它们的外边距就会发生重叠。div1 在左,div2 在右,div1 的 margin right 为 20 阅读全文

posted @ 2020-04-23 23:43 codingOrange 阅读(280) 评论(2) 推荐(0) 编辑

2020年4月21日

[置顶] CSS 中你应该了解的 BFC

摘要:我们常说的文档流其实分为定位流、浮动流和普通流三种。而普通流其实就是指BFC中的FC。FC是formatting context的首字母缩写,直译过来是格式化上下文,它是页面中的一块渲染区域,有一套渲染规则,决定了其子元素如何布局,以及和其他元素之间的关系和作用。常见的FC有BFC、IFC,还有GF 阅读全文

posted @ 2020-04-21 18:50 codingOrange 阅读(276) 评论(3) 推荐(1) 编辑

2020年1月9日

[置顶] 简单聊一聊JS中的循环引用及问题

摘要:本文主要从 JS 中为什么会出现循环引用,垃圾回收策略中引用计数为什么有很大的问题,以及循环引用时的对象在使用 JSON.stringify 时为什么会报错,怎样解决这个问题简单谈谈自己的一些理解。 1. 什么是循环引用 当对象 1 中的某个属性指向对象 2,对象 2 中的某个属性指向对象 1 就会 阅读全文

posted @ 2020-01-09 21:04 codingOrange 阅读(2443) 评论(2) 推荐(1) 编辑

2019年12月22日

[置顶] 图文结合深入理解 JS 中的 this 值

摘要:图文结合深入理解 JS 中的 this 值 在 中最常见的莫过于函数了,在函数(方法)中 的出现频率特别高,那么 到底是什么呢,今天就和大家一起学习总结一下 中的 。 1. 初探this 在 中是一个关键字,不是变量也不是属性名, 中不允许给this赋值。 它是函数运行时,在函数体内部自动生成的一个 阅读全文

posted @ 2019-12-22 21:12 codingOrange 阅读(168) 评论(0) 推荐(2) 编辑

2020年5月17日

浅析常见的 Web 安全预防

摘要:1. CSRF 跨站请求伪造,英文名: CSRF 攻击流程 结合下面这张图说明 CSRF 的攻击流程。 李四在网站 A 注册了用户名,并且登录到了网站 A,在登录之后网站 A,就会给用户李四的浏览器下发一个 cookie,李四在访问网站 A 的时候,就会将本地的 cookie 上传到网站 A,如果有 阅读全文

posted @ 2020-05-17 15:14 codingOrange 阅读(106) 评论(0) 推荐(0) 编辑

2020年5月7日

cookie 和 session 的区别

摘要:以我自己做的个人博客来说明两者的区别,由于 HTTP 协议是无状态的协议(也就是服务端不能仅仅通过 http 请求本身来判断是哪一个用户),所以就需要一种机制来判断当前是哪一个用户登录了博客。 我在博客项目中是这样实现的: 在用户第一次请求我的网站的时候,我会在响应头中通过设置 给客户端的 cook 阅读全文

posted @ 2020-05-07 20:24 codingOrange 阅读(88) 评论(0) 推荐(0) 编辑

2020年5月4日

前端每日知识点分享(总结版)

摘要:这里是前端每日知识点分享的汇总版,首发于 b 站动态,欢迎加入 b 站 前端小学生自习室 一起学习。 前端每日知识点分享(总结版) 2020年4月20日(typeof能判断出哪些数据类型?) typeof能判断出哪些数据类型? typeof能直接判断出 Number,String,Boolean,u 阅读全文

posted @ 2020-05-04 08:16 codingOrange 阅读(474) 评论(1) 推荐(1) 编辑

2020年5月2日

判断两个对象的内容是否相等

摘要:由于在做 "键盘导航组件" 的项目时,有这样一个需求,当用户传入按键字母和网址的映射时,如果和 localStorage 中的不一样那么就用 localStorage 中存储的,这个时候就需要比较两个对象的内容是否相等,但是在 JS 中对象是一种引用类型. 即使两个对象的内容完全相同,因为它们的地址 阅读全文

posted @ 2020-05-02 23:05 codingOrange 阅读(692) 评论(0) 推荐(0) 编辑

再谈闭包

摘要:闭包的定义 在 "简单理解JS中的闭包" 通过阮一峰老师关于闭包的文章写过一次对闭包的理解,这篇文章比较简洁地再谈一次闭包。 闭包指的是能够访问另一个函数作用域中变量的函数。 闭包的作用 1)闭包使得我们可以在函数的外部访问函数内部的变量 如上面的代码所示,在函数外部我们本来是不能访问 fn1 内部 阅读全文

posted @ 2020-05-02 15:56 codingOrange 阅读(420) 评论(2) 推荐(0) 编辑

2020年5月1日

浅析 JS 中的作用域链

摘要:作用域链的形成 在 JS 中每个函数都有自己的执行环境,而每个执行环境都有一个与之对应的变量对象。例如: 你就可以将 fn 当做函数 fn 执行环境对应的一个变量对象,这个变量对象我们通过代码是无法访问到的,但是 JS 引擎在解析代码时会用到它。 思考为什么上面函数中的 fn 运行后输出 1,可能大 阅读全文

posted @ 2020-05-01 22:41 codingOrange 阅读(70) 评论(0) 推荐(0) 编辑

2020年4月25日

聊一聊JSONP和图像Ping的区别

摘要:JSONP 在讲 JSONP 之前需要再来回顾一下在页面上使用 script 引入外部的 js 文件时到底引入了什么? 先建立一个 index.js 文件。 再建立一个 index.html 文件。 上面的 等价于 现在再来看 JSONP 就比较好理解了。 假设我现在需要向 www.abc.com 阅读全文

posted @ 2020-04-25 23:21 codingOrange 阅读(241) 评论(0) 推荐(1) 编辑

2020年4月24日

原型链继承的问题及解决方法

摘要:原型链继承的问题 如果单独只使用原型链继承主要有以下两个问题。 1)包含引用类型值的原型属性会被所有的实例共享 下面中父类有一个 colors 属性是一个引用类型,每个子类实例对它的修改,其它子类的实例会跟着修改。 2)无法在不影响其它实例的前提下向父类传递参数 在只使用原型链的前提下传递参数,主要 阅读全文

posted @ 2020-04-24 17:11 codingOrange 阅读(324) 评论(0) 推荐(1) 编辑

2020年4月23日

浅析 CSS 中的边距重叠

摘要:浅析 CSS 中的边距重叠 边距重叠是什么 在说边距重叠之前,先以正常的思维来考虑如果你现在是浏览器引擎遇到这种情况应该怎么办? 现在有两个元素 div1 和 div2 紧挨着,中间没有它元素,它们的外边距就会发生重叠。div1 在左,div2 在右,div1 的 margin right 为 20 阅读全文

posted @ 2020-04-23 23:43 codingOrange 阅读(280) 评论(2) 推荐(0) 编辑

2020年4月21日

CSS 中你应该了解的 BFC

摘要:我们常说的文档流其实分为定位流、浮动流和普通流三种。而普通流其实就是指BFC中的FC。FC是formatting context的首字母缩写,直译过来是格式化上下文,它是页面中的一块渲染区域,有一套渲染规则,决定了其子元素如何布局,以及和其他元素之间的关系和作用。常见的FC有BFC、IFC,还有GF 阅读全文

posted @ 2020-04-21 18:50 codingOrange 阅读(276) 评论(3) 推荐(1) 编辑

JS 中的自定义事件和模拟事件

摘要:在 JS 中模拟事件指的是模拟 JS 中定义的一些事件,例如点击事件,键盘事件等。 自定义事件指的是创建一个自定义的,JS 中之前没有的事件。 接下来分别说一下创建这两种事件的方法。 创建自定义事件 创建自定义事件可以使用 Event 和 CustomEvent 两种方法,接下来分别做一下介绍。 1 阅读全文

posted @ 2020-04-21 11:39 codingOrange 阅读(437) 评论(0) 推荐(0) 编辑

2020年4月20日

W3C 标准盒模型和 IE 模型

摘要:CSS 中有两种盒模型,分别是 IE 盒模型 和 W3C 标准盒模型 。 从上图可以看到标准 W3C 盒模型的范围包括 margin、border、padding、content,并且 content 部分不包含其他部分。 从上图可以看到 IE 盒子模型的范围也包括 margin、border、pa 阅读全文

posted @ 2020-04-20 15:33 codingOrange 阅读(72) 评论(0) 推荐(0) 编辑

2020年4月18日

正则表达式(JS表格简要总结)

摘要:[TOC] JS正则表达式 1. JS中正则表达式定义 中的正则表达式用 对象表示。 JS中定义正则表达式的两种方法: | 方法 | 示例 | | : : | : : | | 对象 | | | 直接量 | | 2. 直接量字符 正则表达式中的所有字母和数字都是按照字面含义进行匹配的,同样也支持非字母 阅读全文

posted @ 2020-04-18 12:04 codingOrange 阅读(249) 评论(0) 推荐(1) 编辑

2020年4月17日

简单理解深拷贝和浅拷贝

摘要:在 JS 中数据类型分为值类型和引用类型,对于值类型,变量中存放的是具体的值,而对于引用类型,变量中存放的是地址。 对于值类型: 输出结果是 3. 对于引用类型: 输出结果:20. 上述变量在内存中的存储: 在程序运行过程中,当一个函数被调用时会把调用时的位置等信息保存在堆栈中,这就是通常说的保护现 阅读全文

posted @ 2020-04-17 17:19 codingOrange 阅读(114) 评论(0) 推荐(0) 编辑

2020年4月9日

小白眼中的递归

摘要:作为一个小白,涉及到递归首先想到的就是必须要有递归终止条件否则就会构成死循环。 对于递归还主要有两个地方不是很清楚,第一就是什么情况下可以用递归,第二个就是为什么递归中总是会用到 return。 先从一个最简单的计算阶乘的例子讲起 执行顺序: factorial(3) == 3 factorial( 阅读全文

posted @ 2020-04-09 16:00 codingOrange 阅读(58) 评论(0) 推荐(0) 编辑

导航