2018-12-03-2

 一、SMS项目

项目描述:

工作内容:

1.HTML结合css完成静态页面编写,页面布局,高度还原设计图;

2.JavaScript语言配合angularjs框架,添加交互效果,数据渲染(数据绑定),完成业务逻辑开发;

3.ajax+json($http服务)与后台进行数据交互;

4.requirejs实现模块化开发,按功能划分模块;

5.grunt打包编译;

6.ng-router路由系统,单页面应用;

7.promise处理异步请求,避免‘回调地域’

requirejs代码依赖和加载

git版本管理

bug调试

grunt编译发布

开发工具:webstorm

总结:这个项目是首次使用框架,对以下知识点有了很多的理解, 体会到了相对于jQuery, dom操作的便利,数据渲染的便利,

对双向数据绑定,自定义服务,依赖注入,控制器,MVC设计模式,前端路由,指令系统,事件委托机制,

对于如何把数据与视图的转换有了更多的经验;

二、Vision项目:

项目描述:

一站式全生命周期管理服务平台,提供“需求->开发->测试->发布->运维->运营”的端到端协同服务。

提供一个平台用于管理“需求”、“问题单”

因为这个项目是公司内部使用且不用考虑兼容性,所以几乎都是用的比较新的技术。

工作描述:

1.开发环境搭建(IDE配置,webpack配置,添加依赖包,mock server搭建,代理配置等等)

2.JSX语法结合ES6进行React组件开发

3.使用Redux,React-Redux实现组件间的通信及整个应用的状态管理

4.使用React-Router为应用添加动态路由

5.使用 Axios 从后台请求数据

6.通过redux-thunk中间件把异步请求和复杂业务逻辑抽离到action函数中处理,简化组件

7.通过ES6的模块功能解决组件和包的依赖关系

8.封装高阶组件优化代码,提高组件的复用性


1.开发环境搭建(IDE配置,添加依赖包,webpack配置,babel配置,mock server搭建,热加载,代理配置等等)

2.界面开发(编写react组件,redux状态管理,)

JSX语法结合ES6进行React组件及业务逻辑的编写

3.redux状态管理

4.react-router搭建项目路由

5.axios数据请求

当使用的redux-thunk之后,这个action就可以返回一个函数了,在这个函数里面我们就可以做异步的操作了。

6.通过es6的模块功能解决拼接组件和包的依赖关系

webpack打包编译

使用了Sass扩展语言来增强css,

使用了Sass的变量,嵌套,混合,继承,Mixin,函数等功能来提高CSS的便利性,复用性,可维护性

使用了CSS3的边框阴影,

项目测试阶段可以自己用node连接数据库进行接口对接和数据渲染模拟,测试功能模块 是否完善,逻辑处理是否正确。

项目测试阶段可以自己用node连接数据库进行接口对接和数据渲染模拟,测试功能模块 是否完善,逻辑处理是否正确。

cookie缓存机制,登录模块

登录模块通过localStorage缓存机制保存用户登录信息,节省带宽

装饰器优化

性能优化(定制shouldComponentUpdate)

es6常用语法

使用imoocForm高阶组件优化代码,

中间件机制

难点:

主要是redux的使用比较抽象,以及环境配置有很多莫名其妙的问题,最后通过反复阅读文档,查看报错信息,断点调试,抓包分析等方式定位问题,然后通过查看文档以及stackoverflow等论坛找到解决方法

很多技术是首次实践,遇到很多坑。state设计,拆分组件

react庞大的体系,react整个技术栈的使用上,感觉到难度

你会发现,它不是一个库,也不是一个框架,而是一个庞大的体系。想要发挥它的威力,整个技术栈都要配合它改造。你要学习一整套解决方案,从后端到前端,都是全新的做法。

总结:

通过这个项目,对前端工程化,组件化开发,等前端领域的新概念以及新技术等都有了一个具体的照面,实践经验,

对中间件,高阶组件等概念的实践,更加深刻地理解了JavaScript编程语言,掌握了一系列提高开发效率的方法。

react, redux,react-router,webpack,中间件,高阶组件,flux架构,函数式编程,虚拟dom,diff算法,性能优化

Flux数据流动方案

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,607评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,047评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,496评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,405评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,400评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,479评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,883评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,535评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,743评论 1 295
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,544评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,612评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,309评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,881评论 3 306
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,891评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,136评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,783评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,316评论 2 342

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,363评论 25 707
  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 12,680评论 2 59
  • 续上期欧文•亚隆关于死亡焦虑的阅读心得。 1 波动影响,你的生命直接或间接影响了他人。 ...
    金丝楠心阅读 775评论 7 14
  • 半睡的身体拖起半醒的灵魂 洗漱过后没有梳妆 只想往那堆积着考试资料的地方赶 太阳还没醒,夜没退尽,这不是早晨该有的...
    杮下卖酒阅读 200评论 4 6
  • 你还记得那个盛夏吗? 我记得呀 铁道旁的老树下 没有人啊 你穿着一袭湛蓝色的长裙啊 说着那句说了一半的话啊 火车窗...
    默黛阅读 249评论 0 5