我与前端的起因
- 说起来自从我的懒癌病一直不没什么有效节制手段、反而随着开发日演愈烈,这几年从后端逐步混全栈,开始因为外界项目太费心神、觉得页面开发受到制约、慢慢边用项目练手、边学习js、 从node、boostrap 、angular、requirejs、再到后来antd、react再接着vue、磕磕绊绊趟过来
- 起于ie6的束缚被解开、boostrap自适应初兴、flex的排斥、canvas的支持,ps端到手机端的转变、H5的推进、js逐步登堂入室
- 于是从工作之外的门户、电商逐步熟悉了js、jq 在到后来手扒【易企秀】学angular、到后来的angular类【头脑王者】单页应用,开启了【前端】之旅。PS:工作一直做的后端
趟坑记录
- codesmith 从mysql->服务->管理页面全量生成
C#, RequireJS,Jq,boostrap,样式抓的微软的生命周期管理端样式,当时觉得挺简洁 精力有限外接项目常常熬到2-3点、公司上班差不多要折腾到12点、早上7点又就得起、这种状况持续了2个月、因外部项目中断没成、受打击萌生了做这件事的冲动。
从萌芽到实践再到成型应用大略花了2-3个月时间、再到后来应用了3个项目后
- And、AntdMobile webpack刷新了UI观
- 抛弃codeSmith 、简化服务端接口写法
- 由Antd到react 再到AntdPro 在到固化表单、查询条件、常态页crud组件
- 缩减常态单页开发为10-30分
- 该升级养了很多项目、节省了大量时间继续学习网页商城、应用等开发
- 应用时间大略有3年多、直到antd4的重大升级
- 跟着Antd做升级、躺了坑,虽然最终跟着项目做了升级,但对重度封装的的重构受伤严重,沉淀了一段时间
- 因为带新人、公司项目任务重,身兼N职、分身乏力,为了赶进度,回归原始,jq常态化对表单1~4布局控制、编/读、样式、动态追加排序、表单工厂做了封装,中间虽有波折、但基本完成了进度赶制和带新人的过度
- 无力抗拒的老项目升级改造、最终选了Vue,迁移成本、学习成本、成员接受水平,页面复杂度,经过一轮鬼使神差的操作【地狱级改造】得以顺利延续,此后因人员缺失、后面背锅、再加上已对公司无甚指望、缓了几个月,把后续的工作交代差不多稳定后、江湖再见了。
- 此次,也因任务纷乱,之前虽然用formcreate做的基础crud组件、但觉得改造性太差、而且因兼容多个版本的问题,导致写法太过固化,于是决定换个思虑解决 以elment-ui的基础form+Descriptions 组件结合的方式、结合各自特点最小化封装、从脑暴到具象大约2天,就在刚刚初步解决、通过对源码分析、增加给form增加Descriptions 并支持插槽写法以及结构化写法,以此为指导 包含了
兼容两个组件各自特点、且属性用法都兼容、无需耗费时间再熟悉
优化了Descriptions 不需要title的场景、以及表单3、2、1列布局外围控制的特点
后续
针对antd Pro-Compoment的对比结合完成对特定Vue、elment-ui的高阶组件扩展 包含表单、列表、常规查询页、布局等 后续会持续记录应用改造过程