20180630 前端开发日报

三大角度PK,Go语言和Node.js谁胜谁负?;Vue 全家桶,深入Vue 的世界;JS基础面试题;JavaScript函数式编程之为什么要函数式编程(非严谨技术层面的扯淡);vue项目中keep-alive的使用,从详情页返回列表时保存浏览位置;JavaScript如何工作的:一览引擎、运行时和调用栈;vue ssr 指南详读;Redux、rematch、dva的替代品:smox

  1. 三大角度PK,Go语言和Node.js谁胜谁负? Node.js与Go语言一直是互联网大战中的主战场,虽说按照普通的各项指标对比,那么这场战争可能在很长时间内都难分胜负,但我们还是决定尝试对这二者做一些研究,并力求做出更准确的判断。 我们在Quora上发现,很多开发人员都将Go语言视为Node.js的优秀替代者,所以本文将集中探讨到底是为什么会出现这种情况以及为什么...
  2. Vue 全家桶,深入Vue 的世界 $parent :用来访问组件实例的父实例 $root : 用来访问当前组件树的根实例 $children :用来访问当前组件实例的直接子组件实例 $refs :用来访问ref指令的子组件 DOM访问 $el :用来挂载当前组件实例的dom元素 $els :用来访问$el元素中使用了v-el指令的DOM元素 数据访问 ...
  3. JS基础面试题 总结一些前端基础的知识,有些知识可能在前端面试的时候会问到,所以做个记录,也有助于其他人查看,如果有什么问题,可以指出,会积极修正。 变量类型和计算 JS中typeof的类型有哪些 console.log(typeof undefined); //u
  4. JavaScript函数式编程之为什么要函数式编程(非严谨技术层面的扯淡) 我的github github.com/zhuanyongxi… 这可能是一篇会被经常改动的文章,它记录了现在的我对函数式编程粗浅的理解。 函数式编程并不是github上面的一个工具库,它的年龄比JavaScript要大得多,它是一种经过了几十年,被众多计算机科学家证明了的行之有效的编程范式。它不是学会了几个函数式编程工具的API就能完全掌...
  5. vue项目中keep-alive的使用,从详情页返回列表时保存浏览位置 最近在做移动端前端项目中,需要实现以下场景: 1.在页面查询列表,进入详情页时,返回需要页面返回到上次浏览的位置 2.由于查询列表获取的数据可能会短时间改变,如果前端长时间缓存数据,并不符合业务要求。 3.我在进入详情页时可以修改列表的数据,返回时滚动到,用户看到的应该是最新的数据 4.每个列表页面...
  6. JavaScript如何工作的:一览引擎、运行时和调用栈 随着JavaScript(下文简称js)越来越流行,它在各个层面上都留下了身影:前端、后端、hybrid app、嵌入式设备等。 这篇文章是这个系列中第一个深入挖掘js是如何工作的:我们认为理解了js的底层建筑和运行方式可以使我们写出更好的代码和应用。 总览 应该很多人都听过V8引擎这个概念,也知道js是一个单线程的语言,...
  7. vue ssr 指南详读 该贴是对vue SSR Guide解读和补充,对于官网文档已有内容会以引用方式体现。由于官网demo在国内无法运行,该贴最后也提供了一个完整的可以运行的demo,帖子中提到的代码均是来自于该demo,供学习交流。 介绍 什么是服务器端渲染(SSR)? Vue.js 是构建客户端应用程序的框架。默认情况下,可以在浏览器中输出 Vue 组...
  8. Redux、rematch、dva的替代品:smox 我们平时在开发 React 项目中,深深的感受到了 Redux 的“长得丑,用得烦”,有的人去改造它,如 dva、rematch,对 Redux 包装语法糖,也有如 smox ,直接重熔再生,完全摆脱 Redux 的局限的同时,还能拥抱“新特性” rematch 作者文章里提到, 工具质量 = 工具节省的时间 / 使用工具消耗的时间 我们接下来就用...
  9. 我是这么理解Vue中的响应式系统的 遇到知识,尤其是复杂的概念,我不能类比的话,我很难接收(所以学习很差...)。在看了大神染陌同学的Vue源码解析后,我想分享一下我所类比的Vue响应式系统,您得先看他的文章(至少看他写的Vue的响应式)。这是我自己的想法,或许适合您,或许也不适合您,还望多多指
  10. 在 Web 上使用 JavaScript 模块 原文:Using JavaScript modules on the web 现在 所有主流现代浏览器都已经支持 JavaScript 模块。本文将介绍如何使用 JS 模块,如何有效地部署,以及 Chrome 团队如何使 JS 模块在未来变得更好用。 什么是 JS 模块? JS 模块(也称为“ES 模块”或“ECMAScript模块”)是 ES6 中一项非常重要的语言特性...
  11. 彻底弄懂 React Native 性能优化的来龙去脉 前言 最近在进行RN项目重构,通过查阅各种资料,从RN底层出发,思考总结了一些从react到react-native的性能优化相关问题 Performance · React Native 请先认真查看官方文档(英文文档)这一章节 前方高能请注意:Unbund
  12. 聊一聊几种常用web图片格式:gif、jpg、png、webp 前言 在大多数的web页面中,图片占到了页面大小的60%-70%。因此在web开发中,不同的场景使用合适的图片格式对web页面的性能和体验是很重要的。图片格式种类非常多,本文仅针对几种web应用中常用的图片格式:gif、png、jpg、webp进行一个基本的总
  13. 在 WKWebView 中注入 js 的时机 最近使用 WKWebView 嵌入网页,需要在页面中注入 js,记录一下遇到的坑。 修改 user-agent 在 window 上注入 js 修改 user-agent let webView = WKWebView() let customUA = "customUA" webView.evaluateJavaScript("navi...
  14. ES6 的解构赋值前每次都创建一个对象吗?会加重 GC 的负担吗? 本文来源于知乎上的一个提问。 为了程序的易读性,我们会使用 ES6 的解构赋值: function f({a,b}){} f({a:1,b:2}); 这个例子的函数调用中,会真的产生一个对象吗?如果会,那大量的函数调用会白白生成很多有待 GC 释放的临时对象,
  15. 《现代前端技术解析》读后鬼扯 别名:前端工程师培养大纲 评分:4星 作者:张成文 GitHub:https://github.com/ouvens/ 豆瓣:https://book.douban.com/subject/27021790/ 本书就像它前言中提到的那样,是一本以现代前端技术
  16. sinon.js基础使用教程---单元测试 原文地址:www.sitepoint.com/sinon-tutor…译文当我们写单元测试时一个最大的绊脚石是当你面对的代码过于复杂。在真实的项目中,我们的代码经常要做各种导致我们测试很难进行的事情。ajax请求,timer,日期,跨浏览器特性…或者如果你使用
  17. React使用新版Context构建组件树工具注入 打个比方,在一个组件树中,通常可能会有多个组件会使用到ajax请求服务器获取数据,这时候你就必须在每个组件中引入ajax相关的库才能使用,如下: import ajax from 'ajax' export default class App extends Component { ... componentDidMount () { ajax.get('http://xxx.com/a') .then(res => {...
  18. JavaScript 文件对象详解 在浏览器中操作文件,多数情况下用到的是 File 对象,从 <input type='file' /> 元素获取,进而继续操作(例如将选择的图片展示在页面上,用ajax将文件上传至服务器等)。这里介绍在浏览器中操作文件的相关API. File 对象
  19. ES6 解构赋值会加重 GC 的负担吗? 原文题目:ES6 的解构赋值前每次都创建一个对象吗?会加重 GC 的负担吗?
  20. Promise 化回调式函数 Node.js 8 提供了新的工具函数: util.promisify ,用于把形如 (err, value) => ... 的回调式函数转换为 Promise 版本。 基本使用 const util = require('util'); const fs = require('fs'); const stat = util.promisify(fs.stat); stat('.').then((stats) => { // Do something wit...
  21. BAT前端经典面试问题:史上最最最详细的手写Promise教程 我们工作中免不了运用promise用来解决异步回调问题。平时用的很多库或者插件都运用了promise 例如axios、fetch等等。但是你知道promise是咋写出来的呢? 别怕~这里有本promisesA+规范,便宜点10元卖给你了。 1、Promise
  22. D3.js 嵌套选择集 (Nested Selection) 原文: Mike Bostock (D3.js 作者) --Nested Selections 译者: ssthouse 本文讲解的是关于 D3.js 中 d3-selection 的使用. d3-selection 是 d3 的核心所在, 它提供了一种和以往 Dom 操作 和 数据操作 完全不同的思路, 让我们能非常优雅的进行数据可视化工作. 本文是 d3 作者对于 d3-selection 中 嵌套选择集 的讲...
  23. 响应式方案调研及前端开发管理思考  网易首页响应式风格实现技术调研网易首页实现页面(字体)响应式风格的方式是在不同尺寸的视口中使用不同的容器类,如图 1所示。当视口大于等于1420px时,使用大尺寸容器类 (index2017_1200_wrap,width: 1200px),当视口

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

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

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