20200323 前端开发日报

前端页面仔的祖传技术 JS 终于有史书了；前端科普（二）：Node.js 换个角度看世界；考拉前端骨架屏生成技术揭秘；GitHub 宣布正式收购 npm，即将接管 JavaScript 生态系统？；gin-vue-admin 基于vue和gin 搭建的后台管理系统脚手架；Promise|async|Generator 实现&原理大解析；Web 音乐交互框架 Tone.js 简介；转转商业前端错误监控系统 (Sentry) 策略升级

1. 前端页面仔的祖传技术 JS 终于有史书了 这篇论文《JavaScript: The First 20 Years》属于即将在 6 月召开的第四届『编程语言历史大会』，这个活动每隔十几年才举办一次。
2. 前端科普（二）：Node.js 换个角度看世界 【前端科普系列】往期精彩内容： 《前端科普系列（1）：前端简史》主要介绍 web 前端发展的历史、大事件。 本文为系列文章（2），主要介绍 Node.js 的前世今生、核心科技以及背后的故事。 一、关于 Node.js 1.Node.js 是什么 No…
3. 考拉前端骨架屏生成技术揭秘 “本文主要针对自动生成骨架屏技术进行了深入的探讨，并开发了 awesome-skeleton，支持多种配置，以及骨架屏定制功能，并提供骨架图生成和骨架图模板注入能力。”
4. GitHub 宣布正式收购 npm，即将接管 JavaScript 生态系统？北京时间今天凌晨，GitHub 首席执行官 Nat Friedman 宣布 GitHub 已签署收购 npm 的协议，之后将致力于建立可靠的注册表基础架构并改善核心体验、提高代码的安全性。
5. gin-vue-admin 基于vue和gin 搭建的后台管理系统脚手架项目地址： [链接] 开发者(贡献者)列表 开发者 功能 姓名 @piexlmax 项目发起者 蒋*兆 @krank666 前端联合作者 尹* @1319612909 前端css优化 杜*兰 @granty1 代码积极贡献者 印*林 gin-vue-admin gin+vue开源快速…
6. Promise|async|Generator 实现&原理大解析笔者刚接触async/await时，就被其暂停执行的特性吸引了，心想在没有原生API支持的情况下，await居然能挂起当前方法，实现暂停执行，我感到十分好奇。好奇心驱使我一层一层剥开有关JS异步编程的一切。阅读完本文，…
7. Web 音乐交互框架 Tone.js 简介 Tone.js 是一个使用 Web Audio API 为浏览器创建交互式音乐功能的前端框架。 Web Audio API 是 W3C 组织倡议的在 Web 上创建音乐的推荐标准，尽管其前景看好，但当前仍存在 一些挑战和局限性 。为此，Tone.js 致力于提供一个对音乐人士和音频编程人员均友好的框架，以便于创建基于 Web 的音频应用。 Tone.js 提…
8. 转转商业前端错误监控系统 (Sentry) 策略升级 作者 | 袁小龙 背景 众所周知，目前前端的错误监控在实际工作中越来越重要，好处如下： 收集前端页面错误 辅助定位分析错误 先于用户发现错误 区别于传统的靠用户反馈机制开发人员被动接收排查问题的模式…
9. VUE 3.0 学习探索入门系列 – 纠结要不要升级到Vue3.0？该如何升级？（5） 从 Vue 3.0 有消息到现在也已经有1年多时间了，2019年 Evan You 在每次会议上肯定会提 Vue 3.0 的进展和一些特性，当然大家也是怀着个人崇拜，满怀期待的等着尤大的大作！ 但是，随着等了一年多了还没正式发布，一直到现在 2020.3.21 ，我慢慢的感觉没啥期待了，也开始慢慢的倦怠了，热情感觉也没那么强烈了。 我…
10. JavaScript进阶之高阶函数篇
11. 校招经验贴 | 前端萌妹子教你如何拿下支付宝梦之队offer就现在！蚂蚁「校招季」重磅来袭！除了介绍蚂蚁的技术大咖，我们还邀请了一些通过校招来到蚂蚁的过来人分享他们的通关经验和心得，这里随时可能有行业技术大咖和你的直系学长学姐出没哦～ 「校招季」栏目会持续输…
12. 使用nodeJs开发自己的图床应用 本文主要复盘笔者的 nodeJS ，通过一个线上的实战案例来总结 node 生态常用的技术点和最佳实践。后面会花费大概一个月的时间输出3篇以实战为主的 nodeJs 项目，本文是第一篇，主要介绍如何使用 nodeJs 开发一个图床应用。该项目对于测试和个人服务型网站非常实用，大家可以基于此扩展出更强大的应用。本文的图床项目主要…
13. react hooks推荐文章我看过的最好的hooks文章，如果你在学习hooks，这将是最好的文章[链接]
14. Git Commit Message 规范与模板 业界标准：AngularJS 自动生成 ChangeLog 配置模板 1. 自定义一个模板 2. 加入到 git 配置中 3. 提交时使用模板 References 业界标准：AngularJS 来自 AngularJS 所用的规范，格式如…
15. React-Router v6 新特性解读及迁移指南 确实是 Breaking Change 了。。
16. 十分钟学会用 Go 编写 Web 中间件 中间件（通常）是一小段代码，它们接收一个请求，对其进行处理，每个中间件只处理一件事情，完成后将其传递给另一个中间件或最终处理程序，这样就做到了程序的解耦。如果没有中间件那么我们必须在最终的处理程序中来完成这些处理操作，这无疑会造成处理程序的臃肿和代码复用率不高的问题。中间件的一些常见用例是请求日…
17. CSS overflow-wrap 新属性值 anywhere 是干嘛用的？ “overflow-wrap: anywhere 就像是 overflow-wrap: break-word 和 word-break: break-all 声明的混合体，主要用在弹性布局中，即元素尺寸足够的时候单词尽量完成显示，不随便中断，如果尺寸不够，那就能断则断。”
18. WebAssembly 与 Kubernetes 双剑合璧 “WebAssembly 技术已经走出浏览器，让计算无处不在。利用 containerd 的扩展机制，可以为 WebAssembly 应用提供与其他容器应用一致的、抽象的、应用分发、交付和运维模型，可以在 Kubernetes 集群中进行统一调度和管理。”
19. webpack-dev-middleware 源码解读 前言 Webpack 的使用目前已经是前端开发工程师必备技能之一。若是想在本地环境启动一个开发服务，大家只需在 Webpack 的配置中，增加 devServer 的配置来启动。devServer 配置的本质是 webpack-dev-server 这个包提供的功能，而 webpack-dev-middleware 则是这个包的底层依赖。 截至本文发表前，webpack-dev-middl…
20. GitHub 屏蔽微软工程师的开源项目，因存在伊朗外部贡献者？近日，微软 UX 首席工程师 Rob Eisenberg 在 Twitter 上抱怨，他创建的开源 JS 框架 Aurelia 被 GitHub 禁止访问。
21. Vue 源码阅读（九）：编译过程的optimize 阶段 在 $mount 的时候，当遇到 Vue 实例传入的参数不包含 render，而是 template 或者 el 的时候，就会执行编译的过程，将另外两个转变为 render 函数。 在编译的过程中，有三个阶段： parse : 解析模板字符串生成 AST （抽象语法树） optimize：优化语法树 generate：生成 render 函数代码 本文只针对其中的 …

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

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