20190730 前端开发日报

你必须懂的前端性能优化;使用 Node.js 生成方便传播的图片;前端面试每日3+1(周汇总2019.07.28);任务、微任务、队列和时间表(JavaScript);使用Webpack优化你的第三方库;了不起的Virtual DOM(二): 使用TypeScript开发简易Virtual DOM库;TypeScript笔记:React和泛型;web-whiteboard:Web 在线白板组件库

  1. 你必须懂的前端性能优化接下来是 TCP 握手,应用层会下发数据给传输层,这里 TCP 协议会指明两端的端口号,然后下发给网络层。网络层中的 IP 协议会确定 IP 地址,并且指示了数据传输中如何跳转路由器。然后包会再被封装到数据链路层的…
  2. 使用 Node.js 生成方便传播的图片 日常工作中,总会遇到一些需要和一些和“批量生成图片”相关的事情,尤其是在需要做 内容传播 的场景下: 毕竟图片更直观、更有冲击力 。 手头有一堆招聘需求,但是平台允许发布的字数有限,没关系,可以使用九宫格图片大法,把内容当长图发出来,但是制作长图还需要考虑排版,纯代码实现太过繁琐。 举办完一场…
  3. 前端面试每日3+1(周汇总2019.07.28)《论语》,曾子曰:“吾日三省吾身”(我每天多次反省自己)。 前端面试每日3+1题,以面试题来驱动学习,每天进步一点! 让努力成为一种习惯,让奋斗成为一种享受!相信 坚持 的力量!!!
  4. 任务、微任务、队列和时间表(JavaScript) 原文:https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules/ 译者:前端小智 为了保证的可读性,本文采用意译而非直译。 思考下面 JavaScript 代码: console.log(‘script start’); setTimeout(function() { console.log(‘setTimeout’); }, 0); …
  5. 使用Webpack优化你的第三方库 本文翻译自 GoogleChromeLabs 在webpack项目中使用了第三方库?使用这些方法可以缩小bundle! async async 是一组用于处理异步函数的实用程序。 通常,您应该使用 async-es 。它随ES模块一起提供,并且更适合webpack打包。 尽管如此,即使更喜欢使用 async ,对于优化列表,请参阅 async-es 部分。 …
  6. 了不起的Virtual DOM(二): 使用TypeScript开发简易Virtual DOM库 前言 首先欢迎大家关注、点赞、收藏我的 掘金账号 和Github 博客 ,也算是对我的一点鼓励,毕竟写东西没法获得变现,能坚持下去也是靠的是自己的热情和大家的鼓励。之前的 文章 我们介绍了MV*框架的历史以及React引入Virtual DOM所带来的新的解决思路,俗话说,百闻不如一见,百见不如一干。这篇文章我们将尝试使用去…
  7. TypeScript笔记:React和泛型这些笔记应该有助于更好的理解 TypeScript,并且在查找如何在特定情况下使用 TypeScript 会很有帮助。所有示例都是基于 TypeScript 3.2 完成。
  8. web-whiteboard:Web 在线白板组件库 README.md fc-whiteboard Web whiteboard screencasting(both live and playback mode) with background slides, can be used as a graphics tablet for online tutoring or remote collaboration. 在很多培训、协作、在线演讲的场景下,我们需…
  9. golang Sec-WebSocket-Protocol问题记录 环境 golang 1.9 websocket包采用的是 github.com/gorilla/websocket 在小程序H5页面与websocket联调的时候出现了如下错误, Sec-Websocket-Protocol 参数应该是小程序中自己添加进去的,后端要做一些处理。 问题 image Error during Websocket handshake: Sent non-empty ‘Sec-Web…
  10. HTTPS 运行原理解析 HTTPS可以看作是安全的HTTP,你可能听说过关于HTTPS的一些问题,比如什么握手,什么证书,加密之类的等等。 HTTPS为何能保障web的安全,其运行原理是怎样的,当我们深入了解下去,其设计的思路对我们其他安全方面的设计也有一定的启发作用。 与HTTP的区别 简单来说,HTTPS就是在H…

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

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


关注我

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

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

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