移动端APP常见技术+React性能优化最佳实践+(组件+模块)+如何跟随社区成长+常见的设计模式

194 阅读1分钟

移动端APP常见技术

  1. 原生开发:
    Android:技术栈:java/kotlin
    ios:技术栈:object-c/swift
    优点:速度快,功能丰富
    缺点:两种设备互不兼容,用人成本增加
  2. H5技术:
    技术栈:webview(html+css+js/react/vue+mint-ui/jqueryMobile)
    优点:开发速度快
    缺点:运行速度慢,功能有限
  3. 混合开发:
    技术栈:H5+原生(angular+Ionic/Cordova)
    优点:开发速度快,功能丰富
    缺点:运行速度慢
  4. goole的flutter(技术栈:Dart)
  5. JS Bridge 技术栈:react/react-native

React性能优化最佳实践

说起react性能优化自然就会想到PureComponent,PureComponent自带sholuComponent浅比较,但是使得react性能最佳的方案是:immutable+PureComponent

什么是组件

组件时页面的一部分,本质是类,最终编译成构造函数

什么是模块

注意:模块和组件不是同一个东西,模块是webpack提出来的

你是如何跟随社区成长

我一般会比较关注外国的文档,这样会优先知道,等到翻译成中文的时候,已经是经历了比较长的时间了,怎么关注外国的文章呢?
可以使用vpn和推特订阅文章,twitter

常见的设计模式

说起设计模式,大致有23种,我说说比较适用在前端的设计模式吧

  1. 观察者模式(react中的store)
  2. 工厂模式
  3. 组合和继承(注意:组合由于继承)
  4. 单例(模块就是一个典型的单例)

less , sass, stylus 的区别

api层面的就不说了吧,less底层是js, sass底层是ruby,stylus暂时不感兴趣。