20180712 前端开发日报

从 React Native 到微服务,落地一个全栈解决方案;ES6 系列之迭代器与 for of;你不知道的JavaScript·第二部分;为什么给你设置重重障碍?讲一讲 Web 开发中的跨域;约束你的git操作,让你生无可恋;Udacity 也弃用 React Native 了;《Vue 自测题》中答错率最高的题的解释;如何发送请求以及AJAX

  1. 从 React Native 到微服务,落地一个全栈解决方案 Poplar是一个社交主题的内容社区,但自身并不做社区,旨在提供可快速二次开发的开源基础套件。前端基于React Native与Redux构建,后端由Spring Boot、Dubbo、Zookeeper组成微服务对外提供一致的API访问。 https://github.com/lvwangbeta/Poplar 前端React Native & Redux React Native…
  2. ES6 系列之迭代器与 for of看着很简单,但是再回顾这段代码,实际上我们仅仅是需要数组中元素的值,但是却需要提前获取数组长度,声明索引变量等,尤其当多个循环嵌套的时候,更需要使用多个索引变量,代码的复杂度就会大大增加,比如我们…
  3. 你不知道的JavaScript·第二部分 接着上一篇 你不知道的JavaScript·第一部分 第一章: 关于this this 到底是什么 this 是在 运行时 绑定的,this的绑定和函数声明的位置没有任何关系,只却取决于函数的 调用方式 。 function foo() { this.
  4. 为什么给你设置重重障碍?讲一讲 Web 开发中的跨域 零 最近知乎上居然连续有两个关于跨域的问题邀请我回答。 虽然网上写跨域的文章已经有很多很多,且跨域本来是一个来自浏览器端(前端)的「问题」。但是跨域问题是一定要后端配合来解决的,加之网上文章大多只是介绍跨域如今已经定下的规则,很少提到规则的由来,其实容易让人迷惑。 …
  5. 约束你的git操作,让你生无可恋 用Node构建工具来约束你的git操作,让你生无可恋。 一、前言   今天看到小伙伴写的《你可能会忽略的git提交规范》,不禁想起自己那些不忍直视的提交信息,当然也不能怪自己,谁叫我能够随意的commit呢?上述文章中已经介绍了一些相关的
  6. Udacity 也弃用 React Native 了 作者|Nate Ebel 译者|无明 编辑|覃云 不久之前,Airbnb 团队刚刚宣布放弃使用 React Native,才过了不到一个月,在线教育机构Udacity 移动团队最近也宣布从 App 中移除了使用 React Native 开发的最后一批功能。而 6 月中旬,Facebook 宣布将大规模重构 RN,这一系列的事件,让不少正在使…
  7. 如何发送请求以及AJAX AJAX(async JavaScript and XML),指的是通过 JavaScript 的异步通信,从服务器获取 XML 文档从中提取数据,再更新当前网页的对应部分,而不用刷新整个网页。后来,AJAX 这个词就成为 JavaScript 脚本发起 HT
  8. 浅析badjs源码(前端监控方案) 最近在研究前端监控方案,由于工作需要研究了下鹅厂的badjs源码,主要是看了前端上报这一块,也就是badjs-report。关于badjs的使用可以看下官方文档 前端监控痛点 了解一个框架或者库之前要先思考它想解决的是什么问题。前端异常监控系统的落地这篇文章
  9. 面试高级前端工程师必问之流-stream 流(stream)是一种在 Node.js 中处理流式数据的抽象接口。 stream 模块提供了一些基础的 API,用于构建实现了流接口的对象。 Node.js 提供了多种流对象。 例如,发送到 HTTP 服务器的请求和 process.stdout 都是流的
  10. 如何优雅的升级到webpack4 前言 现在距离2018年2月15号webpack4.0.0出来已经有一段时间了,现在已经出了 @vue/cli 3.0,但是楼主还没试过,听说很强大,想要试水的可以看文档 @vue/cli,官方脚手架都用上webpack4了,你项目还停留在webpack3,甚
  11. 您必须知道的 Git 分支开发规范 Git 是目前最流行的源代码管理工具。 为规范开发,保持代码提交记录以及 git 分支结构清晰,方便后续维护,现规范 git 的相关操作。 分支管理 分支命名 master 分支 master 为主分支,也是用于部署生产环境的分支,确保master分支稳
  12. CSS魔法堂:更丰富的前端动效by CSS Animation在《CSS魔法堂:Transition就这么好玩》中我们了解到对于简单的补间动画,我们可以通过transition实现。那到底多简单的动画适合用transtion来实现呢?答案就是——我们只需定义动画起始和结束帧的状态的动画。一旦…
  13. 骚年,来一起聊聊React Portals吧 在v16的React中,出现了一个新的特性Portals。当我第一眼看到Portals这个特性的时候,并没有领略到这玩意有啥特殊的。不过近期在处理业务上的一个需求时,让我意识到,Portals真的是非常有意思。 场景复现 先还原一下产品需求吧。 需求分析
  14. 单元素组件模式简介:使用 React 或其它组件库创建可靠组件的规则和实践 原文地址:Introducing the Single Element Pattern: Rules and best practices for creating reliable building blocks with React and other c
  15. Angular 实战教程 – 手把手教你构建待办事项应用 Today (Part 2) Angular 实战教程 – 手把手教你构建待办事项应用 Today (Part 2) 为什么知乎开始限制标题长度了? 这是什么?我适合阅读吗?http://ng.ant.design/docs/introduce/zh NG-ZORR

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

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


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流