20200128 前端开发日报

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

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

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

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

原文:20200128 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20200128.html)