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

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

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