232021.2

不用纸和笔,一样能搞定手绘风PPT!

222021.2

react jsx编译后中文乱码问题

在一次开发中,我发现,构建出来的react应用出现中文乱码现象。于是我很自觉的,在html头部添加 <meta charset="utf-8" />,然后问题解决了。但是作为资深搬砖人,必须得搞清楚,为啥会乱码。

于是我打开了构建后的文件,发现里面中文被转码为unicode了。

这就尴尬了,但是经过观察之后,我又发现,只有createElement的部分被转码,其他部分的中文还是中文。

于是我想,肯定是编译工具在搞鬼,我得找到是哪个地方的问题,把这个转译给关闭。要么是webpack,要么是babel jsx。

于是还是用bing进行中文搜索,没有一个结果指向这个问题。再用英文搜,也没有找到相关解决办法。最后只能请出google大神,找到这个栈漏答案,找到了相关资料。兜兜转转一大圈,发现这是react自己埋的坑,跟编译工具无关(也有关),总之就是关不掉,只能这样,放弃挣扎。

11:02:23 已有1条回复
  1. 之前也有遇到这情况, 想改个项目里的标题, 搜中文搜不到, 结果发现是unicode
    #1015 ID_1188 2021-03-02 16:29 回复
052021.2

我时常有一些执念,以至于有的时候不合群。我遇到无法修改react传入的props的情况,我大概知道在react源码里面干了些坏事,但是我想确认这一点,于是我在bing搜索相关问题。大部分的答案,无非是和react单向数据流相关的一些废话,谁不知道这些原则,我现在就是想打破这些原则,而我打破不了,你只告诉我原则就是根源,我呸!然后我找了很久,在漏栈上找到一个答案 https://stackoverflow.com/questions/26089532/why-cant-i-update-props-in-react-js 这个答案获得了20个反对票,最主要的原因在于,他指出只有通过修改react核心代码才能实现,于是被一路狂喷。我……我被气炸了!这个回答直指问题本质,就是react中使用Object.freeze(element.props)导致我们修改props会报错。我tm不懂,为啥真正指出问题所在的答案被驳20次,而千篇一律的讲废话的答案得到大量赞同。真是只要主义,不要实际!

18:47:24 已有4条回复
  1. 因为 react 社区动辄喜欢谈设计理念,原则之类的,不考虑实际使用者的场景
    #1006 rxliuli 2021-02-05 19:08 回复
  2. 有的时候爱,有的时候恨,选择太少了
    #1007 回复给#1006 否子戈 2021-02-05 19:52 回复
  3. 没,有时候吾辈反而觉得前端选择太多了,各种乱七八糟的工具链和层出不穷的类似的轮子,上层应用的基础变化太快了。。。
    #1008 回复给#1007 rxliuli 2021-02-05 19:57 回复
  4. 有趣的例子.
    #1009 ID_1188 2021-02-09 15:40 回复