20191002 前端开发日报

nodejs深入学习系列之libuv基础篇(二);JS 常用的技巧和几个鲜为人知的特性;javascript面向对象编程学习(三) —— 构造函数继承和组合继承;nodejs深入学习系列之libuv基础篇(一);不可不知的 Vue.js 列表渲染;自动化 Web 性能分析之 Puppeteer 爬虫实践;Javascript的搅局者—Webassembly;JS 10个 常用的技巧和鲜为人知的特性

  1. JS 常用的技巧和几个鲜为人知的特性 作者:Euel Duran 来源: Dev 译者:前端小智 阿里云最近在做活动,低至2折,有兴趣可以看看: https://promotion.aliyun.com/… JS是一门发展迅速的语言,正因如此,有些新的特性和功能,咱们没有办法在第时间内知道。在这篇文章中,咱们主要探讨一些少有人知道的特性还有一些常用技巧。 获取查…
  2. javascript面向对象编程学习(三) —— 构造函数继承和组合继承 利用 call() 或 apply() 方法,在子构造函数 Child() 中,调用 Person.call(this, name) ,增强子构造函数实例;实质等同于复制父实例给子函数。 1.1代码实现 function Person(name) { this.name = name; this.names = ; this.getName = function () { console…
  3. 不可不知的 Vue.js 列表渲染 vue.js 使用的是 v-for 指令来处理组件元素的循环迭代逻辑。通常它会和 v-if 配合使用,达到我们所需要的处理逻辑。 v-for 的语法形式是 item in items ,其中 items 就是我们要循环的数组,而 item 则是被迭代的数组元素的别名。 <ul id="example-1"> <li v-for="item in items&…
  4. 自动化 Web 性能分析之 Puppeteer 爬虫实践 本文首发于政采云前端团队博客: 自动化 Web 性能分析之 Puppeteer 爬虫实践 通过上篇文章《 自动化 Web 性能优化分析方案 》的分享想必大家对“百策系统”有了初步的了解。本文将向大家介绍自动化性能分析使用的核心库——Puppeteer,并结合页面登录场景,介绍 Puppeteer 在百策系统中的应用。 Puppeteer 简介 Pup…
  5. Javascript的搅局者—Webassembly 最近在破解网站验证码的时候,图像识别速度上遇到一点瓶颈。按照我现在的代码,从获取到验证码图片到输出正确验证码字符串需要等待3秒的时间,但是3秒之后破解完黄花菜都凉了,所以我想有没有什么方法让程序执行的快一点,最后目光聚焦在了Webassembly,所以入门学习了一下Webassembly。 Webassembly是什么? Webassem…
  6. JS 10个 常用的技巧和鲜为人知的特性JS是一门发展迅速的语言,正因如此,有些新的特性和功能,咱们没有办法在第时间内知道。在这篇文章中,咱们主要探讨一些少有人知道的特性还有一些常用技巧。
  7. 小明之线上websocket服务异常排查思路 话说上周小明在跟产品的激烈争辩中, 虽说最终他用一套观察者模式比较好的解决了特定行为发生后频繁变更后续操作的事情, 但处理过程中对同事的感受来说, 并不是那么好。 于是小明暂时脱离业务的开发, 去做一些技术方面的支持, 还没开始可怜的小明又遇到了新的问题。 技术背景 在他们公司的内部有一个 websocke…
  8. 如何写一个让面试官满意的 Promise?Promise 的实现没那么简单,也没想象中的那么难,200 行代码以内就可以实现一个可替代原生的 Promise。
  9. 如何在 Web 上构建一个插件系统 原文: www.figma.com/blog/how-we… 在 Figma,我们最近解决了迄今为止最大的工程挑战之一:支持插件。 我们的插件 API 使第三方开发人员可以直接在基于浏览器的设计工具中运行代码,因此团队可以使 Figma 适应自己的工作流程。他们可以用可访问性检查器测量对比度,用翻译应用程序转换语言,进口商可以用内容填充…
  10. 从零开始搭建前端监控系统(二)——实现圈选(无埋点)前言 本系列文章旨在讲解如何从零开始搭建前端监控系统。 项目已经开源 项目地址: [链接] (web sdk) [链接] (服务端,用于提供api)(未完) [链接] (后台管理系统,可视化数据等)(未完) 您的支持是我们不断前…
  11. 写给 JavaScript 开发者的代码缓存指南 原文链接:v8.dev/blog/code-c… 代码缓存(也称字节码缓存)是浏览器中非常重要的优化手段,通过将「解析+编译」的结果进行缓存,可以减少常访问网站的启动时间。大多数主流浏览器也都以某种形式实现了代码缓存,Chrome 自然也不例外。而且围绕 「Chrome 和V8 如何缓存编译过的代码」这个主题,我们曾写过一些文章,…
  12. JavaScript engine fundamentals: optimizing prototypes 上一篇文章已经讨论了现代 JavaScript 引擎的工作流程: js-engine-pipeline 我们也指出了引擎间的相同之处和编译环节中的差异。为什么会这样?为什么一些引擎的编译器比其他引擎多?结论是基于更快地生成代码和生成更好的代码两者间的考量。 tradeoff-startup-speed 解释器可以很快地生成字节码,…
  13. 前端培训-中级阶段(19)- 拖拽API(2019-10-03期)前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门,但也仅仅是入门,现在前端开发的定义已经远远不止这些。前端小课堂(HTML/CSS/JS),本着提升技术水平,打牢基础知识的中心思想,我们开课啦(…
  14. 现代 JavaScript 教程 — 代码结构 语句是执行操作的语法结构和命令。 我们已经见过了 alert(‘Hello, world!’) 这样可以用来显示消息的语句。 我们可以在代码中编写任意数量的语句。语句之间可以使用分号进行分割。 例如,我们将 "Hello World" 这条信息一分为二: alert(‘Hello’); alert(‘World’); 复制代码 通常,每条语句独占一行,…
  15. 爱奇艺 RND 框架之 JS Framework 解析 背景介绍 RND,全称React Node Desktop,起源于RN在爱奇艺PC端的实现,采用React JS framework + node.JS runtime + native UI engine架构,目标是成为最轻量的JS开发桌面应用的跨平台方案。目前爱奇艺PC客户端的大多数页面都是基于RND开发的。 传统的JS开发native应用的方案都是将nativ…
  16. 前端渣渣对requestAPI的不断重构之路 我还是自我介绍一下吧,本人 19届毕业生 ,在大二的时候自学前端,没有系统的学习,也没人带,从菜鸟教程那里去学 html 、css 、js 等,然后中间去写过一点 php,也是 CURD 的工作。 自学路上太艰难,因为不仅仅会遇到一些除了前端的问题,还会遇到许多其他没涉及到的问题, 那时候的自己属于,这个东西能做出来就…
  17. 如何用webpack-hot-plugin实现多页面HMR 在利用webpack搭建应用工程时,我们采用wepack-dev-server + webpack-hot-middleware来实现可热刷新的本地服务器以供开发时调试。按照webpack-hot-plugin说明( Add ‘webpack-hot-middleware/client’ into the entry array ),我们需要在webpack的配置项中添加一个字符串: hotMiddlewareScript : const hotMiddle…
  18. nodejs深入学习系列之v8基础篇 V8这个概念大家都不陌生了,那么你动手编译过V8源码吗?编译后有尝试去了解V8背后的一些概念吗?如果没有,那么也不用心慌,下文将跟大家一一解释这些东西。在编译V8之前我们先要了解一个东西- 构建系统 1、构建系统 1.1、构建系统是啥? 写惯前端的童鞋可能不是很明白这个东西是干啥用的?但是其实平时你都会接触…
  19. 前端培训-中级阶段(18)- 地理定位(Geolocation)API(2019-09-26期)前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门,但也仅仅是入门,现在前端开发的定义已经远远不止这些。前端小课堂(HTML/CSS/JS),本着提升技术水平,打牢基础知识的中心思想,我们开课啦(…
  20. Vue 数据响应式源码分析笔记 Vue2实现响应式的核心是利用了ES5的Object.defineProperty,这也是Vue不能兼容IE8及以下浏览器的原因 Object.defineProperty 会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性, 并返回这个对象 可以在MDN看看关于它的使用介绍 在Vue中主要使用到的是descriptor中的get和set,get 是一个给属性…

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

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


关注我

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

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

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