2018-10-18工作日报

上午

1.JsBridge使用和原理

2.移动端前端开发调试
rem和media前者较方便

3.浅谈Hybrid技术的设计与实现

下午

4.牛邦的同事下午过来给我们进行了前端方面的培训,干货满满,认真听下来收获挺多的。CRH&NB前端分享
现总结为以下知识点:

(1)首先是我对于展示的codepen平台很感兴趣,进行了了解,Codepen官网,总之是一个可以在线编写,实时预览,并分享的前端人员代码交流网站。

(2)国内开发者基础: Vue ~= React > Angular

React

之前的协议问题导致不少开发者流出,大厂还是有大量优质组件是React开发的如 AntDesign

Vue

优秀的中文文档以及因有类似小程序这样的平台框架语法类似因此开发者数量较大,大厂也有Eleme跟AntV以及Vant等成熟开源组件库

Angular

有google背书 UI 有知名的
Material跟Ionic,其1.x的开发者还是不少,到2.x+后因不向下兼容强跟typescript结合开发流失了不少开发者。

(3) 框架附加组件量: Angular > Vue > React

  1. Angular

倾向企业级开发,方案都是集成度很高的,路由、Http、Form、Validator甚至打包(跟目前财人汇用到的F7有点类似)

  1. Vue

讨巧的只引入了一般项目必要的组件,路由、状态控制、通讯用的observe,很轻量级因此能保持一个较小的体积,且能保证这些核心组件的稳定跟质量,虽然最大的问题是
Vue实际的主导者只有作者本人。

  1. React

视开发者都是大神,提供了一个灵活的核心后其他的一切都随你去引入,这个导致的后果是很多初级开发者在react router这里就卡了壳
2.x、3.x、4.x、native、web ?想component根据路由按需加载?又得自己diy一个组件。一个完整的React核心的项目因引入了大量开源社区质量程度不一的组件后导致项目稳定性需要一个相对熟悉这些组件的人去把控,难度变得较高。

(4) NB目前所有的前端项目,排除服务端渲染的全部使用 Vue 为主力开发框架。理由:

  • 引入的学习成本相对较小(React需要了解一堆其他的开源库、Angular则需要先熟悉TypeScript以及他那500+的API)

  • 大量的成熟业务组件可复用(ElementUI,Vant…)

  • 样式的超集选择比较灵活(lang=*来决定)以及作用域相对可控(加不加属性scoped),React的CSSInJS以及CSSModule依然需要很高的学习跟维护成本。

  • DIY一个组件的难度相对简单,React还区别 stateless、purecomponent等各种不停形态的组件以提升性能。

  • 组件的写法方式较为统一,React因为是纯ESClass的方式,因此Webpack中Babel对应的ESstage决定了定义Class代码的样式
    总结待续,临时分配到开发财富商城PC端的任务。

5.先配置开发环境windows安装jekyll步骤及问题

猜你喜欢

转载自blog.csdn.net/qq_36620428/article/details/83149550