20190319 前端开发日报

从零开始的Webpack4教程；Go、Nginx、Php、Nodejs谁能胜出紫禁之巅；前端面试题 — JavaScript (一)；【HTML/CSS】CSS实现垂直水平居中； 一文看懂 JS 继承；Web 性能优化：21种优化CSS和加快网站速度的方法；使用 Pixi.js 构建一个视差滚动器（第二篇）；使用 Pixi.js 构建一个视差滚动器（第一篇）

1. 从零开始的Webpack4教程在Webpack看来, 前端的所有资源文件(js/json/css/img/less/…)都会作为模块处理
2. Go、Nginx、Php、Nodejs谁能胜出紫禁之巅 声明：这里的测试框架都是很常用的框架，不去跟一些奇葩但是所谓性能极高的框架进行对比 由于我们在项目中大量使用Iris和nginx这两个Web框架(纯Go语言实现，零内存拷贝)，同时也听过很多人问Go的Http性能对比nginx、对比nodejs到底如何，有鉴于此，今天我们就来做一个Web框架性能真实比拼。 测试环境图： 下面…
3. 前端面试题 — JavaScript (一)前两天总结了一下HTML+CSS方面的面试题 (传送门)，今天翻看了一些 JavaScript 面试中常见的几个问题（只是一部分，会持续更新），分享给有需要的小伙伴
4. 【HTML/CSS】CSS实现垂直水平居中相信在工作中经常会遇到需要某某元素垂直水平居中的需求，下面总结一下实现方法 元素已知宽度 绝对定位 + margin反向偏移 html {代码…} 元素未知宽度 绝对定位 + margin auto + 流体特性 html {代码…} Tips {…
5. 一文看懂 JS 继承最近回顾 js 继承的时候，发现还是对一些概念不是很清晰。这里再梳理一下 JS 中继承的几种主要的方式，构造函数继承、原型链继承、组合继承以及原型式继承、寄生式继承、寄生组合式继承和 ES6 的 Class：
6. Web 性能优化：21种优化CSS和加快网站速度的方法这是 Web 性能优化的第 4 篇，上一篇在下面看点击查看： Web 性能优化：使用 Webpack 分离数据的正确方法 Web 性能优化：图片优化让网站大小减少 62% Web 性能优化：缓存 React 事件来提高性能 CSS 必须通过一个…
7. 使用 Pixi.js 构建一个视差滚动器（第二篇） 翻译对照 原文： PART 1 ・ PART 2 ・ PART 3 ・ PART 4 译文：第一篇・第二篇・ 第三篇・ 第四篇 关注 @chriscaleb 这个系列的教程已经更新到了 PixiJS v4 版本。 在这个系列教程中我们将探索如何构建一个类似 Canabalt 和  Monster Dash 的视差滚动地图游戏界面。第一篇介绍了 pixi.js 的渲染…
8. 使用 Pixi.js 构建一个视差滚动器（第一篇） 翻译对照 原文： PART 1 ・ PART 2 ・ PART 3 ・ PART 4 译文：第一篇・第二篇・ 第三篇・ 第四篇 关注 @chriscaleb 这个系列的教程已经更新到了 PixiJS v4 版本。 曾经玩过 Canabalt 和  Monster Dash ，好奇他们是如何构建一个滚动游戏地图的？在这个教程中我们将向「构建一个视差滚动器」迈…
9. 前端人工智能：通过机器学习推导函数方程式–铂金Ⅲtensorflow.js是一个能运行在浏览器和nodejs的一个机器学习、机器训练的javascript库，众所周知在浏览器上用javascript进行计算是很慢的，而tensorflow.js会基于WebGL通过gpu进行运算加速来对高性能的机器学习模…

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

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