九彩拼盘的前端技巧,工具与本事的多变对工效的加强及影响

1、该框架主要用到的技术有MVC,EF,Layer,以及Razor语法和数据库有关的操作。

想学的

  • SVG : SVG 可以做很多酷炫的交互。用 SVG 做的一些效果比用图片或 Canvas之类的更有优势。
  • Cycle.js: 写法很优雅的函数式编程的数据流的库。学习用更优雅的方式来管理组件的状态和组件间的通信。

七,调度

 

  • HTML
    • 常见标签和属性
    • 文档类型声明
    • 转义字符
    • 网页访问无障碍(只是了解)
  • CSS
    • 常用选择器
    • 样式生效规则(浏览器的默认样式,选择器权重的计算,样式的继承综合作用的结果)。
    • 常用样式
    • 布局
      • 盒模型
      • 水平,垂直居中
      • 布局技术
        • 相对,绝对和固定定位
        • Float(不推荐。功能弱,还要去浮动)
        • inline-block(兼容旧些的浏览器用)
        • Flex (主流)
        • Grid(和Flex配合,面向未来)(只是了解)
      • 响应式
        • 媒体查询
        • rem 的使用(配合 JS 动态设置根节点的字体大小更灵活)。
    • 效果
      • 过渡和动画
      • 变形
      • 盒阴影,文字阴影
      • 渐变
      • 滤镜(只是了解)
    • 常见浏览器兼容性问题和解决
    • 提高代码质量&工作效率
      • CSS组织的方法:BEM 命名法,SMACSS 等
      • Sass,Compass(基于Sass的框架,很强大,但用的越来越少)。
      • PostCSS: 主要用 AutoPrefix。
  • JavaScript
    • 基础语法(变量,函数定义,流程等)
    • 数据类型
    • 变量的求值(作用域,变量定义提升,this,原型链等)
    • DOM
      • DOM 的增删改查
      • 事件
    • BOM (浏览器相关信息,浏览记录历史和一些全局API)
    • Ajax
    • 客户端存储:Cookie,Web Stroge(Local&Session),离线缓存。
    • 常见浏览器兼容性问题和解决
    • 提高代码质量&工作效率
      • 严格模式
      • 流程控制:Promise,async/await,Event Bus(事件的发布与订阅)。
      • 管理组件的状态和组件间的通信
        • 单向数据流:Vuex
      • ES6
      • 函数式编程(纯函数有很多优势,但完全函数式编程的可读性很烧脑)
      • 设计模式(了解部分)
    • 安全(只是了解) (加密摘要算法,XSS,CSRF)
  • 综合
    • 页面性能优化
      • 页面加载的优化
      • 代码执行速度的优化
    • 代码调试
      • 浏览器的调试工具
      • 移动端页面调试
        • 在微信中:微信开发者工具
        • Weinre
      • 调试线上页面
        • Fiddler
    • HTTP (缓存机制,请求头,相应头,浏览器同源策略等)
    • 如何命名
  • 框架
    • 主框架:jQuery, Backbone,Angular 1, Vue。 React(只是了解)。
    • UI 框架:Bootstrap 2,Bootstrap 3。
    • 加载器:Webapck, Requirejs, Seajs。
    • 工具库:UnderScore&Lodash,Moment.js
    • 前端工程化
      • 依赖管理:npm,Bower (不推荐)。
      • 工作流:Webpack, Gulp.js, Grunt(不推荐。Gulp 比 Grunt效率高)
      • 生成项目结构脚手架:yo
  • 软件
    • IDE:Sublime(Vim 模式,Emmet)。
    • 代码版本控制: Git, SVN。
    • 切图: Photoshop ,cutterman(一键切图标工具)。
  • 软技能
    • 沟通(不断学习中)。
    • 团队协作(不断学习中)。

三,消息

4.本框架在实际的工作中综合应用

框架将会沉淀选型出常用的开源工具互补的工作扩展类,通过框架培训,使得研发人员能够统一使用框架的工具进行细节工具的处理。    预估可以提高工作效率  1%

2、框架二次开发(增加,删除,修改,建库,以及维护查询等)

DAO层代码生成工作的落地,由于目前我们采用的是mybatis,与一般的DAO稍有区别,预估在10月底投入使用  代码生成工具。    预估可以提高工作效率  8% 。

3.框架公用库更新要求与规范

二,环境

5.为提高工作效率,怎么样结合本框架快速提高工作效率

初期将只落地  smileuia, mobileserver, uia-prototocol项目,落地时间点在10月中旬。       预估可以提高工作效率  5%。

内容:

log4j,slf4j的封装扩展,使得日志不再只是一个catalina.out,预估可提高工作效率  30%~40%,提高应急响应的反应速度

获取源码和教程地址

目前因为发布过程中,需要频繁的注释配置,打开配置,及其容易出错,那么解决方案如下:

图片 1

使得jellyfish基于spring封装的jdk的事件机制拥有事件的  发布者,订阅者的概念。使得异步简单化,某些情况下不需要个人再去建立线程池,单应用体系使用非常方便,代码也非常简化,多应用之间,稍复杂。 将公共的代码下沉,通过优化框架来提高整个校园云集群的性能。    预估可以提高工作效率  2%

 

框架将也会支持缓存,支持本地还是分布的缓存的动态参数适配,将会考虑选型接入ehcache, memcache, redis等缓存供  应用层使用。    预估可以提高工作效率  2%

九,CI持续集成的部分落地

具体要做的点,上个周已基本讨论成型:

一,日志

八,代码生成工具的落地

四,缓存

在linux服务器上,通过PE运维生成一个properties文件,然后采用jellyfish框架进行key-value的替换,那么dev,test,prod值是不一样的,在本地呢,只需要建一个,test.properties文件即可,发布的时候,则不需要管properties文件的配置,因为框架压根不会读取你的配置。这个可以减少不必要的重新发布,不必要的配置错乱,预估可以提高工作效率  5%

框架将会包含测试的基础类,使得研发人员写测试用例的时候,直接继承即可实现测试用例的书写。方便,快捷。        预估可以提高工作效率  1%

有好的建议,大家邮件或者当面沟通,我们一起使得工作更加得心应手。

后期技术演进对工作效率的提高及影响的方向:年底之前,我们将沉淀出自己的基于开源框架进行互补的自有框架:jellyfish。

(排查问题不用再去debug,改变现有日志只作为看RuntimeException的现壮,使得支持分析进行bizException的能力,这样以来,减少频繁的重新服务,重新发布,只要日志打的合适,可以一性次解决完bug,然后本轮测试完成之后,再进行布署,方便测试,方便研发,提高工作效率)

六,测试

整体1.0版完成以后,预估工作效率可以提高  50% ~ 60%。    1.0版暂只考虑这些内容。

框架将集成spring的quartz体系,统一使用  task  xml配置的方式,统一管控,打开或者关闭,避免嵌入式使得不懂该系统的研发人员关一个定时任务找不到地方,以及测试时产生脏数据。   预估可以提高工作效率  1%

五,基础工具

本文由澳门威斯尼人平台登录发布于计算机编程,转载请注明出处:九彩拼盘的前端技巧,工具与本事的多变对工效的加强及影响

相关阅读