最近的文章列表

使用htaccess配置解决 react-router中history配置createBrowserHistory浏览器刷新页面404的问题

项目使用react-router,做成single page application,入口地址/home/hard/Project/game/web-client/build/html/index.html,通过域名domain.com就能访问到这个入口。

问题是,使用了路由之后,假如uri为domain.com/games.html,通过可以通过浏览器api跳转页面,可一旦刷新页面,就会报404。

 

我希望的是路由到某个uri之后,即使刷新页面,或直接在浏览器中输入这个uri,一样可以直接路由到games.html的页面。

解决

在论坛上提了问,几天了没人响应,也查不到相关的资料,所以说其实查不到的,也问不明白,还得靠自己探索。

2016/10/12 Comments:
依靠nginx配置解决 react-router浏览器刷新页面404的问题

项目使用react-router,做成single page application,入口地址/home/hard/Project/game/web-client/build/html/index.html,通过域名domain.com就能访问到这个入口。

问题是,使用了路由之后,假如uri为domain.com/games.html,通过可以通过浏览器api跳转页面,可一旦刷新页面,就会报404。

 

我希望的是路由到某个uri之后,即使刷新页面,或直接在浏览器中输入这个uri,一样可以直接路由到games.html的页面。

解决

在论坛上提了问,几天了没人响应,也查不到相关的资料,所以说其实查不到的,也问不明白,还得靠自己探索。

2016/10/12 Comments:
TodoMVC:帮助你选择一个MV*框架

开发者现在有很多的MV*框架选择来组织开发web应用程序。Backbone、 Ember、AngularJS、Spine… 新的稳定解决方案列表持续增长,但你如何决定在海量的框架中选择哪个使用?

为了帮助解决问题,于是诞生了TodoMVC项目,它使用不同的最流行的JavaScript MV*框架实现了一个相同的Todo应用。

2016/3/2 Comments:
AngularJS VS React哪家强?

Kumar Sanket为Toptal公司的全栈Web开发者/工程师,他在一篇文章《Why I Ditched Angular for React》中对Angular和React进行了对比,他表示Angular在快速开发大型Web项目上很受推崇,但其也存在的种种缺陷,如过于依赖DOM操作,双向数据绑定带来性能问题等。而React作为由Facebook和Instagramin领导的新开源项目,为JavaScript应用开发者提供了新的开发方式,同时具有速度快、跨浏览器兼容、模块化等优点,也是这些优点,让Kumar Sanket选择了React。下面为该文章的译文。


几年前,我的代码因充满了jQuery选择器和回调函数而十分凌乱,后来AngularJS的出现很好地解决了这个问题。

使用AngularJS开发的项目拥有极好的可维护性,AngularJS拥有一系列简单易用的功能,有利于快速开发大型的Web项目。

初识时,AngularJs的双向数据绑定和所有的数据源都放在Model中的设计理念让我惊叹,在实际的开发中,有效地减少了应用程序中的数据冗余。

2016/2/25 Comments:
webpack配置.jsx文件由babel来解析,出现:babel没能识别我 js 文件中的 jsx 语法?

fb 开发网上例子 getting  started用的是 

<script type="text/babel">      
// To get started with this tutorial running your own code, simply remove      
// the script tag loading scripts/example.js and start writing code here.    
</script>  

而一般我们会看到用的是jsx  有什么区别吗

区别就在于 babel 支持将按照ES6写的代码转成ES5格式的代码,以便让其能在现代浏览器上正常运行,用jsx, 只能用ES5的语法。

升级到 babel6 了

安装 babel-preset-react

2016/2/17 Comments:
Webpack+React+Hot控制台报错:Cannot read property ‘NODE_ENV’ of undefined

解决办法如下:

找到webpack.config.js文件:

var webpack = require('webpack');
var path = require('path');

module.exports = {
// entry: './js/entry.js',
entry: [
'webpack-dev-server/client?http://127.0.0.1:3000', // WebpackDevServer host and port
'webpack/hot/only-dev-server',
2016/2/16 Comments: