20200128 前端开发日报-前端开发博客

在游戏引擎中的JS性能优化；(推荐阅读)前端模块化的历史沿革；javascript中的那些遍历的方法；从零实现简易版Webpack；Deno 运行时入门教程：Node.js 的替代品；WebView的总结；代码规范化之Vue篇；随着 TypeScript 继续普及，会不会出现直接跑 TypeScript 的运行时？

在游戏引擎中的JS性能优化最近在做游戏引擎性能优化，关于js执行性能有些内容拿来这里分享。首先需要明确两点：第一，本文讨论的js性能问题，都是在大量执行的情况下才暴露出来的。一般来说，60fps的游戏，如果每帧需要执行2000次以上，那么就可以考虑本文的优化思路了。如果执行频次没有达到以上量级，性能并不会有明显提升。第二，得到的…
(推荐阅读)前端模块化的历史沿革对于 JavaScript 新手，看到 "CommonJS vs AMD" 、"Requirejs vs Seajs"、"Webpack vs. Browserify"等这些可能会不知所措。特别是在大部分浏览器都已经实现 ES6 模块化规范的今天，我们新开发的项目基本都是 ES6 搭配 Webpack ，这些 AMD、CMD、UMD、Requirejs、Se…
javascript中的那些遍历的方法 javascript里面有关遍历的方法有多种，这里我就总结一下，使能够直观的了解每种方法是怎么使用的。不管是前端还是后端都会涉及到对数据的处理。一般来说，数据经常会以数组或者对象的形式存放在数据库中，这就意味着我们经常要对数组或者对象进行操作，而对数组或者对象进行操作，遍历必然少不了。下面在介绍遍历的方法…
从零实现简易版Webpack 什么是bundler 市面上现在有很多bundler，最著名的就是webpack，此外常见的还有 browserify ， rollup ， parcel 等。虽然现在的bundler进化出了各种各样的功能，但它们都有一个共同的初衷，就是能给前端引入模块化的开发方式，更好的管理依赖、更好的工程化。 Modules（模块）目前最常见的模块系统有两种： …
Deno 运行时入门教程：Node.js 的替代品这几天假期，我学习了一下 Deno 。它是 Node.js 的替代品。有了它，将来可能就不需要 Node.js 了。这篇文章就是 Deno 的一个初步介绍，尝试回答为什么 Node.js 不能满足需要，以及 Deno 能够带给我们什么？以下内容主要基于 Bert Belder 和 Ryan Dahl 的最新演讲。 0、进入主题之前，先说一下 Deno …
WebView的总结 WebView 各种技术都有各自的优缺点，所以结合各自的有点去做Hybrid混合应用会好一点。WevView是一个基于webkit殷勤、展现web页面的空间。Android在4.4开始直接使用了Chrome。 WebView的作用显示和渲染web网页直接使用html文件（网络和本地assets）作布局和JavaScript交互调用 WebView…
代码规范化之Vue篇代码规范化的重要性不在这里展开了。这一篇讲了Vue项目下如何做代码规范化的事情，主要涉及了eslint、prettier、husky+lint-staged、onchange、editorConfig这几个角色。另外，虽然配置限于Vue项目，但整个思路也可以作为其他项目代码规范的借鉴！希望你是vscoder~，因为接下来的配置实践都是在vscode中。 …
随着 TypeScript 继续普及，会不会出现直接跑 TypeScript 的运行时？打开 @wryjdhej 回答中微软研究院搞 Static TypeScript 的论文后，真让我吃了一惊，因为它恰好和我自己的业余玩票方向有不小的关系。我尝试认真解答一下。首先，Static TypeScript (STS) 是什么呢？ STS 是用 TypeScript 写的编译器，能把 TS 的子集编译到 ARM 机器码。难道编译出机器指令…
【JS深渊】干它一定要彻底弄懂javascript执行机制（二）在当我们写完js代码执行的时候，其内部的执行机制非常复杂，但主要会经历三个过程：语法分析、预编译、真正执行。这其中，在真正执行这一过程中是最庞杂的。此篇幅就是为真正执行这一过程的分析而诞生。如果对前两个过程有疑惑请点击此处【JS深渊】干它！一定要彻底弄懂javascript执行机制（一）我记得我当时研究j…
菜鸟初探Vue源码（四）– 组件化 Vue.js 的另一个核心思想是组件化。所谓组件化就是将页面拆分成多个组件，组件之间资源相互独立，组件可以复用，组件之间也可以嵌套。接下来以Vue/CLI初始化的代码为例，分析一下Vue组件初始化的过程。 import Vue from ‘vue’ import App from ‘./App.vue’ new Vue({ render: h => h(App), }).$mount(‘#app’) 复…
Angular路由管理过程浅谈最近在使用angular来做项目，今天就简单的聊聊angular的路由管理。首先了解一些简单的概念什么是路由无论是angular还是其它两个主流框架，整体上就是一个大的组件树，包括一些可以复用的UI组件或者业务组件。而路由的作用就是关于如何使用分配这些组件。它来觉得在某种情况下该显示哪些组件，隐藏哪些组件。我…

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

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

关注我

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

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

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