Giter VIP home page Giter VIP logo

react-blog's Introduction

React-Blog

学习React全家桶,计划写一个博客。

边学边写边思考。。。

TodoList

  • 静态页面
  • 整理目录结构
  • Github issus作文章数据源
  • react-markdown渲染md
  • 代码高亮
  • 摘要
  • 分类
  • 标签
  • 翻页功能
  • 首页卡片
  • Demo页面
  • 评论功能(跳转到Github Issues页面。。)
  • 回到顶部
  • Redux管理数据
  • react-router路由
  • 整理代码
  • 渲染优化,打包优化
  • 适配移动端
  • React Native App

Update Log

时间 事件
2017/09/20 1.实现文章内部目录 2.博客页移动端自动隐藏右侧
2017/09/18 利用antd实现翻页功能
2017/09/17 1.增加类别页 2.修改Demo页 3.整理CSS代码
2017/09/11 增加归档页
2017/09/09 增加标签列表
2017/09/08 每个类别文章数
2017/09/07 1.加入Redux作为Github Issues数据的管理 2.增加分类模块
2017/09/06 整理项目目录结构
2017/09/04 1.修改首页卡片数据源 2.修改文章摘要 3.使用scrollIntoView()使页面改变后回到顶部
2017/09/03 1.增加文章页面 2.使用marked渲染Markdown 3.使用highlight.js高亮代码
2017/09/02 使用Github Issues作为文章数据源
2017/08/31 1.静态页面初步完成 2.使用本地json模拟数据源
2017/08/29 React-router V4 作为项目路由
2017/08/27 First Blood

问题汇总

  • React-router的Link和Route需要嵌套在同一个Router底下?
  • 刷新页面出现Cannot GET /提示,路由未生效。
    • 由于刷新之后,会根据URL对服务器发送请求,而不是处理路由,导致出现Cannot GET /错误。
    • 通过修改<Router><HashRouter>
    • <HashRouter>借助URL上的哈希值(hash)来实现路由。可以在不需要全屏刷新的情况下,达到切换页面的目的。
  • 二级路由只改变URL,页面不跳转
  • react-markdown不支持表格的渲染
  • 路由跳转后页面不会自动回到顶部
    • 使用scrollIntoView(),但是不能跳到整个页面的顶部。
  • Tag List显示字体大小应该如何计算。(或采用词云来展示?)
  • Expected 'this' to be used by class method。建议使用static,但是用了static之后bind会出错。。暂时关闭这个rule。。
  • 现在很多模块和css是重复的,需要整理代码。。
  • 文章内部目录的实现待优化,暂时也无法实现点击跳转
  • 首页渲染优化的问题
  • 本来想的在文章底部增加评论框,直接调用Github API创建评论和获取评论列表,但是发现需要登录授权,暂缓

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.