20180404 前端开发日报

想成为一名web开发者?你应该学习Node.js而不是PHP;2018 前端性能检查表;浅析nodejs中的stream(流);网页响应超简单:有CSS变量我怕谁;Mvvm 前端数据流框架精讲;Google 发布 JavaScript 代码风格指南;优雅地减少redux请求样板代码;Vue-cli 3.0 入门介绍

  1. 2018 前端性能检查表 原文地址:http://www.smashed.by/perf-checklist 作者 | Vitaly Friedman 译者 | OpenWeb开发者 三三 众所周知,性能十分重要。然而,我们真的知道性能瓶颈具体在哪儿吗?是执行复杂的 JavaScri
  2. 浅析nodejs中的stream(流) hello everybody 这篇文章我们来聊一下nodejs中的stream,也就是nodejs中的流。 什么是流呢?从字面上来看我们应该可以想到水流,对吧。那我们不妨想一下水流有什么特点呢? 比如我们日常生活中的水龙头,流出来的水是有序且有方向的。 nodejs中的流也是一样,是有序且有方向的。 nodejs中有许多的对象或者方法...
  3. 网页响应超简单:有CSS变量我怕谁 原文出处 How to make responsiveness super simple with CSS Variables 学习如何用CSS变量创建下列响应 在创新的2018年,看看如何简单做成响应性的网站 如果你未曾听说过CSS
  4. Mvvm 前端数据流框架精讲原文链接, 如果感兴趣可以加QQ群: 157937068, 一起交流。 本次分享是带大家了解什么是 mvvm,mvvm 的原理,以及近几年产生了哪些演变。 同时借 mvvm 这个话题拓展到对各类前端数据流方案的思考,形成对前端数据流...
  5. 优雅地减少redux请求样板代码 在日常开发过程中我们采用react+redux方案进行开发,往往会遇到redux样板代码过多的问题,在不断的抽离过程中,顺手封装了一个redux-middleware。在此进行详细的问题和解决思路。最终代码和示例可以再项目中查看并使用,欢迎使用、建议并star
  6. vue-cli 3.0 入门介绍 vue-cli 3.0 入门介绍 环境安装 全新版本的脚手架、逼格非常高、 记住这个名字 @vue/cli ,对就是这个 你npm 或者yarn 安装就行了,先保证全局环境有它。 npm install -g @vue/cli
  7. (干货)记前端工程师面试题,一起带大家理一理 此文是上篇 如何拿到大厂offer面试题|技术征文 下,更新下剩下题目及答题思路1.请简单描述http协议的请求报文和响应报文的组成格式?HTTP请求报文一个HTTP请求报文由请求行(request line)、请求头部(header)、空行和请求数据4个部分
  8. ES6展开运算符(扩展运算符) 原文链接 在ES6中,我们有了一个新的运算符--展开运算符,它可以使我们的代码的数量有一定的减少,有时候甚至有很有用的作用,我们来举几个常用的例子,同时通过例子来了解展开运算符的使用。 1.apply中的使用 当我们的函数有多个变量的时候(特别是当我们不知道
  9. 使用FileReader API创建一个Vue的文件阅读器组件 特别声明:此篇文章内容来源于 @Alex Jover Morales 的《 Creating a Vue.js File Reader Component Using the FileReader API 》一文。 有时候我们需要从文件中读取数据。在以前,你需要将其发送到服务器,然后返回所需的数据。问题是,现在我们还可以使用 FileReader API 直接访问浏览器中的文件。 如果我们只...
  10. Vue项目如何分环境打包 在项目开发中,我们的项目一般分为开发版、测试版、Pre版、Prod版。Vue-cli的默认环境一只有dev和prod两个,之前每次要发布测试版或Pre版都是修改了源码中API地址后打包,这样很麻烦。如果能根据不同环境打包就完美了。网上搜集了许多资料,现在可以分环境打包程序了,至于怎么打,接着住下看吧。 第1步:安装cross-en...
  11. 面试官:既然React/Vue可以用Event Bus进行组件通信,你可以实现下吗? 面试官系列(2):如何实现一个Event 往期 面试官系列(1): 如何实现深克隆 前言 本文标题的题目是由其他问题延伸而来,面试中面试官的常用套路,揪住一个问题一直深挖,在产生这个问题之前一定是这个问题. React/Vue不同组件之间是怎么通信的?
  12. 06期:前端布局基础概述 1. 前言 前端圈有个“梗”:在面试时,问个css的position属性能刷掉一半人,其中不乏工作四五年的同学。在公司一直有参与前端的基础面试,深感这个“梗”不是个玩笑。 然而,我觉得实际比例可能会更高,甚至很多面试官自己也未必真正掌
  13. 前端静态资源缓存最优解以及max-age的陷阱前端静态资源缓存最优解以及max-age的陷阱 合理的使用缓存可以极大地提高网站的性能优势,还可以节约带宽从而降低服务器成本。但是很多站点有只弄对了一半或者一半都没有,如果是这样,就完全没有发挥出缓存的优...
  14. 【node】相当nice且详细的commander.js用例 前言 在当下,作为一名前端码农,不知道Nodejs是不可原谅的。可以说,除了一些特别要求的业务范畴,常见的后端业务Nodejs都能handle住。 Nodejs的另一个常用场景是,造出一些实用工具,而这些工具大部分都是一些命令行程序。今天我们就
  15. 给我三行代码,还你一个海洋-致敬中国第四届CSS大会 今天CSS大会上腾讯王乐带来的分享:用css实现的一个海浪,我会后觉得有意思,自己实现了一边,效果如下: 代码很简单,只有几行代码。 会上我只理解了思想,代码没记住,于是我写了模拟代码,海浪步骤没有原味的协调,请看原版(目前貌似还没地方看); HTML &l
  16. 一些ES6的小技巧 原文: Check out these useful ECMAScript 2015 (ES6) tips and tricks 有任何错误请在评论指出,感激不尽。 EcmaScript 2015 (ES6) 已经出现了很多年了,我们可以使用它的一些新特
  17. GitHub 上需要关注的 10 大顶级 React 库】由Facebook创建的React已经成为一个非常强大的JavaScript框架,它能使程序员的前端开发工作更容易。详见 (来自:码农网) ​​​​
    GitHub 上需要关注的 10 大顶级 React 库
  18. webpack+react+antd脚手架优化 在之前的文章中了解了webpack v4的特性,现在将知识用于实践,对之前写的一个react脚手架进行打包性能的优化。 优化类目 样式分离 第三方资源分离 区分开发环境 热更新 提取公共代码 1. CSS分离 npm install extract-text-webpack-plugin -D webpack.config.js 将css、less、sass文件单...
  19. React 的内联函数和性能 原文地址:React, Inline Functions, and Performance 原文作者:Ryan Florence 译文出自:掘金翻译计划 本文永久链接:github.com/xitu/gold-m… 译者:wznonstop 校对者:Mecha
  20. JavaScript Alert 函数执行顺序问题   问题 前几天使用 JavaScript 写 HTML 页面时遇到了一个奇怪的问题: 我想实现的功能是通过 confirm() 弹窗让用户选择不同的需求,每次选择后都将选择结果暂时输出到页面上,最后一次选择结束后再
  21. 监听 Angular 启动过程 原文链接: Hooking into the Angular bootstrap process Angular 提供了一些机制来监听框架初始化过程,本文主要探索如何使用这些机制。 APP_BOOTSTRAP_LISTENER 可以为 APP_BOOTSTR
  22. Node.js核心入门(二) 目录: Node.js核心入门(一) 全局对象 常用工具 事件机制 Node.js核心入门(二) 文件系统访问 HTTP服务器与客户端 文件系统 fs fs 模块是文件操作的封装,它提供了文件的读取、写入、更名、删除、遍历目录、链接等 POSIX 文件
  23. 想成为JS大牛,作用域是你必须知道的 欢迎评论和star 我们常说,万物都有其存在的价值,这话的确不错,但是深思一下,是不是需要有个前提,万物都在某些领域或多或少的存在某些价值。 举个例子,汽车,绝对是个非常有价值的stuff,它给我们的日常出行,
  24. 彻底搞懂JavaScript作用域 BY 张建成(prettyEcho@github) 除非另行注明,页面上所有内容采用知识共享-署名(CC BY 2.5 AU)协议共享 原文地址deep.js , 欢迎 评论 和 star 我们常说,万物都有其存在的价值,这话的确不错,但是深思一下,是不
  25. 一起走进JavaScript内部的世界 欢迎评论和star 天气渐渐转暖了,树渐渐露出了枝芽,小河也欢快的向前流着,感觉大地充满了生命力,好开心 附上美图一张 小伙伴们,我们也出来活动活动筋骨,迎接我
  26. 浅尝flutter中的http请求 本篇教程聊一聊flutter中http的坑,阅读本教程之前假设你已经掌握了flutter的一些基础知识,比如环境搭建,简单的dart语法,及flutter组件化思想。 因为我是前端,所以数据交互逻辑都是以前端的思想设计,如果有不对的地方,欢迎大家指正。 先看
  27. 你想不到的CSS 实现的各种球体效果 CSS 可以实现很多你想不到的效果,今天我们来尝试使用 CSS 实现各种球体效果。有两种方法可以实现,第一种是使用大量的元素创建实际的 3D 球体,这种方法有潜在的性能问题;另外一种是使用 css3 渐变和阴影特性来实现,实现方法简单,效果精美。

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

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

原创文章:20180404 前端开发日报 ,未经许可,禁止转载,©版权所有
原文出处:前端开发博客 (http://caibaojian.com/fe-daily-20180404.html)