JavaScript杂谈

谁践踏了优雅 2022-06-04 06:24 307阅读 0赞

## [浏览器内的事件队列][Link 1] ##

众所周知JavaScript是基于单线程运行的，同时又是可以异步执行的，一般来说这种既是单线程又是异步的语言都是基于事件来驱动的，恰好浏览器就给JavaScript提供了这么一个环境 在我电脑上输出的是: test: 5.4892578125ms —2— —1—…

## [基于 Node、WebSocket 的手机控制电脑实例][Node_WebSocket] ##

首先 PC 端先要跟服务器端建立一个连接，连接建立之后，服务器为连接的实例创建一个唯一的 id，并返回到客户端。同时维护一个 Map，以连接 id 为 key 值保存连接实例 为了方便，这里使用了一个专门处理 WebSocket 的 node 模块 ws，前面提到过，WebSo…

## [this、apply、call、bind][this_apply_call_bind] ##

这又是一个面试经典问题~/(ㄒoㄒ)/~~也是 ES5中众多坑中的一个，在 ES6 中可能会极大避免 this 产生的错误，但是为了一些老代码的维护，最好还是了解一下 this 的指向和 call、apply、bind 三者的区别。 在 ES5 中，其实 this 的指向，始终…

## [学习设计模式之MVC、MVP、MVVM][MVC_MVP_MVVM] ##

认真学习了下广义MVC模式下前端怎么写，狭义的MVC其实是有一个变化过程：MVC MVP MVVM，网上看了很多的关于这方面的介绍，以前总是将视图数据逻辑写一个模块，最近尝试分开并用组件式的开发的方式…

## [《深入理解ES6》阅读笔记 — 解构：使数据访问更便捷][ES6_ _] ##

如果你正在开发使用数据驱动的应用，那么这一小节的内容对你来讲，就非常重要了，欢迎来到解构的世界。何为“解构”？当我们定义了很多对象和数组，又必须从中提取有价值的数据时，这种行为在ES6中被称为“解构”，解构分为两种：对象解构和数组解构。如果…

## [如何制作一个完美的全屏视频H5][H5] ##

全屏h5的制作方法

## [这些JavaScript编程黑科技，装逼指南，高逼格代码，让你惊叹不已][JavaScript] ##

莫装逼、白了少年头，2333。。。

## [HTML5 桌面通知：Notification API][HTML5 _Notification API] ##

Notification API 是 HTML5 新增的桌面通知 API，用于向用户显示通知信息。该通知是脱离浏览器的，即使用户没有停留在当前标签页，甚至最小化了浏览器，该通知信息也一样会置顶显示出来。 想要向用户显示通知消息，需要获取用户权限，而相同的域名只需要获取一次权限。…

## [新手开发中常用ES6基础知识总结][ES6] ##

总结了为平时开发带来便利的ES6基础知识

## [Rxjs实践-各种排序算法排序过程的可视化展示][Rxjs_-] ##

到这一步，我们的单次功能就能正常进行了，但如果在一个排序动画过程还没有结束，我们又点击了一个新的排序类型，则新旧两次的还在序列中没进行的渲染都会依次进行，干扰echart渲染的效果，所以在切换到新的类型时，我们要过滤序列中的值。

## [javascript王国之函数教主][javascript] ##

闭包是怎么回事

## [如何用好JavaScript console][JavaScript console] ##

在JavaScript中，最基本的调试工具就是console.log()。console中有还很多其他的实用方法可以成为开发者调试的好帮手。

## [JS对象的深浅复制][JS] ##

老生常谈的JS对象的深浅复制，其实主要在于自己理解，只有自己消化了的知识才算是自己的。

## [理解 ES6 标准 Promise][ES6 _ Promise] ##

Promise 方法的运用

## [2017年前端开发工具趋势][2017] ##

本文来源于全球的5254份前端工具使用的调查报告，期望通过本文能够帮助大家更好的了解最新的前端开发工具趋势。

## [js数组API–温故知新][js_API] ##

concat() 方法用于连接两个或多个数组。 该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。 返回一个新的数组。该数组是通过把所有 arrayX 参数添加到 arrayObject 中生成的。如果要进行 concat() 操作的参数是数组，那么添加的是数组中的元…

## [gtop - 一个 Node 命令行工具，终端系统监控仪表板][gtop - _ Node] ##

终端系统监控仪表板

## [关于ES6中箭头函数的this问题][ES6_this] ##

探讨es6中的this的词法和es5中的this指向的差异

## [promise源码解析（译）][promise] ##

讲解promise的一步步形成

## [浅谈preflight request][preflight request] ##

不知道大家有没有发现，有时候我们在调用后台接口的时候，会请求两次，如下图的 图一.png 其实第一次发送的就是preflight request(预检请求)，那么这篇文章将讲一下，为什么要发预检请求，什么时候会发预检请求，预检请求都做了什么 我们都知道浏览器的同源策略，就是出于…

[Link 1]: https://juejin.im/entry/59e95b4c518825579d131fad
[Node_WebSocket]: https://juejin.im/entry/59bcd0346fb9a00a664a1720
[this_apply_call_bind]: https://juejin.im/entry/59bfe8c1f265da0666413397
[MVC_MVP_MVVM]: https://juejin.im/entry/598ddfe7f265da3e301e9512
[ES6_ _]: https://juejin.im/entry/59be2fdf5188257e6e261eec
[H5]: https://juejin.im/entry/59917407518825486f1e7fb4
[JavaScript]: https://juejin.im/entry/5998f8396fb9a0247c6ec9cd
[HTML5 _Notification API]: https://juejin.im/entry/59ed3852f265da432a7abb65
[ES6]: https://juejin.im/entry/598c89f7518825486b16e4c8
[Rxjs_-]: https://juejin.im/entry/59f29c826fb9a045204b7639
[javascript]: https://juejin.im/entry/598686ff6fb9a03c445dd33b
[JavaScript console]: https://juejin.im/entry/5985bcaff265da3e292a6046
[JS]: https://juejin.im/entry/59ca5a2151882579e9555b41
[ES6 _ Promise]: https://juejin.im/entry/598d4445518825485d28d59b
[2017]: https://juejin.im/entry/5992602ef265da3e3b66e0f9
[js_API]: https://juejin.im/entry/59ca13d15188257e8f03aff9
[gtop - _ Node]: https://juejin.im/entry/598e6a74f265da3e2d46f171
[ES6_this]: https://juejin.im/entry/59930650f265da247a157117
[promise]: https://juejin.im/entry/599968f6518825244630f809
[preflight request]: https://juejin.im/entry/59be32ae5188256bb018dd5b