---
title: "跨端技术"
date: 2018-12-29
lastmod: 2020-01-05
weight: 9
type: 
icon: #
description: "跨端技术"
# search related keywords
---

- 跨端解决方案
  - 跨平台
    - Web
    - Electron
  - 移动端
    - Hybrid
    - ReactNative/Weex
    - Flutter
- 一码多端
  - 规范
    - W3C/WHATWG
    - 小程序
    - 其他（XML、Dart）
  - 框架
    - 增强型
    - 编译时
    - 运行时
- 跨端 API
  - 桥接与通信
    - JSBridge
  - 跨端 API 规范
  - 平台配套
    - BridgeSDK
    - 自动化测试
    - CanIUse
- 跨端搭建
  - 标准与规范
    - 物料规范
    - 搭建协议
  - 一码多搭
    - Web
    - 小程序
    - 原生 Native
  - 跨端调试
    - DevTools
    - 模拟器调试
    - 真机调试
  - 统一发布
- 跨端组件
  - 标准与规范
    - 脚手架
    - 文件结构
    - 属性与 API
    - 发布与引用
  - 视觉交互
    - 自适应
    - 平台特性
  - 跨端组件
    - 跨容器（H5/小程序）
    - 跨平台（PC/无线）
- 跨端性能
  - 性能优化最佳实践
    - CSR
    - NSR
    - SSR
    - 渲染容器优化
  - 性能指标
    - FCP
    - LCP
    - TTI
    - TBT
  - 性能采集
    - 性能埋点
    - SDK
    - 采样与分析
  - 性能大盘
    - OLAP
    - 数据可视化


## 相关学习资源

- [《跨终端 Web》](https://book.douban.com/subject/25909777/)
- [Spellbook of modern Web Dev](https://github.com/dexteryy/spellbook-of-modern-webdev)
- [ReactNative 官方文档](https://reactnative.dev/docs/getting-started)
- [支付宝小程序开发文档](https://opendocs.alipay.com/mini/developer)
- [前端代码是怎样智能生成的-表单表格专项识别篇](https://zhuanlan.zhihu.com/p/99703635)
- [AI 助力中后台场景下的设计稿转代码](https://zhuanlan.zhihu.com/p/100806362)
- [Tensorflow.js 海量图标，毫秒级识别！](https://zhuanlan.zhihu.com/p/128669062)