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

Deno 并不是下一代 Node.js；CSS魔法堂：Flex布局；Angular 工程之美；基于 HTML5 WebGL 的 3D 棉花加工监控系统；微软收购 GitHub 在即；为什么 VueX 是前端与 API 之间的完美接口；前端的焦虑，你想过30岁以后的前端路怎么走吗？；如何优雅地用 Vue 创建数据驱动的用户界面

Deno 并不是下一代 Node.js 这几天前端圈最火的事件莫过于 ry(Ryan Dahl) 的新项目 deno 了，很多 IT 新闻和媒体都用了标题：“下一代 Node.js”。这周末读了一遍 deno 的源码，特意写了这篇文章。长文预警（5000字，11图）。 0. 为什么开发 Deno？
CSS魔法堂：Flex布局前言 Flex是Flexible Box的缩写，就是「弹性布局」。从2012年已经面世，但由于工作环境的原因一直没有详细了解。最近工作忙到头晕脑胀，是要学点新东西刺激一下大脑，打打鸡血。 Flex就这么简单浏览器兼容性 …
Angular 工程之美如果只能用一个词来概括 Angular 的优点，那我会选“工程化”；如果要换个文艺点的词，我会说 “大巧若工，大道至简”。这个诞生于一群 Google 工程师之手的框架，从一开始就打上了鲜明的“工程化”烙印。什么是工程化开发呢？它是和手工作坊式的开发相对而言的。主要的特征是需要多人、多时段的分工与配合，而不…
基于 HTML5 WebGL 的 3D 棉花加工监控系统前言现在的棉花加工行业还停留在传统的反应式维护模式当中，当棉花加下厂的设备突然出现故障时，控制程序需要更换。这种情况下，首先需要客户向设备生产厂家请求派出技术人员进行维护，然后生产厂家才能根据情况…
微软收购 GitHub 在即简评：想不到你个浓眉大眼的，竟然也抱了资本主义大腿。彭博社最新消息，微软已经同意收购 GitHub，GitHub 非常受开发者的欢迎，微软意明显。这两天可能就会公布收购细节。一位不愿透露姓名人士称，GitHub 一直倾向于将自己打包出售给上市公司，据传 GitHub 董事会对微软印象一直不错，所…
为什么 VueX 是前端与 API 之间的完美接口原文地址：Why VueX Is The Perfect Interface Between Frontend and API 原文作者：KBall 译文出自：掘金翻译计划本文永久链接：github.com/xitu/gold-m… 译者：zhmhhu 校对
前端的焦虑，你想过30岁以后的前端路怎么走吗？曾几何时，我总会很庆幸自己进了前端这个行业。因为在这个职业范畴里面，我如鱼得水，成长很快，成就感满满。然而，随着年龄和工龄的增长，渐渐发现自己的瓶颈越来越明显了，我感觉自己似乎碰到了前端的天花板。原因何在 1.从客观原因来看，前端相对于后端的入门门槛确实低了
如何优雅地用 Vue 创建数据驱动的用户界面翻译: 珈蓝 from 迅雷前端翻译自 Evan Schultz 的文章 Do it with Elegance: How to Create Data-Driven User Interfaces in Vue 本文演示了如何利用 Vue 的动态组件根据
精读《如何利用 Nodejs 监听文件夹》 1 引言本期精读的文章是：How to Watch for Files Changes in Node.js，探讨如何监听文件的变化。如果想使用现成的库，推荐 chokidar 或 node-watch，如果想了解实现原理，请往下阅读。 2 概述使用 f
Web端声纹识别最近做一个微信的口令红包的功能，准备都要投入使用了，老板突然发愁，他说现在的羊毛党这么猖狂，一不小心，10万的推广红包，会不会两天就挨刷完了? ….那我们能否做一个功能校验一下是否同一个人来领取红包，不就得了吗? 他一拍脑袋，接着说，Tom 你给我们做一个声纹识别吧! 说干就干，在寻找声纹识别服务商，发…
Font-size：一个意外复杂的 CSS 属性原文地址：Font-size: An Unexpectedly Complex CSS Property 原文作者：Manish Goregaokar 译文出自：掘金翻译计划本文永久链接：github.com/xitu/gold-m… 译者：zephyrJS
前端常用开发工具的路径解析配置题注：本文是 Webpack CheatSheet | Webpack 基础与实践清单的一部分，项目代码可以参考 fe-boilerplate | 多技术栈前端项目模板。路径解析随着需求的迭代与功能的完善，我们的项目也会愈发庞大而复杂，目录层级结构也会不断
什么是 JavaScript 生成器？如何使用生成器？原文地址：What are JavaScript Generators and how to use them 原文作者：Vladislav Stepanov 译文出自：掘金翻译计划本文永久链接：github.com/xitu/gold-m… 译者：lsvi
JavaScript进阶从实现理解闭包来源于现代JavaScript教程闭包章节中文翻译计划本文很清晰地解释了闭包是什么，以及闭包如何产生，相信你看完也会有所收获关键字 Closure 闭包 Lexical Environment 词法环境 Environment Record 环境记录闭包（Closure） JavaScript 是一个 function-oriented 的语言。这带来了很大的操作自由…
Hiper：令人愉悦的前端性能统计分析工具 Hiper · :rocket: A statistical analysis tool for performance testing 令人愉悦的性能统计分析工具 The name is short for Hi per formance The output Install npm install hiper -g # or use yarn: # yarn global add hiper Usage hiper –help Usage: hiper [op…
用愚公移山说明Javascript创建对象的各种姿势太行、王屋二山,方七百里,高万仞。本在冀州之南,河阳之北……. 嗯，按照惯例，第一句话就是骗你们点进来的。在读本文之前，希望你对Javascript的原型和原型链有一定了解，这有助于你更好的理解本文，之前有写过一篇相关文章，点此阅读。但这并不是必须的。都退后，我要继续讲故事了。北山愚公者…
我是一个Web Crawler ，你们经常说的爬虫诞生我是一个Web Crawler , 有时候称为Spider , 你们经常说的爬虫就是我。我想我是遇到了好时代，感谢IT政府，提供了简单的HTTP协议，还有HTML,CSS, JavaScript这一系列开放的技术，原来的桌面应用，局域网应用都被搬到了网络上，形成了一个个的网站，网站互联起来，形成了一个覆盖全世界的大网。在这个大背…
【除了GitHub，你还可以选择这些平台托管开源项目】微软 75 亿美元收购 GitHub 后，很多人纷纷将代码库迁移到了别的平台
【翻译】使用React、 Redux 和 SVG 开发游戏（三）使用React、 Redux 和 SVG 开发游戏（三）本文翻译自：Developing Games with React, Redux, and SVG – Part 3 转载英文原作请注明原作者与出处。转载本译本请注明译者与译者博客前情回顾在上一部分
《GitHub 保持独立开放，微软不再是当年封闭的微软》
#前端开发那些事#【JavaScript 面试题汇总】详见：一些常见的 JS 面试题梳理，供参考。（作者：瑾瑜爱上猫）
Web 框架的架构模式探讨（JavaScript 语言）在写干货之前，我想先探（qiang）讨（diao）两个问题，模式的局限性？模式有什么用？最近看到一篇文章对我启发很大，许来西在知乎的回答《哲学和科学有什么关联？》，全篇较长，这里摘录我要引出的一点：科学作为一种经验主义的认识论，有着经验主义的巨大缺陷：它永远不能产生绝对正确的真理。这是归纳法…
#前端技术#【JavaScript 内存机制】详见：通过实例，了解 JavaScript 内存机制。简介每种编程语言都有它的内存管理机制，比如简单的C有低级的内存管理基元，像malloc(),free()。同样我们在学习JavaScript的时候，很有必要了解JavaScript的内存管理机制。 JavaScript的内存管理机制是:内存基元在变量（对象，
【20180605 前端开发日报】你或许不知道Vue的这些小技巧；突破本地离线存储5M限制的JS库localforage简介；JS实现照片图片变成黑白线条线稿；CSS动画：animation、transition、transform、translate傻傻分不清；Tina.js；webpack动态创建入口方法…详情→
让C代码在浏览器中运行——WebAssembly入门介绍 WebAssembly作为一种新兴的Web技术，相关的资料和社区还不够丰富，但其为web开发提供了一种崭新的思路和工作方式，未来是很有可能大放光彩的。使用WebAssembly，我们可以在浏览器中运行一些高性能、低级别的编程语言，可用它将大型的C和
ES6 系列之箭头函数回顾我们先来回顾下箭头函数的基本语法。 ES6 增加了箭头函数： let func = value => value; 相当于： let func = function (value) { return value; }; 如果需要给函数传入多