- 博客(20)
- 收藏
- 关注
RSS订阅原创 JavaScript Map 和 Object 的区别
在JavaScript中，Map 和 Object 看起来都是用键值对来存储数据，那么他们有什么不同呢？不同点Key filed在 Object 中， key 必须是简单数据类型（整数，字符串或者是 symbol），而在 Map 中则可以是 JavaScript 支持的所有数据类型，也就是说可以用一个 Object 来当做一个Map元素的 key。元素顺序Map 元素的顺序遵循插入的顺序...
2019-04-11 17:11:19
17788
5
原创 ES6 静态模块结构
参考在ES6 之前的JavaScript 模块化都是支出动态加载的，也就意味着模块的导入导出可以在运行时动态的变化。ES6 退出自己的一套模块化格式就是为了能够实现静态模块结构。这就意味着在编译时就要确定导入和导出的内容，不允许在运行时发生变化。动态模块的例子var my_lib;if (Math.random()) { my_lib = require('foo');} els...
2019-04-11 15:36:41
857
1
原创 JavaScript 基础学习（下）
BOMBOM（浏览器对象模型）（browser object model）window 对象表示一个浏览器的实例，是BOM的和新对象。在浏览器中，window 既是 JavaScript 访问浏览器窗口的一个接口，又是 ECMAScript 规定的 Global 对象。全局作用域在全局作用域声明的变量、函数都会变成 window 对象的属性和方法。定义全局变量与 window 对...
2019-04-01 22:14:06
176
原创 JS 引擎初探
概述JavaScript语言JavaScript 本质上是一种解释性语言（目前其实是不太准确的）。函数是一等公民。JavaScript的另一个特点（也算是一个缺点）是动态类型，在编译的时候不能够确定每个变量类型，只有根据运行时的环境去判断其具体的类型，这就导致了性能问题。下面通过一个例子来解释动态类型所带来的性能损失：// javascriptfunction add(a, b) {...
2019-03-28 20:49:52
1395
原创 HTML & DOM 拾遗
google developerweb components自定义元素（custom Elements）：可重用的网页组件TL;DR自定义元素可以使开发者创建新的HTML 标记。现在有很多网页组件，我们可以使用或者拓展这些组件，使得我们的页面更加模块化。自定义新元素可以使用 customElements 来定义全局元素// 定义一个移动抽屉面板 <app-drawer>...
2019-03-26 22:17:21
279
原创 TCP 拥塞控制拾遗
快重传和快恢复的过程？参考借用这篇博客的一张图，我觉得这张图画出了很多讲快重传和快恢复的文章中没有讲到的细节。快重传快重传的触发是有收到连续3个相同的ACK，就开始进行快重传阶段。快重传所做的操作就是更新 cwnd 和 ssthresh 的值：cwnd = cwnd / 2ssthresh = cwnd执行完这两个操作之后就开始进入快恢复阶段快恢复快恢复要做的操作如下：...
2019-03-23 19:30:49
154
原创 尾调用和尾递归优化
尾调用参考链接TL; DR尾调用就是指在某个函数的最后一步调用另一个函数。亦或者说把函数调用放在函数的最后。function f(x) { return g(x);}调用栈当在函数中调用另一个新的函数时，将会在运行栈中新建一个栈帧，并把新的函数执行所需要的变量，寄存器等放入这个栈帧。上一个函数所对应的栈帧被称为调用帧。如下图所示：如之前所说的，尾调用就是一个函数执行的最后一...
2019-03-21 16:02:56
266
翻译 HTTP 自定义报文头
自定专用消息头可通过’X-’ 前缀来添加；但是这种用法被IETF在2012年6月发布的 RFC5548 中明确弃用，原因是其会在非标准字段成为标准时造成不便；其他的消息头在 IANA 注册表中列出, 其原始内容在 RFC 4229 中定义。 此外，IANA 还维护着被提议的新HTTP 消息头注册表.虽然已经被明确弃用，但是在平时还是能够看到大量的页面依旧在 Response Header ...
2019-03-21 13:20:28
18141
原创 JavaScript基础学习笔记
在HTML中使用JavaScript&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;script&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;元素script标签具有以下常用属性async： 表示立即下载脚本，但不立即执行，不阻塞页面渲染，仅对外部脚本有效，但是执行顺序按加载完成先后顺序，所以一个页面最好只包含一个延迟脚本在允许的时候执行，defer：立即下载文件，并在
2019-03-20 19:05:43
339
原创 Chrome Devtool 学习
虽然devtool一直在用，可是平时使用的也就那几个功能，为了能够深入前端开发的基础，还是要详细的看一下devtool都有哪些功能。
2019-03-20 16:54:46
525
原创 Vue——在标签的属性中引入变量
参考博客只需要在需要的属性前面加上 : ,然后再用 + 号字符串拼接就行了//引用阿里的矢量图库，原始写法<svg class="icon head-icon" aria-hidden="true"> <use xlink:href="'#favicon-default1"></use></svg>//<s
2019-03-20 16:53:39
3308
转载 js中的错误处理机制
参考Error实例对象js原生提供 Error 构造函数，所有跑出的错误都是这个构造函数的实例原生错误类型SyntaxError：是解析代码时发生的语法错误。ReferenceError：引用一个不存在的变量时发生的错误，或者将一个值分配给无法分配的对象RangeError：是一个值超出有效范围时发生的错误。主要有几种情况，一是数组长度为负数，二是Number对象的方法参数超出范围，...
2019-03-20 16:52:19
204
原创 严格模式
参考显示报错有些操作，在正常模式下只会默默地失败，不会报错。在严格模式下会显示报错。只读属性不可写字符串的 length 属性只设置了取值器的属性不可写严格模式下，对一个只有取值器（getter）、没有存值器（setter）的属性赋值，会报错'use strict';var obj = { get v() { return 1; }};obj.v = 2;// Unc...
2019-03-20 16:51:16
941
原创 异步操作
异步概述单线程模型JavaScript是单线程模式，同时只能执行一个任务。js引擎有多线程，每个js脚本只能在一个线程上运行（主线程），其他线程在后台配合。当IO操作耗时很长时， CPU 完全可以不管 IO 操作，挂起处于等待中的任务，先运行排在后面的任务。等到 IO 操作返回了结果，再回过头，把挂起的任务继续执行下去。这种机制就是 JavaScript 内部采用的“事件循环”机制（E...
2019-03-20 16:50:02
365
转载 模块化
commonJS模块引用var add = require('./add.js');var config = require('config.js');var http = require('http');模块定义module.exports.add = fucntion() {...}module.exports = fucntion() {return ...}一个文件代表...
2019-03-20 16:49:16
150
原创 vscode 在js文件中使用flow校验提示错误
具体报错如下：需要做如下配置：安装支持 flow 语法的插件在vscode 的 setting.json 中添加以下两句："flow.useNPMPackagedFlow": true,"javascript.validate.enable": false,之后就不会报错了。...
2019-03-20 16:48:25
2405
原创 Flex布局
参考链接传统的盒模型布局，依赖display属性（） + position属性（） + float属性()。对于一些特定的布局不是很方便，比如垂直居中。/*任何容器都能指定为Flex布局*/.box { display: flex;}/*行内元素也可以使用*/.box { display: inline-flex;}/*webkit内核的浏览器，必须加上 -webkit 前...
2019-03-20 16:47:41
288
原创 虚拟dom及diff算法解析
什么是DOM浏览器HTML渲染过程DOM树与渲染树重绘与重排事件委托DOM操作性能分析天生就慢什么是虚拟DOM虚拟DOM Diff算法虚拟DOM性能分析
2018-12-10 09:04:52
4027
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人