20180606 前端开发日报

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

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

    JavaScript 面试题汇总
  21. Web 框架的架构模式探讨(JavaScript 语言) 在写干货之前,我想先探(qiang)讨(diao)两个问题,模式的局限性?模式有什么用? 最近看到一篇文章对我启发很大,许来西在知乎的回答《哲学和科学有什么关联?》,全篇较长,这里摘录我要引出的一点: 科学作为一种经验主义的认识论,有着经验主义的巨大缺陷:它永远不能产生绝对正确的真理。这是归纳法...
  22. #前端技术#【JavaScript 内存机制】详见: 通过实例,了解 JavaScript 内存机制。 ​​​ 简介 每种编程语言都有它的内存管理机制,比如简单的C有低级的内存管理基元,像malloc(),free()。同样我们在学习JavaScript的时候,很有必要了解JavaScript的内存管理机制。 JavaScript的内存管理机制是:内存基元在变量(对象,

    JavaScript 内存机制
  23. 20180605 前端开发日报】你或许不知道Vue的这些小技巧;突破本地离线存储5M限制的JS库localforage简介;JS实现照片图片变成黑白线条线稿;CSS动画:animation、transition、transform、translate傻傻分不清;Tina.js;webpack动态创建入口方法...详情→ ​​​

    20180605 前端开发日报
  24. 让C代码在浏览器中运行——WebAssembly入门介绍 WebAssembly作为一种新兴的Web技术,相关的资料和社区还不够丰富,但其为web开发提供了一种崭新的思路和工作方式,未来是很有可能大放光彩的。 使用WebAssembly,我们可以在浏览器中运行一些高性能、低级别的编程语言,可用它将大型的C和
  25. ES6 系列之箭头函数 回顾 我们先来回顾下箭头函数的基本语法。 ES6 增加了箭头函数: let func = value => value; 相当于: let func = function (value) { return value; }; 如果需要给函数传入多

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

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

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