20200113 前端开发日报

Serverless 与前端工程化结合:让项目 5 分钟上线成为可能;从JavaScript的运行原理谈解析效率优化;从 V8 源码理解 JavaScript 函数是一等公民;前端代码是怎样智能生成的(图像分离篇);JS动画?其实没你想的那么难。150行代码,带你走进新世界;JavaScript-EventLoop-事件循环;继续优化博客Vue+Webpack生成的Javascript文件体积;Web 3D是否需要WebAssembly?

  1. Serverless 与前端工程化结合:让项目 5 分钟上线成为可能 本文通过分析美团金服前端工程化的演进方式,分享了如何多快好省地复用集团的基础设施或者开源方案提高研发效率的实践经验。
  2. 从JavaScript的运行原理谈解析效率优化编写高效率的 JavaScript ,其中一个关键就是要理解它的工作原理。编写高效代码的方法数不胜数,例如,你可以编写对编译器友好的 JavaScript 代码,从而避免将一行简单代码的运行速度拖慢 7 倍。
  3. 从 V8 源码理解 JavaScript 函数是一等公民 摘要 本文从 V8 源码的角度分析为什么 Javascript 语言中的函数是一等公民。首先会介绍一等公民的概念,然后对比一下 C 语言函数和 Javascript 函数的底层表示,以便理解为什么说 Javascript 函数是一等公民。 什么是编程语言中的一等公民 In computer science, a programming language is said to ha…
  4. 前端代码是怎样智能生成的(图像分离篇) 作为阿里经济体前端委员会四大技术方向之一,前端智能化项目经历了 2019 双十一的阶段性考验,交出了不错的答卷,天猫淘宝双十一会场新增模块 79.34% 的线上代码由前端智能化项目自动生成。在此期间研发小组经历了许多困难与思考,本次 《前端代码是怎样智能生成的》 系列分享,将与大家分享前端智能化项目中技术与思考…
  5. JS动画?其实没你想的那么难。150行代码,带你走进新世界 辗转许久,终于决定拿起笔杆,记录下自己是如何克服所谓的恐惧,爱上写动画。本文面向JS基础不错的掘友,如果你的JS掌握的还不够好,记得一定要先打牢基础哦。 动画真的没有你想的那么复杂,这是我最近亲历亲为得出的结论。曾几何时,我以为动画需要非常扎实的数学、物理基础(基础好当然不错,没基础也不要怕),但…
  6. 继续优化博客Vue+Webpack生成的Javascript文件体积 前言 昨天 lyanna 刚发布了 v3.2,这里面只有一个更新,就是极大的降低了后台和动态这种使用 Vue+webpack 生成的 Javascript 文件的体积。其实代码改动不大,但是效果很明显,本文就是分享这件事。 原来的效果 在之前的版本里面 Javascript 文件大小如下: ❯ du -sh static/js/activity/*.js 208K …
  7. CSS像素以及移动端不同屏幕适配问题关注 “认真学前端” 加入我们一起学习,天天进步 本文首发于微信公众号:认真学前端 像素 分辨率 我们通常所说的显示器分辨率,其实是指桌面设定的分辨率,而不是显示器的物理分辨率。只不过现在液晶显示器成为主…
  8. Easier Node.js streams via async iteration Working with Node.js streams is much more pleasant if we use asynchronous iteration. This blog post explores how to do that.
  9. CSS 工具类和“关注点分离” 这篇文章详实地梳理了 CSS 诸多方案之间的演变历程和权衡取舍。
  10. 前端日志在 Web 端的实现 Logan 是美团点评推出的大前端日志系统。本文介绍了 Logan 在 Web 端的应用背景、技术实现、美团点评的实践、开源整体进展以及未来规划。
  11. 一步一步手写一个自己前端脚手架cli ——**前言**————————— 脚手架是为了保证各施工过程顺利进行而搭设的工作平台。我们使用脚手架可以快速生成项目节约时间,提升开发效率,比如egg、vue、react都有脚手架可以快速生成一个框架项目,且可以定制不同的选项。 一、必备知识、需要用到的模块: 用过vue-cli 或者react的脚手架的朋…
  12. Three.js 粒子效果 最近项目用到了粒子效果,效果预览如下: 完整项目预览: 解决思路 提取模型中顶点信息,然后借助 three.js 的 Points 实现。 提取顶点信息 如何提取 obj 模型的顶点信息,点此查看。 关键代码 three.js 初始化 // 场景 this.scene = new THREE.Scene(); // 渲染器 this.render…
  13. 2019 前端技术发展回顾 这篇梳理了 2019 年值得了解的技术发展脉络,全面~
  14. 数据结构与算法javascript描述-集合 生活中的集合 比如数学中的集合 集合的特征与概念 • 无重复性 • 空集 • 子集 集合操作方法 代码实现 /** * @description 集合由一组无序且唯一的项组成*/const assert = require("assert");class CustomSet { constructor() { this…

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

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


关注我

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

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

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