在远程工作中,并不是所有项目都是从头开始的,有很多项目是已经做了一部分,或者需要按着其要求来创建项目和编码的。所以这其中就有一些公司或者团队会使用一些代码规范,以保证无论是公司内部还是远程工作的同事都可以保持一致的代码规范,让代码不会过于凌乱。

Continue reading

Fetch API cannot load http://v.juhe.cn/toutiao/index?type=&key=9ac9a526985bbd20fa150784********. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

这个错误困扰了我很久,导致无法从网络获取数据,现在很多接口都是 json 或 jsonp 的方式,如果不能用 fetch 或者一些网络请求的方法,简直太受罪了,有些朋友的解决方法是把数据放到自己的服务器上来处理,这莫名的是给自己增加工作量,直到我看到了这篇文章,终于将这个难题解决:http://www.jianshu.com/p/19a6aefca350

Continue reading

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

Continue reading

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

Continue reading

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

周边资料

创建 webpack+react+redux 的项目模板

react-redux-starter-kit: https://github.com/davezuko/react-redux-starter-kit

webpack-react-redux: https://github.com/jpsierens/webpack-react-redux

Continue reading

Web 前端发展速度真的很快,新知识也多的惊人,一个在职场工作的人如果不时刻刷新自己学习新知识的数量,恐怕几个月就落后了。

你以为学完 HTML5、CSS3、JavaScript 就能行走天下了?不,还有 ES6、SASS、LESS 以及各种前端框架 React、Angular。会了框架就万事大吉了?不,还有各种开发模式,MVC、Flux、Redux。想使用上这些技术,你得知道 NPM 是个什么的,以及如何利用类似 nvm 的工具来管理 NPM 的各种琐碎版本。最后你的项目想要多人协同开发、测试以及上线运营,你还要了解各种模块系统如 Webpack。暂且不说这里面还需要各种美工方面的工作,时不时你还要自己做一个 svg icon。

我搞清楚这些东西的概念就用了一个多月,还没有实现一个像样的项目。而现在各大培训机构要么是基础,要么是单独将某个知识点,基本上没有把这些知识串起来讲的机构或书籍,因为 Web 前端开发领域涉及内容太多了吗?我觉得不是!