内容简介：这两天在用 Blueprint+React+ServiceFramework+MySQL 为主要组件开发一个小玩具，由衷的喜欢React了。为啥呢？非常后端，其实就是大量编写javascript class，而JSX非常类似Scala里的XML,将HTML变成JS语法的部分,render则更像GUI编程里的东东，组件库也非常多（当然，以为好友推荐我选择了Blueprint）。最早用的是vscode,后面改用WebStorm了，WebStorm的代码提示很厉害，比如import css也能把里面的类给提示出
前言
这两天在用 Blueprint+React+ServiceFramework+MySQL 为主要组件开发一个小玩具，由衷的喜欢React了。为啥呢？非常后端，其实就是大量编写javascript class，而JSX非常类似Scala里的XML,将HTML变成JS语法的部分,render则更像GUI编程里的东东，组件库也非常多（当然，以为好友推荐我选择了Blueprint）。
WebStorm Debug问题
最早用的是vscode,后面改用WebStorm了，WebStorm的代码提示很厉害，比如import css也能把里面的类给提示出来，这个vscode似乎就做不到。不过debug遇到点小麻烦，似乎不生效，主要是因为这个配置误导我了：
image.png
死活端口连不上。最简单的办法是点击任何一个文件，然后运行debug，会自动生成一个configuration,然后把里面的地址改下即可：
image.png
跨域问题
React 开发时需要访问后端，通常在本地React和API的端口会不一样，存在跨域问题，之前用Vue时，只要Server 返回头设置一个参数就行：
restResponse.httpServletResponse().setHeader("Access-Control-Allow-Origin", "*")
但是在使用React死活不行，尝试了Fetch 以及一些其他库。Fetch有个mode设置为no-crof, 结果还有个opac模式，返回值很诡异，搞的我吐血。后面发现只需要在package.json里做一行配置即可：
image.png
Bind问题
image.png
事件处理我喜欢用类的方法，不过JavaScript的this比较神奇，context会变化，需要做bind,比如
image.png
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网
猜你喜欢:
- acme.sh 续期问题（路径问题）
- 缓存的一些问题和一些加密算法【缓存问题】
- 如何把设计问题转化为数学问题（方法论）
- 推荐系统中的冷启动问题和探索利用问题
- GraphQL 教程（六）—— N+1问题和缓存等问题
- Golang 并发问题（四）之单核上的并发问题
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
Mobilizing Web Sites
Layon, Kristofer / 2011-12 / 266.00元
Everyone has been talking about the mobile web in recent years, and more of us are browsing the web on smartphones and similar devices than ever before. But most of what we are viewing has not yet bee......一起来看看 《Mobilizing Web Sites》 这本书的介绍吧!
