前端旧约

聊一聊JSONP和图像Ping的区别

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

posted @ 2020-04-25 23:21 前端旧约阅读(494) 评论(0) 推荐(1)

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

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

posted @ 2020-04-24 17:11 前端旧约阅读(1748) 评论(0) 推荐(1)

浅析 CSS 中的边距重叠

摘要：边距重叠是什么在说边距重叠之前，先以正常的思维来考虑如果你现在是浏览器引擎遇到这种情况应该怎么办？现在有两个元素 div1 和 div2 上下紧挨着，中间没有其它元素，它们的外边距就会发生重叠。div1 在上，div2 在下，div1 的 margin-bottom 为 20px， div2 的阅读全文

posted @ 2020-04-23 23:43 前端旧约阅读(1728) 评论(2) 推荐(0)

CSS 中你应该了解的 BFC

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

posted @ 2020-04-21 18:50 前端旧约阅读(830) 评论(4) 推荐(1)

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

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

posted @ 2020-04-21 11:39 前端旧约阅读(2021) 评论(0) 推荐(0)

W3C 标准盒模型和 IE 模型

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

posted @ 2020-04-20 15:33 前端旧约阅读(403) 评论(0) 推荐(0)

正则表达式（JS表格简要总结）

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

posted @ 2020-04-18 12:04 前端旧约阅读(839) 评论(0) 推荐(1)

简单理解深拷贝和浅拷贝

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

posted @ 2020-04-17 17:19 前端旧约阅读(475) 评论(0) 推荐(0)

小白眼中的递归

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

posted @ 2020-04-09 16:00 前端旧约阅读(232) 评论(0) 推荐(0)

实现三栏布局的五种方法

摘要：假设高度已知，请写出三栏布局，其中左栏、右栏宽度各为 300 px，中间自适应。中间自适应就是说中间的盒子可以随着浏览器窗口的大小或子元素的大小自动调整大小，中间盒子不能是定宽的，它的大小是由子元素撑开的。接下来用五种方法来实现题目中的要求。 1. float 布局由于两边的元素宽度是固定的，阅读全文

posted @ 2020-04-03 11:47 前端旧约阅读(819) 评论(0) 推荐(0)

JS 中 foreach 和 map 方法的区别

摘要： map方法： map对一个数组对象进行操作时，一般是生成一个新的数组，可以在map中限制生成新数组的条件，有返回值。 forEach方法： forEach方法也是对数组进行遍历，没有返回值。示例将 arr 数组中的每个元素翻倍。运行结果：阅读全文

posted @ 2020-04-02 15:31 前端旧约阅读(450) 评论(0) 推荐(0)

回调函数踩坑

摘要：在使用回调函数处理异步时，有时候会出现返回结果不及时的情况，下面记录一下自己踩到的坑以及解决方法。首先看下面的这段代码有什么问题吗？ js const mysql = require('mysql') // 创建链接对象 const con = mysql.createConnection({ h 阅读全文

posted @ 2020-04-01 15:42 前端旧约阅读(399) 评论(0) 推荐(0)

举例对比说明promise和回调函数

摘要：通过不同的方式读取在 files 文件夹下的三个文件来引出 promise 在处理异步时与回调函数相比的优势，files 文件夹有三个文件 a.json，b.json，c.json。现在要依次读取这三个文件，并且 b.json 的文件名要通过 a.json 文件中的 next 属性获得，c.jso 阅读全文

posted @ 2020-03-31 21:02 前端旧约阅读(1225) 评论(0) 推荐(0)

webpack学习笔记

摘要：该笔记是博主学习webpack课程时做的笔记，里面加了一些自己的一些理解，也踩了一些坑，在笔记中基本上都更正过来了，分享给大家，如果发现什么问题，望告知，非常感谢。 1. 为什么要学webapck 为什么要学？有什么作用？由于项目一般比较大，为了项目的可维护性和可扩展性，我们一般需要把代码分成阅读全文

posted @ 2020-03-30 17:58 前端旧约阅读(276) 评论(0) 推荐(0)

CSS 中 box-shaow 详细用法教程

摘要：影子在现实生活中可以是一个物体的副本，在 CSS 中也是这样的，相当于复制了那个元素（并不是真正的元素，对页面布局没有任何影响），可以从下面的代码中看出来。这个时候实际上已经生成了一个宽度 100px，高度 100px 蓝色的正方体，现在我们通过给它加一些偏移量让其显示出来。令当我们令这个影子阅读全文

posted @ 2020-03-25 17:29 前端旧约阅读(1738) 评论(0) 推荐(0)