项目地址 预览地址 原文地址 记录最近做的一个 demo,前端使用 React,用 React Router 实现前端路由,Koa 2 搭建 API Server, 最后通过 Nginx 做请求转发. 这是第一篇,主要介绍下前端代码的构建.React router 使用中遇到问题,以及前端开发完成后部署相关工作. 功能介绍 GitCard 可以通过 GitHub 授权获取用户基本信息 在首页模块,可以查看最近登录的用户,并点击头像查看该用户的详细信息 在 /Comment 模块中可以发表评论,并…

关于项目 项目地址 预览地址 记录最近做的一个 demo,前端使用 React,用 React Router 实现前端路由,Koa 2 搭建 API Server, 最后通过 Nginx 做请求转发. 文章列表 第一篇:React + Node 单页应用「一」前端搭建 React + Node 单页应用「二」OAuth 2.0 授权认证 & GitHub 授权实践 这是第二篇,介绍下 OAuth 2.0 授权机制,以及 Github App 授权过程,通过获取授权使用 Github API. O…

React作为目前最流行的前端框架之一,其受欢迎程度不容小觑,从这门框架上我们可以学到许多其他前端框架所缺失的东西,也是其创新性所在的地方,比如虚拟DOM.JSX等.那么接下来我们就来学习一下这门框架是如何构建起一个单页应用的. 前言 首先在学习这门框架前,你需要对以下知识有所了解: 原生JS基础 CSS基础 npm包管理基础 webpack构建项目基础 ES6规范 以上五个知识点也是目前学习其他前端框架所必须了解的前置任务.JS和CSS就不多说了,npm是目前最提倡也是占据主导地位的包管理工具…

[img]http://dn-filebox.qbox.me/8c218c119046b2a25df2d9c7b00c1e0fa6899bdd.png[/img]NO:01 交易策略 ≠ 交易系统. 一个完整交易系统,其实是交易者给自己定的各种规则,它包括了交易的各个方面,其中并没有给交易者留下一点主观想象的余地.大多数成功的交易者都是使用机械交易系统,这并非偶然. 一个正期望的交易系统可以自动运行整个交易程序.在交易中每项决策,交易系统都会给出答案.它至少应该包含策略选择.品种选择.资金管理.…

前两篇文章中,我分别介绍了框架的搭建利用vue-cli + vant搭建一个移动端开发模板,并且把项目中axios请求和vuex的用法做了简要的介绍如何在项目里管理好axios请求与vuex.在这两篇文章的评论中,有些朋友希望把项目放在线上,可以供大家预览一下.既然需求来了,哪有拒绝的道理.正好我之前也没弄过部署项目到服务器上,那就乘这次机会把项目部署在服务器上,巩固一下自己学的知识. 页面上是我乱加的东西,后续会慢慢完善(可能是模仿某个成熟的项目,也有可能是封装组件). 文章概括 部署一个vu…

现在用react写单页应用基本上都是用react-router做前端路由了吧!最近在使用react-router的过程中遇到了不少问题,在这里总结一下. 浏览器url react-router默认提供的history是 createHashHistory ,即它用到的是 URL 中的 hash(#)部分去创建形如 example.com/#/some/path 的路由,所以你会看到url多了类似 _key=s1gvrm  的 query,这真的很难看.而且这也不是官方在实际生产应用中所推荐的.要…

时下SPA单页应用如火如荼,对前端乃至后端开发都带来不小的冲击和变革.笔者整理了下笔记,决定写一下以前基于iframe做单页博客的一些经验方法. 对于单页应用,笔者没有找到最官方的定义.在笔者看来,在用户操作过程中,浏览器始终不会重载整个页面的web应用,便可以称为单页应用.这里不包括https://im.qq.com/这种宣传单页 例如coding.net.网易云音乐播放.QQ空间.移动端大量的react案例(比如手Q健康.公众号)等等 单页站点优劣 单页站点的优势主要有三点      传输数…

如何才能让房东准确的描述自己的房源,如何才能让房东充分的展示自己的房源.Airbnb 在这次更新里尝试去解决了这两个问题,让我们跟随作者的文笔去了解一下整个项目的经过. 关于本文 原文作者:Cecilia 是一位设计经理,负责带领 Aribnb 的房东体验团队.她热爱阅读与短故事创作,以及品尝各式各样的的热带水果. 原文链接:Unlocking Extraordinary Hospitality 阅读时长:约6分钟 从树屋到冰屋,从城堡到公寓,Airbnb 拥有最独特也最丰富的房源. 但是,如果…

w Node & 单页应用 来做一个完整用户系统吧! - harryfyodor的前端专栏 - SegmentFaulthttps://segmentfault.com/a/1190000007315867…

之前用 Ant Design 开发了一个项目,因此对 React 的特性有了一定的了解,React 使用封装组件的思想,组件各自维护自己的状态和 UI, 组件之间通过 props 传递数据和方法.当状态更新时自动重绘整个组件,从而达到局部刷新的效果,大大提高了 DOM 更新的效率,同时组件化十分有利于维护.在对 React 进行进一步的学习后,使用 Node.js + React 的方式实现了一个简单的 TodoList 单页应用,同时涉及简单的 MongoDB 数据库操作,总的来说,项目相对简…