20180226 前端开发日报

Pandora.js — 阿里巴巴开源的 Node.js 应用监控管理器;利用console.time优化js代码;JavaScript 工作原理:Web Worker 的内部构造以及 5 种你应当使用它的场景;Yarn 1.5.0 发布,Facebook 推出的 JavaScript 包管理器;JS内存泄漏实例解析;浅谈vuex;JavaScript 奇怪事件簿;更优雅的下一代 Node.js 开发框架 — Nest.js 4.6.4 发布

  1. Pandora.js — 阿里巴巴开源的 Node.js 应用监控管理器 Pandora.js 阿里巴巴产出的一个Node.js 应用监控管理器,可以让您对自己的 Node.js 应用了若指掌,我们的目标就是让应用可管理、可度量、可追踪。 同时,这也是阿里巴巴开源的第一个使用了类型系统的 Node.js 软件。它使用的是 TypeScript,为 Pandora.js 带来了前所未有的逻辑健壮性。 什么是 Pandora.js 就像…
  2. 利用console.time优化js代码 也许你经常会想知道如何优化自己的代码,除了设计模式、代码简洁、易维护之外,我们还需要考虑的一点也非常重要,尤其是检测一些逻辑的复杂性上,那就是代码的实际执行时间。 console.time(timerName) 作为常识,我们首先要知道console.time() 以及timeEnd()已经为我们提供了api,可以方便的检测代码段的执行时间,…
  3. JavaScript 工作原理:Web Worker 的内部构造以及 5 种你应当使用它的场景 这是探索 JavaScript 及其内建组件系列文章的第 7 篇。在认识和描述这些核心元素的过程中,我们也会分享我们在构建SessionStack 时所遵循的一些经验规则。SessionStack 是一个轻量级 JavaScript 应用,它协助用户实时查看和复现他们的 Web 应用缺陷,因此其自身不仅需要足够健壮还要有不俗的性能表现。 如果你错过了…
  4. Yarn 1.5.0 发布,Facebook 推出的 JavaScript 包管理器 Facebook 推出的 JavaScript 包管理器 Yarn 发布了 1.5.0 版本,该版本的主要更新是对 bug 进行修复,还包含一些改进。部分内容如下: feat(cli): Improves "yarn workspaces info" fix(windows): Adjusted windows path so that bin folder has a backslash on the end of the path value, as p…
  5. JS内存泄漏实例解析 今天突然想到一个问题,let的块级作用域,以及闭包的变量引用功能很有意思(这脑洞咋联想到一起的,囧)。。闭包的使用会影响浏览器的GC过程。那么: JS 对象什么时候会被 自动回收 ? 如何使用正确使用闭包,并避免内存泄漏? 先看一个经典例子,循环异步打印问题(没耐心的直接跳最后一个…
  6. 浅谈vuex Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。简单的来说,就是数据共用,对数据集中起来进行统一的管理。 如果您的应用够简单,您最好不要使用 Vuex。一个简单的 global event bus 就足够您所需了。但是,如果…
  7. 更优雅的下一代 Node.js 开发框架 — Nest.js 4.6.4 发布 Nest 是构建高效,可扩展的 Node.js Web 应用程序的框架。 它使用现代的 JavaScript 或 TypeScript(保留与纯 JavaScript 的兼容性),并结合 OOP(面向对象编程),FP(函数式编程)和FRP(函数响应式编程)的元素。在底层,Nest 使用了 Express,可以方便地使用各种可用的第三方插件。 Nest 真正解决了长期以来 Node…
  8. Node.js 叒更新了,修复了 9.6.0 中出现的回归错误 在发布 9.6.0 不久后,Node.js 又发布了 9.6.1 —— 专门修复 9.6.0 出现的潜在 Semver-Major 回归错误。有以下值得关注的变化: events: events.usingDomains being set to  false by default was removed in 9.6.0 which was a change in behavior compares to 9.5.0. This behavior change has…
  9. JavaScript 中的 严格模式 严格模式 :使用严格模式的好处是可以提早知道代码中存在的错误,及时捕获一些可能导致编程错误的 ECMAScript 行为。 严格模式的选择使用 严格模式的编译指示(pragma): "use strict"; ,支持严格模式的引擎会启动这种模式,而不支持该模式的引擎就当遇到了一个未赋值的字符串字面量,会忽略这个编译…
  10. 用 javascript 框架绕过 XSS 防御 在 AppSec Europe Sebastian Lekies 中,Krzysztof Kotowicz 和 Eduardo Vela Nava 展示了如何使用 javascript 框架来绕过 XSS 保护。在这篇文章中,我也会讲解如何利用 Mavo 来突破防御(特别是 NoScript 过滤器)。Marvo 允许开发者用纯 HTML 创建可交互的 Web App。它在 Smashing magzine 公布并很快引起了我的兴趣,因…
  11. 腾讯IVWEB前端工程化工具feflow思考与实践本篇文章主要介绍腾讯IVWEB团队从0到1在工程化的思考和实践。feflow的全称是Front-end flow(前端工作流),致力于提升研发效率和规范的工程化解决方案。愿景是通过feflow,可以使项目创建、开发、构建、规范检查…
  12. 猫头鹰的深夜翻译:从1000+JS项目中汇总的10个最容易出现的错误(以及如何解决)JavaScript常出现的错误前十位 为了可读性,错误名称进行了一定的简写。让我们深入了解每个错误发生的原因以及解决方法。 1. Uncaught TypeError: Cannot Read Property 如果你是一名JavaScript开发人员,你可能…
  13. JS 实现抛物线动画{代码…} JS 实现抛物线动画 在做无人便利小程序的项目中,某一天产品说要像某产商产品学习,给添加购物车增加抛物线小球动画。好吧,产品你最大,做! 先给大家看下效果图(其实已经是实现后的效果了,顺便给自…
  14. Pandora.js:阿里开源的专业的 Node.js 应用监控管理器 TLDR Github: http://github.com/midwayjs/pandora, 欢迎 PR、Issue 和 Star. Pandora.js 阿里巴巴产出的一个Node.js 应用监控管理器,可以让您对自己的 Node.js 应用了若指掌,我们的目标就是让应用可管理、可度量、可追踪。 我们自 2014 年开始使用 Node.js 并参与运维工作,Pandora.js 是淘宝 Mid…
  15. 随想录(javascript虚拟机) 【 声明:版权所有,欢迎转载,请勿用于商业用途。 联系信箱:feixiaoxing @163.com】 很多同学都熟悉javascript语言,却很少有同学感兴趣jvm是怎么实现的。现在正好网上有一个js v7的开源项目,大家可以将代码下载下来,好好编译查看一下。 1、下载代码 https://github.com/cesanta/v7 2、解压文件 一般双…
  16. Functional JavaScript: 使用 Transducer 提升函数式性能 在函数式编程中,Transducer 是一种用于处理数据的高效、 可组合 且 不会产生的中间数据 的 函数 。 这样说可能会有些让人无法理解,让我们用通俗的代码解释一遍: 假设我们需要找出 100 以内能被 3 整除的所有奇数的平方和(注:为了更清晰的表示函数的参数与返回值,所有的示例代码均使用 TypeScript)…

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流