工具与技术的演进对工作效率的提高及影响,九

内容:

  • 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(一键切图标工具)。
  • 软技能
    • 沟通(不断学习中)。
    • 团队协作(不断学习中)。

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

JQuery是一种非常灵活的脚本库,JQuery库为Web脚本编程提供了通用的抽象层,它几乎适用于我们任何脚本编程,它让我们使用Javascript更加方便更加简介,大大的提高了我们的工作效率和减少了我们的编码量,它主要几个功能有以下几个。
    一、获取页面中任何元素。
    二、修改页面的外观,调整页面的样式。
    三、动态改变页面中的内容。
    四、动态绑定控件事件。
    五、为页面添加动画效果。
    六、Ajax无刷新技术。
    七、扩展插件开发。
  对于我个人而言,在众多的脚本库中,我还是比较偏向于JQuery的,因为它本身即摆脱的使用JavaScript的繁琐,又不像其他脚本库一样不易于扩展使用,就像我用过的ExtJs脚本框架,虽然很强大,但是使用起来比较费力而且不易于扩展,某些程度上阻扰了自我的发挥,我觉得JQuery的优势在于:
    一、利用了CSS的优势,便于我们进行选择。
    二、本身对多种浏览器兼容性进行处理,使用了跨浏览器的最佳方案。
    三、总是面向集合,不需要每个都去循环。
    四、支持扩展(我觉得这点最为重要)。
    五、将多重操作集为一行。
    六、完全免费,使用时只要导入一个20几KB的JS文件就可以使用,非常方便。

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

想学的

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

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

此文章纯属个人见解,望感兴趣的朋友参与讨论研究。未完待续。

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

一,日志

...

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

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

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

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

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

二,环境

图片 1

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

 

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

获取源码和教程地址

三,消息

 

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

四,缓存

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

五,基础工具

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

六,测试

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

七,调度

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

八,代码生成工具的落地

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

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

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

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

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

本文由星彩网app下载发布于计算机编程,转载请注明出处:工具与技术的演进对工作效率的提高及影响,九

TAG标签: 星彩网app下载
Ctrl+D 将本页面保存为书签,全面了解最新资讯,方便快捷。