react笔记(3)react-redux数据管理

前期考虑不周的坑,后期总要来填的。— ginny Guo
在这个项目的时候技术选型的时候,因为“时间周期较短”和“产品交流不充分”,没能完全get到prd中的一些细节问题,当时感觉传统的状态管理已经完全hold住这个项目了,结果在后期出现了一个state对应多个view改变,多个action触发一个state改变等问题。多个组件保留状态需要多个copy,简直是灾难啊啊!!!更加难过的是,后期出现了渲染太慢的问题,严重影响用户体验,所以不得不重构引入Redux状态管理了。
本篇记录了react-redux的使用,以及项目前后设计的对比,为以后技术选型做一个铺垫。
本篇真的写了好几天啊,好难讲清楚Orz,以后还要填坑几次才行。

react笔记(2)websocket实时改变数据

项目中有个需求,需要实时改变数据。实时改变数据有两种方式。
第一种方式是通过Ajax轮询,浏览器需要不断的向服务器发出请求,在本项目中需要改变数据的地方有多处,连续的Ajax请求对服务器的压力很大,所以不适合这种方式。
第二种方式是通过HTML5 定义的 WebSocket 协议,使浏览器和服务器保持持久性的连接,服务端向客户端主动推送信息。
本项目中采用了第二种方式,这里对react中使用WebSocket实时改变数据做了一点笔记。

vue笔记(1)

最近的项目用了vue2.0,备忘一些关键用法。这是第一篇,需求为展示一堆带有各自内容的卡牌,鼠标在卡牌上悬停时展示文字细节,点击时切换vue-router,所有数据在初始化时通过数组获取。本篇主要内容为v-for实现卡牌渲染,包括图片、文字绑定,针对特定卡片进行css特效选择等等。

vue+flask前后端分离项目(1)

最近公司项目需要我进行包装一下,厉害的大佬们训练好模型,全周期工程师我负责在用户和大佬代码之间搭桥,用vue+flask完成整个项目的搭建和部署。
写完前端写后端,写完后端改nginx,改完nginx配服务器环境,全周期超爽有木有~
这是总结第一篇,总结vue搭建纯前端项目以及在开发环境配置nodejs反向代理绕过浏览器跨域限制。

MathQuiz-an Android Project

MathQuiz是我在香港大学学习Smart Phone这门课程的个人作业,一个用来进行数学测验的android app。
使用API Level 24 with minimum API Level 21,使用AVD (Nexus S with resolution 800X480).
这篇文章将归纳我做这个小项目过程中遇到的难点和收获。