React 项目中使用 highstocks

highstocks 是一个功能强大且丰富的股票资讯类图表的库,其具有代表意义的项目还有 highcharts 和 highmaps。我最近在做一个股票资讯类的项目,所以需要用到这个图表库,由此篇文章开张记录下使用该库的各种问题和小技巧。方便以后他人遇到问题及时解决。首先我们就来谈一谈如何在 react 项目中使...

解决 react router 4.0.0 原地刷新页面提示 Cannot GET * 错误

最近一直在跟着 react 官网和一些国内成熟的视频教程学习一些 react 的技巧和做一些小项目。这几天碰到一个问题就是使用 新版的 react-router-dom 作为路由时会导致所有二级以上页面原地刷新提示错误,类似的错误内容如 Cannot GET /company/zs/000001,如下图所示: ...

在 .js/.jsx 文件中使用 emmet 快捷键快速编写 html 代码

emmet 是一个非常强大的 html 代码编写助力插件在项目开发的时候非常实用,需要手写几行的代码用 emmet 一行就搞定了。emmet 的具体用法就不做本文介绍,有兴趣的可以自己去 emmet 官网看看介绍。由于它仅在 .html 文件中可以使用,而 React 等前端框架都是在 .js 或 .jsx 文件...

Redux 学习笔记:创建一个用 Redux 管理的 React 组件流程

这几天看 Redux 的资料看的简直发疯,每次都看到睡着。今天下午睡了整整 4 个小时,在今晚安静的时候攻坚了一下 Redux。幸亏网上有很多靠谱的资料,不然我也不知道何时能搞清楚 Redux 的作用。下面罗列一下相关资料: 周边资料创建 webpack+react+redux 的项目模板react-redux-...

查看 github star 排名和 fork 排名

方法来自 stackoverflow:http://stackoverflow.com/questions/19855552/how-to-find-out-the-most-popular-repositories-on-github,可以看到目前 github star 或 fork 最多的项目: fork ...

近一个月内学习 Web 前端知识的感悟

Web 前端发展速度真的很快,新知识也多的惊人,一个在职场工作的人如果不时刻刷新自己学习新知识的数量,恐怕几个月就落后了。 你以为学完 HTML5、CSS3、JavaScript 就能行走天下了?不,还有 ES6、SASS、LESS 以及各种前端框架 React、Angular。会了框架就万事大吉了?不,还有各种...

Windows 下处理文件路径相关的 API 介绍

处理文件路径信息是经常要用到的字符串处理的手段,应用场景非常的多,不论是 Linux 还是 Windows,在我没接触这一系列函数之前,都是使用一系列字符串处理函数来自己写。而在 Windows 环境下,系统给我们提供了一系列处理路径相关的 API,我们在需要使用的时候直接调用即可,不但可以避免自己使用字符串处理...

React 学习笔记之状态(state)和生命周期

本文中我们同样使用 React 官方教程中的一个时钟的案例来给大家讲解 state 的作用及时生命周期中的一些接口函数。案例可能与官方不是很匹配,是因为我经过刻意修改,为的是以国人理解的方式再重新梳理一遍,让大家更容易理解。 显示一个时间1234567891011121314151617import React...

React 学习笔记之属性 props

React 的每一个组件都可以包含一些数据,这些数据一般情况下都是父组件传递进来的。这个过程就像我们给一个可变参数的函数传递参数一样,只不过组件内部接受到这些参数时,都是在 this.props 这个成员中。该功能一般用于组件之间传递数据使用。 演示代码12345678910111213141516171819...

React 学习笔记之定义组件 Component

React 视浏览器每一个显示的项目为一个组件,组件和组件是一层和一层的调用及嵌套关系。要想在界面上显示你要显示的信息,就先要学会组件的定义。 组件是一个独立的 JavaScript 类,他继承与 React 的 Component。首先我们要 import React 和 Component 模块。随后生成一...