玩React也一年有余,对React的实践有了些许体会。最近在做新项目的前端架构,反思了下之前项目上的不足和问题,决定在这次的结构上改良和精简。
同时,也谷歌了下成熟的设计及一些开源项目,最终决定采取下面的结构。

欢迎讨论碰撞,共同提高。

目录规划

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
├── app
│   ├── action-types
│   ├── actions
│   ├── api
│   ├── app.less
│   ├── app.tsx
│   ├── components
│   ├── config
│   ├── effects
│   ├── index.tsx
│   ├── reducers
│   ├── routes.tsx
│   ├── shared
│   ├── types
│   └── typings.d.ts
├── webpack
├── favicon.ico
├── i18n
├── index.html
├── manifest.webapp
├── mock-data
├── robots.txt
├── test
├── static
│   └── images
├── .editorconfig
├── .huskyrc
├── .prettierrc
├── tsconfig.json
├── tsconfig.test.json
├── tslint.json
├── yarn.lock

阅读全文 »

前端对于静态显示的内容如标题,弹框文本等,有时需要做国际化。随着国际化的内容增多,单个文件下进行维护就显得不怎么方便。这时我们需要按照功能等拆分为多个JSON或者JS文件,这样维护性上便会提高。

拆分后的JSON文件我们希望是这样

如何实现呢,继续看。

环境

这里贴下,我实现时的环境

阅读全文 »

微软的Azure针对新用户有福利。赠金200刀,免费期限1个月,临时测试搭个飞机之类的有用,因此这里总结下

准备条件

  • visa双币卡,因为要绑定支付
  • 好使点的终端,部署SS需要,比如Mac下,我用的iterm2
  • 微软账户,如果没有,在登录azure时会提示先注册
  • 可能需要上谷歌

登录国际azure官网

地址: https://azure.microsoft.com

阅读全文 »

智能家居逐步进入我们的生活,设备成本不高,但带来的交互方式和体验却是以前所不敢想的。这里记录下我的智能家居1.0搭建。

小爱音箱-智能中枢

不得不说,小米的智能家居还是很接地气的,自从有了小爱音箱,现在小米设备的整个操作,都通过小爱音箱来解决。目前购买的小米设备有小米台灯,小米空气净化器,小米路由器、小米万能遥控器。

关闭台灯,净化器,现在只需要语音唤起小爱-小爱同学,关闭台灯来解决。

阅读全文 »

最近手机即使开着SS,原生mail app竟然也添加不上Gmail账户了,明明登录成功了,竟然保存不成功,save按钮都没,搜了下,发现很多人反映这个问题。原来是Qiang的问题。OK,服了。

帖子里面提了好多种做法,感觉麻烦,有人说Surge可以搞定。我倾向于这个方案,因为一直用的Mac版,觉得很强大。so,决定利用这个来解决手机Gmail账户问题。那么问题来了,就我要买个iOS版的surge。BUT,国区没有,首先需要AppleID美区账户,美国PayPal,一张双币卡,哈哈。容易嘛?不容易。BUT,为了自由。

OK,开始解决了。以下为我的折腾流程。

更新

阅读全文 »
0%