最近更新一下电脑里的 notepad++ 到最新版本,遇到了一个问题就是新版本的 notepad++ 不再使用当前目录的配置文件了。通过查询资料得知,需要在当前目录新建一个 0 字节的 doLocalConf.xml 的配置文件,这样就会使用当前目录下的配置文件了。可我按照这种方法操作后却发现 notepad++ 依然使用的是 %APPDATA% 下面的配置信息。

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 前端开发领域涉及内容太多了吗?我觉得不是!

处理文件路径信息是经常要用到的字符串处理的手段,应用场景非常的多,不论是 Linux 还是 Windows,在我没接触这一系列函数之前,都是使用一系列字符串处理函数来自己写。而在 Windows 环境下,系统给我们提供了一系列处理路径相关的 API,我们在需要使用的时候直接调用即可,不但可以避免自己使用字符串处理函数处理时可能造成的各种问题,还可以加快我们编程的速度。当然如果你还没有使用字符串处理函数自己处理过路径等信息,我强烈建议你先自己尝试学习一下。轮子可不重复制造,但你必须要清楚轮子的制作工艺,否则在出现故障时就不知道如何处理了。

Continue reading