zhx喜籽
zhx喜籽

从0到1，移动端跨平台技术的演进之路

本篇来自vimerzhao的投稿，文章主要分析了多种移动端跨平台技术，相信会对大家有所帮助！

原文地址：
https://github.com/vimerzhao/vimerzhao.github.io/blob/master/android/2019-11-06-android-ui-development-evolution.adoc

/ 导读 /

最早的跨平台开发(摘自《Apache Cordova移动应用开发实战》王亚飞，王洪飞编著)


从0到1，移动端跨平台技术的演进之路_第1张图片

从广义上来说，跨平台技术早于移动端的出现。因此，本文标题前面也加上了一个定语：“移动端”。而由上图也可窥见一二：移动端跨平台技术几乎和移动端本身的历史一样长。跨平台技术之所以生命力如此强大，个人认为有以下几个原因：

**1. 开发效率 : **这也是跨平台技术出现的初衷，理想状态下，一次开发，多端运行，组件复用，提升效率。

对于管理者，跨平台可以降低用人成本，避免了同时养两个（Android/iOS）开发团队的现状
对于开发者，跨平台可以降低学习成本，只需要了解一套框架，就可以实现双端开发，提升了自我价值

**2. 业务价值 : **跨平台开发成本更低，适合产品的快速验证，待功能稳定后再进行性能体验上的优化

**3. 二级生态 : **举一个例子，JVM在操作系统上建立了自己的二级生态，所有的Java开发者只需要面向JVM编程和优化，可以忽视操作系统的存在。在原生、底层的平台上做一层封装，以很小的性能损失为代价，为开发者带来巨大的效率提升，这在软件工业是屡见不鲜的。二级生态有重要的战略意义，掌握了二级生态，就掌握了话语权和影响力。所以Facebook和Google都在发力。

**4. 平台能力 : **乘上第三点，跨平台还有一个好处就是拥有了自己的生态就可以开放自己的能力，制定游戏规则让其他开发者参与，典型有小程序（微信/QQ/支付宝）、快应用等

跨平台好处颇多，但挑战也不少，主要集中在以下四个方面：

1. 研发效率

工具支持程度：补全、提示、构建管理等
Debug是否方便，错误日志是否详细
文档完备、项目活跃
隐藏平台差异，如React Native需要大量桥接工作
开发语言生态，js生态庞大，开发者众，Dart则名不见经传
等等

2. 动态化

iOS禁止，但国内平台普遍需要

3. 多端一致性

Web方案无法还原体验

4. 性能

Web方案UI绘制效率低，网络流量消耗高
游戏引擎耗电严重，不能应用在普通应用开发中
SDK引入导致的安装包增量

/ 历史行程 /

在过去的十多年间，主流的(不考虑一些小众、没有取得成功的方案)移动端跨平台技术经历了三次变革：

Hybrid，代表有：Ionic/Cordova
OEM Wrapper，代表有：React Native/Weex
自渲染，代表有：Flutter

从时间上看，这三种方案不是孤立的，既有对前人不足之处的改进（如UI绘制策略），也有对优秀思想的继承（如React的思想）。如果站在更高的高度上，我们会看到这些方案并不是在移动端独立演进的。

在移动端普及之前，PC端已经积累了很多成熟的方案，对于移动端的探索起到了指导作用，仔细比较一下会发现每一种方案都能找到已有方案的影子，只不过结合了移动端的特点做了定制。无论哪种跨平台方案，都要回答两个问题：

UI如何绘制
逻辑（包括用户交互的逻辑和与宿主系统通讯的逻辑）如何响应

对于这两个问题，Hybrid给出的答案是webview+js，OEM Wrapper给出的是VirtualDOM转Native组件+js，自渲染（Flutter）给出的答案是Skia+Dart。下文开始详述。

Hybrid


从0到1，移动端跨平台技术的演进之路_第2张图片

架构图


从0到1，移动端跨平台技术的演进之路_第3张图片

Hybrid是客户端跨平台技术的第一个阶段，核心原理是

将原生的接口封装后暴露给 JavaScript，可以运行在系统自带的 WebView中或者其他内核中。这种方案在上文提到的评价体系里表现如下：

1. 开发效率

对前端开发者友好，背靠前端庞大的JavaScript生态
涉及到Native调用的部分不可避免要熟悉Android/iOS
能力受限于桥接层，扩展性弱
在移动端开发，调试和错误日志并不是很友好

2. 动态化

Web天生自带动态能力

3. 多端一致性

浏览器内核的渲染独立于系统组件，无法保证原生体验
涉及宿主的问题，需要开发者处理，做不到完全屏蔽

4. 性能

受限于网络环境，比Native更加消耗流量
受限于浏览器、系统平台特性
渲染性能 ，Webview性能差
特别指出:对于列表的支持差，移动端几乎全是列表（feed流）

评价：Hybrid是矛盾的结合体，HTML/CSS 过于复杂导致性能问题，但其实这正是 Web 最大的优势所在，因为 Web 最初的目的就是显示文档，如果你想显示丰富的图文排版，虽然 iOS/Android 都有富文本组件，但比起 CSS 差太远了，所以在很多 Native 应用中是不可避免要嵌 Web 的（比如很多运营活动的页面，存在周期短，开发时间短，样式丰富繁多，适合H5开发）。

既然Web强大的的绘制能力限制了其在移动端的性能，那么能不能对此进行优化? 这是一个很重要的问题，很多看起来无关的方案都是基于这种思想发源来的：

React Native使用系统组件封装，可以认为是把原来的浏览器内核换成了一个简化版的内核：一个不能做物理渲染，只能转换成有限原生组件的内核。

Flutter的 Engine 模块也可以认为是一个浏览器内核的角色！事实上Flutter的前身Sky就是打算基于一个精简的Chromium内核来实现跨平台。

OEM Wrapper

架构图


从0到1，移动端跨平台技术的演进之路_第4张图片

React Native架构图


从0到1，移动端跨平台技术的演进之路_第5张图片

大概到了2015年，经历了各种Hybrid方案割据混战长达数年后，Facebook推出了React Native，这种方案迎合了大前端的趋势，一经推出就备受关注。核心改变是抛弃了低效的浏览器内核渲染，转而使用自己的DSL生成中间格式，进而映射到对应的平台。

其实这个方案其实也算不上什么创举，在PC时代，The Standard Widget Toolkit（https://www.eclipse.org/swt/）采用的就是这种方案（当然要做到React Native这种水平，非Facebook级别的公司不能为也）：

从0到1，移动端跨平台技术的演进之路_第6张图片

React Native 在评价体系表现如下：

1. 开发效率

在Web基础上引进了React等能力，符合前端大趋势
版本变动频繁，需要开发者自己优化，工作量大
与Native交互需要开发者自己支持，维护成本高
文档不完善、调试信息、错误日志提示不够友好

2. 动态化

可以支持

3. 多端一致性

渲染成各自平台的组件，可以保证Native的体验
由于渲染依赖原生控件，不同平台的控件需要单独维护，并且当系统更新时，社区控件可能会滞后
其控件系统也会受到原生UI系统限制，例如，在Android中，手势冲突消歧规则是固定的，这在使用不同人写的控件嵌套时，手势冲突问题将会变得非常棘手

4. 性能

稍差于Native，但远好于Hybrid
渲染时需要JavaScript和原生之间通信，在有些场景如拖动可能会因为通信频繁导致卡顿
JavaScript为脚本语言，执行时需要JIT，执行效率和AOT代码仍有差距。

评价：使用类前端的语法，但又不在浏览器内核直接绘制，而是转成Native控件，交由系统绘制。这样既保留了前端这套开发体系，又最大限度保证了渲染的性能。咋一看，React Native解决了 Hybrid 技术的痛点：渲染性能，又充分发挥了Hybrid 的优势：前端技术栈。

但就在2018年，Airbnb和Udacity相继宣布弃用React Native,Facebook也宣布要大规模重构React Native,导致其前景堪忧，比起React Native的美好愿景，其在开发过程中需要踩的坑更多，长期的维护成本也很高，反而降低了开发效率，此外，库的增量也不容忽视。

自渲染

架构图

从0到1，移动端跨平台技术的演进之路_第7张图片

Flutter 在评价体系表现如下：

1. 开发效率

开发工具完备，提供了VS Code（最流行的编辑器），Intellij IDEA 插件
Google背书，文档完备，社区较完备
Dart语言本身有上手成本，没有前端的生态，但Dart语言本身是及其优秀的

2. 动态化

动态性不足，为了保证UI绘制性能，自绘UI系统一般都会采用AOT模式编译其发布包
可能涉及安全政策，Flutter Release目前不支持
国内开发者正在做积极探索

3. 多端一致性

自绘制UI，提供了Material Design和Cupertino两种风格的Widget

4. 性能

性能和Native绘制一样

评价：Flutter站在前人的肩膀上，取长（React的状态管理、Web的自绘制UI、React Native的HotReload等）补短（与Native通信的Channel机制、自渲染、完备的开发工具链），并且有Google作为作为支撑，在跨平台领域后发制人，是目前最被看好的方案。

关于Dart，在开发者踩了十几年坑之后，Google和Microsoft两大巨头似乎看清了需要一种新的、更现代、更适合UI开发的编程语言来重新建立秩序。


从0到1，移动端跨平台技术的演进之路_第8张图片

谷歌要推Dart，微软要推Rust，这两门语言的年龄比很多开发者的从业年龄都要小，大概是要以牺牲一代开发者为代价换取一个没有历史包袱（做梦）的新生态吧（手动狗头）。

/ Flutter初探 /

Flutter技术架构


从0到1，移动端跨平台技术的演进之路_第9张图片

在Framework层，有以下内容

Foundation 底层库
负责UI绘制和交互处理的 Animation 、 Paint 等模块
基于上面的接口实现的基础组件 Widgets
基于组件实现的 Material 风格组件（Google推荐）和 Cupertino 风格组件（iOS风格）

在Engine层，有以下内容

Skia 图形处理库
Dart 运行时
Text 文字排版引擎

这张图和Android自身的架构很像


从0到1，移动端跨平台技术的演进之路_第10张图片

这种设计符合Unix哲学的 正交性 原则（计算机网络中的OSI模型也是），可以很好地屏蔽每一个层的细节，接下来我们基于这个架构图讨论几个问题

Flutter如何绘制UI
为什么选择Dart
如何和Native交互
HotReload与动态化

GUI Framework

在开始下文之前，需要介绍一下现代GUI框架的模型，无论是Web、PC、移动端、游戏开发，都是基于这种框架工作


从0到1，移动端跨平台技术的演进之路_第11张图片

Widgets（控件，也叫 View Tree），它是用于描述用户界面原始数据的树状结构。通常这一层根本不关心绘制，它只关心用户对数据的操作。

Render Tree，它是一种更为抽象的树状数据结构，一般来说它是和上一步的 View Tree结构相同，并且它不关心原始数据，只关心控件的布局和大小。通过这一步计算出控件布局后才能真正地确定控件的外观。

Layer Tree 跟 Render Tree是相对应的，这一步会主动触发 Render Tree中每个元素的外观渲染，在已知控件大小和位置的情况下决定每个控件的真正外观。但 Layer Tree的树状结构不是和 Render Tree一一对应的，Layer Tree有可能因为 Layer合并优化导致一层的 Render Tree叶子节点最终只对应一个 Layer。

在已经决定好控件的大小位置以及长相后，剩下的工作就需要把这些东西组合起来显示到屏幕上。这一步原理比较简单，就是将前一步的 Layer合并成一张 Bitmap，这是一种最简单的图像存储形式。将 Bitmap光栅化后便可以提交给 GPU渲染。

比如Android开发都很熟悉的 measure layout draw 就和前三层吻合，有了原始数据还不够，屏幕只关心每个像素点的值，所以最后要进行一次光栅化，历史已经证明这种模型是目前来说相对高效的GUI方案。

Flutter如何绘制UI

有了以上背景，我们来看Flutter的UI绘制过程。

Flutter绘制流程1


从0到1，移动端跨平台技术的演进之路_第12张图片

Flutter绘制流程2


从0到1，移动端跨平台技术的演进之路_第13张图片

GPU发出 Vsync 信号，Dart捕获后就开始一帧的绘制。

Throttle: 用来做节流，防止短时间内重复调用，提高性能。

Compositor: 这一步进行 Layer合成，决定某一块具体显示哪一个 Layer的数据，可以额外的计算开支。

GL or Vulkan: 这一阶段过后得到的将是一份矢量图数据，在进行光栅化后提交给 GPU执行渲染即可。

为什么选择Dart

官方解释：

Developer productivity
JIT + AOT
Dart开发团队对于Flutter支持粒度很大
Object-orientation
Predictable, high performance
Fast allocation.

其他声音：

Dart 的性能更好，对高帧率下的视图数据计算很有帮助。
多生代无锁垃圾回收器，专门为UI框架中常见的大量Widgets对象创建和销毁优化
Native Binding，在 Android上，v8的 Native Binding可以很好地实现，但是 iOS上的 JavaScriptCore不可以，所以如果使用 JavaScript，Flutter 基础框架的代码模式就很难统一了。而 Dart的 Native Binding可以很好地通过 Dart Lib实现。
Fuchsia OS（谷歌的野心：5G + IOT）　
Dart是类型安全的语言，拥有完善的包管理和诸多特性。

关于IOT，国内已经有开发者尝试在树莓派上使用Flutter了。

总的来说，想要挑战JavaScript的地位还是很难的，JavaScript虽然有很多缺陷，但庞大的生态已经为自己建立了稳固的堡垒。

有一个关于Lisp的笑话，我觉得也可以改个Dart版本的：某小偷偷了美国国防部机密软件的源码的最后几页打算拿回去好好研究，但等他真的打开时发现是这样


从0到1，移动端跨平台技术的演进之路_第14张图片

如何和Native交互

Flutter Platform Channel Demo

通过 Platform Channel机制进行通信，常用的 Platform Channel主要有三种

BasicMessageChannel：传递字符串和半结构化数据
MethodChannel：方法调用
EventChannel：数据流的通信

每种Channel具有三个重要的成员变量：

name: String类型，代表Channel的名字，也是其唯一标识符。
messager：BinaryMessenger类型，代表消息信使，是消息的发送与接收的工具。
codec: MessageCodec类型或MethodCodec类型，代表消息的编解码器。

对常见的Channel进一步封装成Plugin


从0到1，移动端跨平台技术的演进之路_第15张图片

HotReload与动态化

Flutter Hot Demo

Flutter的HotReload确实让人耳目一新，但这东西可能只是对于客户端开发比较稀奇，从Instant Run到freeline，开发者一直希望能提高项目构建速度，更快地看到代码改动的结果，从原理上来说，只要这门语言及其所在平台支持解释执行（or JIT）和增量编译就可以做到很好的HotReload效果，flutter的这一个特性算是填上了之前Android开发的一个坑，创举肯定是算不上的。

至于动态化，可以算是国内开发者的刚需了，Flutter之前移除了对动态化的支持，可能是担心iOS的政策原因，目前不少开发者也对Flutter展开了研究，后面应该有一批魔改方案。

Flutter的HotReload过程：

首先会扫描代码，找到上次编译之后有变化的Dart代码；
将这些变化的Dart代码转化为增量的Dart Kernel文件；
将增量的Dart Kernel文件发送到正在移动设备上运行的Dart VM；
触发widgets树的重新建立、重新布局、重新绘制

不能使用的场景（所以对这个功能不能过于乐观，业务复杂之后能用的场景就不会太多）：

代码出现编译错误的不能使用 Hot Reload
Widget的状态更改不能使用 Hot Reload
在 Flutter 中，全局变量和静态字段被视为状态，因此在 Hot Reload 期间不会重新初始化。
修改通用类型声明时

/ 评价 /

从Hybrid到Flutter，突破性的创新是不会有的，每一个特性、功能都是扎扎实实演进过来的，这也是标题的本意，Flutter能否成为大前端的答案尚未可知，谷歌布的局又有多大也不清楚，核心还是要把握住发展脉络，对新事物保持警惕和清醒。浪潮退去才知道谁在裸泳，有一天Flutter的替代者来了，才知道谁是API boy（哭泣脸）。

/ 分享 /

附赠15G的Android架构进阶、视频资料及安卓程序员简历模板 下载地址：https://shimo.im/docs/PXhwVR6YY9tjwcrY

从0到1，移动端跨平台技术的演进之路_第16张图片

从0到1，移动端跨平台技术的演进之路_第17张图片

你可能感兴趣的:(从0到1，移动端跨平台技术的演进之路)

  • 【日精进打卡第1121天】 于绫
    工作了两个星期，买了泡芙奖励自己姓名：曾于绫|ElingChung【知～学习】✿努力、谦虚、感谢、反省、利他、乐观✿用六项精进表达我们的生活方式∣经典诵读∣⓵《六项精进》大纲1遍，共2666遍⓶《六项精进》通篇0遍，共41遍⓷《大学》1遍，共2666遍【经典名句分享】⓵耳不闻人之非，目不视人之短【阅读】-【行~做到】∣修身∣⓵诵读《六项精进》和《大学》⓶九点前吃早餐，一盒牛奶、两片面包夹鸡蛋⓷不吃
  • 约杯MeetCup告诉你怎么开一家吸引人的甜品店 展翅的鲲鹏
    经过了饮品产品的层层迭代，消费者已经“习惯”了手里时刻拿着一杯东西，那到底怎样的产品才能够吸引新一代的消费者，得到消费者的宠幸呢。如今街上有无数的餐饮品牌，投资者想要选择合适的品牌进行创业，可谓难上加难，选择多了，看不见的“危险”自然也多了，但是其中的约杯（MeetCup）却能够为消费者制造惊喜，想知道原因的话就请让小编为你介绍一下。一、品牌运营经验丰富约杯（MeetCup）是继卡乐巴巴之后的又一
  • 淘宝返利软件哪个佣金高，盘点2024年返利最高的5个app 小小编007
    在如今电商繁荣的时代，购物已经成为我们日常生活的一部分。而对于很多精打细算的消费者来说，如何省钱购物成为了一个值得关注的问题。淘宝返利软件因此应运而生，它们能够为消费者提供购物返利的优惠，让购物变得更加划算。然而，面对市面上众多的淘宝返利软件，消费者该如何选择佣金最高的那一个呢？接下来，我们将盘点2024年返利最高的5个app，帮助大家轻松找到最适合自己的返利软件。第一名：果冻宝盒果冻宝盒是一个综
  • 【跟故事学管理】074--白龙马取经：看不到目标比死还可怕 北京黄杰
    【课程编号】：GS074【核心理论】：看不到目标比死还可怕【故事寓言】：白龙马随唐僧取经归来，名动天下，被誉为"天下第一名马"，众驴马羡慕不已。于是很多的想要成功的驴马都来找白龙马，询问为什么自己这样努力却一无所获？白龙马说：其实我去取经的时候大家也没有闲着，甚至比我还要忙还要累。我走一步，你们也走一步，只不过我的目标明确，十万八千里走个来回，而你们还是在磨坊原地踏步而已。【管理解析】：通常，我们
  • 《学习共同体走向深度学习》促进学生深度学习的课堂变革方案11--18 吉林付巍巍
    深度学习是一种高度沉浸，不断持续深化、不断拓展延伸的学习方式。1.课堂愿景的确立：保证每一位学生都能投入高品质的深度学习让每一个学生都拥有真实的、高品质的学习权利。课堂是学生学习和发展的重要场地，我们要为学生提供安心和适宜的学习环境，并通过高品质的学习设计及协同合作的学习关系的建立，从根本上提升学生的学习品质。高品质的学习设计，我们可以通过课前的预习单指导学生高效的预习。在课堂上给多数孩子提供思考
  • 莱特湾大海战 曹元_
    痛歼日本海军的莱特湾大海战1944年10月，在太平洋战争的后期，美、日海军在菲律宾莱特湾附近海域，进行了一场规模空前的大海战，它被史学家称为世界战争史上规模最大的海战。1944年夏，美军占领马里亚纳和新几内亚群岛后，决定首先夺取莱特岛，尔后占领整个菲律宾，以切断日本本土与荷属东印度(今印度尼西亚)及缅甸的海上交通，建立进军日本本土的海空基地。日军大本营为固守这一战略基地，决定实施“捷1号”作战，与
  • 你所有的福德，都藏在你的脾气里！ 三十七度光
    图片发自App杜月笙不是读书出身，但有一种温文儒雅、老老实实的神态，看起来弱不禁风，却有包容三教九流的本事。他认为：第一等人，有本事，没脾气；第二等人，有本事，有脾气；末等人，没有本事，脾气比谁都大。每个人都有自己的脾气秉性，有的人生性平和，有的人直率豪放，也有的人刚正不阿。但不管如何，都要学会把握和控制，千万别让你的脾气害了你，那样真的得不偿失，因为你所有的福气，都藏在脾气里。-01-良好脾气里
  • 行程码带星了，虚惊一场 一帆风正
    早上做完核酸，去菜市场买菜回到家，突然发现自己的行程码带*号了，吓了一跳。细细地回忆了一番，自己都很谨慎，哪里都没去，难道系统有误？家里人做完核酸回来，听到我的行程码有异，也打开自己的看看，结果也是带*号，很纳闷的。试着问邻居，邻居也说带星号了。大家都觉得不可思议的。后来终于有人在网上解释了。说是今天开始，全广州的人的行程码都带*号，满城都是小星星了。记得去年年底有人说，如果行程卡带星号，说明去过
  • EhViewer：轻量级且高性能的漫画探索神器 芮奕滢Kirby
    EhViewer：轻量级且高性能的漫画探索神器EhviewerEhviewer-Overhauled/Ehviewer:EhviewerOverhauled是一个开源的安卓应用，主要用于浏览和下载e-hentai.org和exhentai.org网站上的内容。该项目是对原版EhViewer应用的改进版本。项目地址:https://gitcode.com/gh_mirrors/ehv/Ehviewe
  • 若能一笑而过，且能安然自若 上古医堂
    难过的时候，就把自己当成另一个人，当初怎么安慰别人，现在就怎么安慰自己。为什么让每个人观众都能发笑的小丑，却无法让自己开心；为什么心理医生也需要自我疏导。因为他们都把自己放进了自己里。有句话说“当局者迷，旁观者清”，也是同样的道理，当一个人陷在情绪里或事情里时，已经无法用理智去思考了。所以也有人说安慰别人的人都是“站着说话不腰疼”，可是如果没有这些旁观者，或者能跳出来看看的人，那个人就要一直沉浸在
  • 推荐开源项目：Compose PhotoApp - 创新的Jetpack Compose示例应用 伍辰惟
    推荐开源项目：ComposePhotoApp-创新的JetpackCompose示例应用compose-photoappAsimpledemoprojecttoshowcasethepossibilitiesofJetpackCompose项目地址:https://gitcode.com/gh_mirrors/co/compose-photoapp1、项目介绍ComposePhotoApp是一个精
  • 香水品牌排行榜前十女士，公认最好闻的女士香水 高省张导师
    香水品牌排行榜前十名：1、香奈儿，2、迪奥，3、兰蔻，4、娇兰，5、博柏利，6、古驰，7、爱马仕，8、宝格丽，9、祖玛珑，10、CalvinKlein。香水是将香料溶解于乙醇中的制品，有时根据需要加入微量色素、抗氧化剂、等添加剂。具有芬芳浓郁的香气，主要作用是喷洒于衣襟、手帕及发际等部位，散发怡人香气，是重要的化妆品之一。买香水上高省，领取品牌隐藏优惠券更便宜！大家好，我是高省APP最大团队，【高
  • 开文旅推介会，有哪些媒体邀约宣传资源？ 51媒体 媒体
    传媒如春雨，润物细无声，大家好，我是51媒体网胡老师。文旅产业是每个地方都在大力推荐的资源，因此文旅推介会都会收到媒体的关注，也是大众非常喜欢的新闻内容，因此在开文旅推介会的时候，一定要做好媒体传播的方案。那么今天胡老师就跟大家分享下开文旅推介会，可以邀请那么媒体进行宣传推广？1，电视台：总台，卫视，地方台，都非常喜欢文旅方面的选题，并且电视台受众最广，报道最及时，在我们开文旅推介会时候，一定要邀
  • 媒体公关和公关公司有什么区别？ 51媒体 媒体
    传媒如春雨，润物细无声，大家好，我是51媒体网胡老师。我经常给客户介绍51媒体网是一家专业的媒体公关服务公司，专业的媒体执行机构，有的小伙伴就问了，媒体公关和公关公司有啥区别了，今天我们就来探讨下。媒体公关和公关公司是传播领域的重要组成部分，它们在定义、服务范围、业务专注度以及客户关系等方面存在区别。以下是具体分析：一、定义：媒体公关：是指企业、单位、机构、组织通过媒体渠道向公众传递信息，以达到宣
  • 探索Pancake Contracts: 建构DeFi世界的美味煎饼 周澄诗Flourishing
    探索PancakeContracts:建构DeFi世界的美味煎饼在加密货币的广阔宇宙中，去中心化金融（DeFi）领域正以惊人的速度成长，而PancakeContracts就是这一领域的闪耀明星之一。本项目如同一个丰富多样的煎饼堆叠，不仅满足了智能合约开发者对于创新和实用性的渴望，也为普通用户打开了通向DeFi世界的大门。项目介绍PancakeContracts是构建PancakeSwap生态系统的
  • freertos的动态内存分配之heap_1.c解析 jarvif
    一、freertos的动态内存分配原理首先，freertos的动态内存分配是一种“假”动态内存分配策略。所谓“假”，是指实质并不是做到真正意义上的动态分配，而是事先分配了一个足够大的静态数组，然后freertos的内存管理策略会对这一块大的静态数组进行内存管理。所以，freertos中用到的它自身的动态内存分配时候，都只是使用的这一个静态数组，即这一段内存保存数据。二、分析环境为了方便，笔者都是使
  • 送外卖选择哪个平台比较赚钱？美团赚钱还是饿了么赚钱 高省张导师
    美团和饿了么骑手哪个挣钱，在当下的外卖平台中，饿了么和美团是平分天下，其他外卖软件几乎是推广不出去，所以就只有这两款可以选择，那么这两款软件哪款的骑手待遇好，挣钱多，下面一起来看看吧。在分享之前给大家推荐一个互联网最新导购平台（高省）买东西先上高省领取隐藏优惠券，还有高额返利，让你更优惠！大家好，我是高省APP最大团队，【高省】是一个可省钱佣金高，能赚钱有收益的平台，百度有几百万篇报道，也期待你的
  • 爱因斯坦留给我们的启示 闫文艳
    纵观人类科学发展史，众多的科学家如同天空中璀璨的繁星放射着醉人的光辉，爱因斯坦则是现代物理学中光芒最耀眼的那一颗星。爱因斯坦之所以有如此众多的伟大成就，原因何在？通过这些成就，又能感受到其哪些科学品质呢？这些对我们中学教学有何指导作用？1．想象比知识更重要：想象可以包容世界当爱因斯坦四五岁的时候，父亲送给他一个罗盘玩具，他惊奇地发现由于各种看不见的神奇的力量，无论怎么转动，罗盘的红色指针总是指着固
  • 64每日一文，早起 一切往前看
    不沉淀于过去，不空谈未来，把握现在，鼓起勇气，主宰未来的只能是你自己。听了美赞商学院陈赫老师满满正能量的晨读后，突然想起开头的那段话。如何把握现在，鼓起勇气主宰自己的未来呢？我想早起就是一个极好的开端。有一个观点说的好：人的改变是来自于工作8小时之外的业余时间。也听了很多成功人士他们背后的故事，几乎都有一个共同的特点，那就是早起，有的甚至4:00就起床。这样的话仅仅每天早上，她就比其他人多出三四个
  • Python青少年简明教程：模块 学习&实践爱好者 青少年编程入门系列Python学习python开发语言
    Python青少年简明教程：模块Python模块是一种组织代码的方式，用于将相关的函数、类和变量分组在一起，从而提高代码的可重用性和可维护性。一个模块通常是一个包含Python代码的文件，文件名以.py作为扩展名。使用模块，可以在不同的Python脚本之间共享代码，而不需要重复编写相同的代码。概述Python模块可以分为以下几类：内置模块Python标准库中自带的模块，如math、os、sys、t
  • Python青少年简明教程：文件处理 学习&实践爱好者 青少年编程入门系列Python学习python开发语言
    Python青少年简明教程：文件处理计算机科学中的文件是指存储在计算机存储设备上的数据集合。这些数据可以是程序代码、文本、图像、音频、视频等各种形式的信息。在计算机科学中，文件通常被分为两类：文本文件和二进制文件。每个文件都有一个唯一的文件名，用于标识该文件。文件名通常由两个部分组成：名字和扩展名（例如，document.txt中，document是名字，.txt是扩展名）。文件路径（FilePa
  • 【文化+科技，融合示范】探索数字媒体产业园区如何重塑行业格局，打造全球领先的数字内容生态圈 cdsmjt 人工智能大数据物联网科技生活
    数字媒体产业园区作为数字经济的重要组成部分，正以其独特的魅力和创新力重塑行业格局，努力打造全球领先的数字内容生态圈。这一过程中，树莓集团正通过集聚优质资源、搭建创新平台、推动产业升级，为数字内容产业的发展提供了强有力的支撑，使成都国际数字影像产业园现已成为四川省省级的文化加科技融合示范园。为什么数字媒体产业园可以成为数字内容产业的重要载体？原因在于随着全球化的深入发展，数字媒体产业园区可以通过集聚
  • 青黄不接 巫巷
    图片发自App图片中的人是我的奶奶，她回头看我怎么还没有跟上来。连绵的阴雨天一发不可收拾，温度照例冷得出奇。奶奶说要去地里弄些青菜，外头还下着雨，她在水井旁洗着刚刚早饭时的碗。我在屋内烤火，堂弟堂哥都没起床，爷爷捂着小火炉一刻也离不开。奶奶并不打算撑伞。门外的风悄悄地灌进来，不自主地缩了缩脖子。我和她说，我也想去地里看看。她的衣服是羊羔绒的，特别吸水。带上手机，顺手便捞了墙边的雨伞，不管怎样，多少
  • 摘自《世法哲言》（七十） 三人行DM
    凡成器者必先尝其酸甜苦辣之味，而后成德，弗体于劣，何识美滋味乎，何以故也，于糖水而生者至贵也，由是故弗识于艰而成之雄，立于飘然不知所为，何德之具，无德则人皆远之无助，单狮之立器弗可成也。凡是世间上成器的人，都必须自然尝够人生酸甜苦辣麻的滋味，也就是说要经过种种艰难困难的磨炼，最后才能成功，成为有道德、有学识的善知识，而为人们所敬重。如果不体验于一切辛酸苦辣甜咸麻，不尝于种种诸苦的劣味，他就根本不知
  • （4/100）无戒学堂100天王牌小说课:如何区分故事和小说? 紫云婵
    我们每一个人都有故事，每一个人的人生都是一部小说，我们每一个人都有可能成为作家。书写我们自己的，周围的人的故事，那么我们在把这些故事加上各种情景和细节的描写，我们的故事就变成了小说。写小说就这么简单，你也可以的。故事和小说有什么区别哪?01材料从材料来看，故事必须要有核心情节和精彩的细节，这些称之为故事核。故事核就是相声的包袱一样，一切都要围绕包袱核来展开的。02表现方式从表现方式上来看，故事用的
  • 我想在天津发展，父母非让我回老家三四线城市 5d7df25703fc
    2020年四月份，大学没毕业就在天津找了个房产销售的工作。刚来的时候，还没正式开始上班，除了行李箱里的衣服和电脑，什么都没有，学校宿舍又进不去，东西也拿不了，不过我爸给了我一千块生活费。接着租房子，房租一个月一千（同小区基本一个月一千四左右），押一付三，需要四千块，我找爸妈要钱付房租，我爸说：“你一开口就几千几千的要，我又不是开银行的，你工作还不知道怎么样呢，到时候不知道能待几天呢，你跟房东说说，
  • 人机交互与现代战争 人机与认知实验室 人机交互
    人机交互技术在现代战争中的应用越来越广泛，它可以帮助士兵更好地完成任务，提高作战效能，减少人员伤亡。人机交互与认知在军事应用方面的进展有很多，比如：（1）虚拟现实和增强现实技术：这些技术可以为士兵提供沉浸式的训练环境，模拟各种战斗场景和任务，帮助他们提高技能和决策能力。（2）语音识别和自然语言处理：通过语音识别和自然语言处理技术，士兵可以通过语音指令与武器系统、通信设备等进行交互，提高操作效率和减
  • 2022-01-11 躺平日记：95.计划落空 春迟馆
    今天的计划都落空了。早晨睡到九点多才醒，翻阅各路信息。把昨天画完的画呈览师父批改，收到指导意见若干，总的说来，这次的作品是失败的。米兄说得对，不用着急自己瞎凑，研究一下再说。感觉自己就像个破筛子，到处是漏洞。下午小区通知明早六点封小区。做二轮筛查。赶紧蹿出去补充蔬菜，到超市一看，心倒放下了，各种蔬菜水果有的是。本来嘛，又不是闹饥荒，只要能出门，什么都能买到。回家不久，又通知不是二轮，只是补漏。东西
  • 深入理解微服务架构：演变、优势、挑战与核心技术20240905 Narutolxy 技术干货分享Go学习空间微服务架构云原生
    深入理解微服务架构：演变、优势、挑战与核心技术引言随着互联网应用的不断发展，传统的单体架构逐渐难以满足现代应用的需求。为了应对复杂多变的业务需求，微服务架构逐渐成为主流。本文将带您深入了解单体架构、SOA架构到微服务架构的演变过程，并探讨微服务架构的核心优势、挑战及其关键技术组件，如服务发现、链路跟踪、熔断、容器化、编排、服务网格等。1.从单体架构到微服务架构的演变1.1单体架构（Monolith
  • Vue66 多组件共享 在下，杨江河 Vuevue.jsjavascript前端
    代码Count.vue当前求和为：{{sum}}当前求和放大10倍为：{{bigSum}}我在{{school}}，学习{{subject}}Person组件的总人数是：{{personList.length}}123+-当前求和为奇数再加等一等再加import{mapState,mapGetters,mapMutations,mapActions}from'vuex'exportdefault{
  • 多线程编程之卫生间 周凡杨 java并发卫生间线程厕所
    如大家所知，火车上车厢的卫生间很小，每次只能容纳一个人，一个车厢只有一个卫生间，这个卫生间会被多个人同时使用，在实际使用时，当一个人进入卫生间时则会把卫生间锁上，等出来时打开门，下一个人进去把门锁上，如果有一个人在卫生间内部则别人的人发现门是锁的则只能在外面等待。问题分析：首先问题中有两个实体，一个是人，一个是厕所，所以设计程序时就可以设计两个类。人是多数的，厕所只有一个（暂且模拟的是一个车厢）。
  • How to Install GUI to Centos Minimal sunjing linuxInstallDesktopGUI
    http://www.namhuy.net/475/how-to-install-gui-to-centos-minimal.html   I have centos 6.3 minimal running as web server. I’m looking to install gui to my server to vnc to my server. You can insta
  • Shell 函数 daizj shell函数
    Shell 函数 linux shell 可以用户定义函数，然后在shell脚本中可以随便调用。 shell中函数的定义格式如下： [function] funname [()]{ action; [return int;] } 说明： 1、可以带function fun() 定义，也可以直接fun() 定义,不带任何参数。 2、参数返回
  • Linux服务器新手操作之一 周凡杨 Linux 简单 操作
    1.whoami      当一个用户登录Linux系统之后，也许他想知道自己是发哪个用户登录的。      此时可以使用whoami命令。      [ecuser@HA5-DZ05 ~]$ whoami       e
  • 浅谈Socket通信（一） 朱辉辉33 socket
    在java中ServerSocket用于服务器端，用来监听端口。通过服务器监听，客户端发送请求，双方建立链接后才能通信。当服务器和客户端建立链接后，两边都会产生一个Socket实例，我们可以通过操作Socket来建立通信。    首先我建立一个ServerSocket对象。当然要导入java.net.ServerSocket包    ServerSock
  • 关于框架的简单认识 西蜀石兰 框架
    入职两个月多，依然是一个不会写代码的小白，每天的工作就是看代码，写wiki。 前端接触CSS、HTML、JS等语言，一直在用的CS模型，自然免不了数据库的链接及使用，真心涉及框架，项目中用到的BootStrap算一个吧，哦，JQuery只能算半个框架吧，我更觉得它是另外一种语言。 后台一直是纯Java代码，涉及的框架是Quzrtz和log4j。 都说学前端的要知道三大框架，目前node.
  • You have an error in your SQL syntax; check the manual that corresponds to your 林鹤霄
    You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'option,changed_ids  ) values('0ac91f167f754c8cbac00e9e3dc372
  • MySQL5.6的my.ini配置 aigo mysql
    注意：以下配置的服务器硬件是：8核16G内存    [client]   port=3306   [mysql]   default-character-set=utf8     [mysqld]   port=3306   basedir=D:/mysql-5.6.21-win
  • mysql 全文模糊查找 便捷解决方案 alxw4616 mysql
    mysql 全文模糊查找 便捷解决方案 2013/6/14 by 半仙 [email protected] 目的: 项目需求实现模糊查找. 原则: 查询不能超过 1秒. 问题: 目标表中有超过1千万条记录. 使用like '%str%' 进行模糊查询无法达到性能需求. 解决方案: 使用mysql全文索引. 1.全文索引 : MySQL支持全文索引和搜索功能。MySQL中的全文索
  • 自定义数据结构 链表(单项 ,双向,环形) 百合不是茶 单项链表双向链表
         链表与动态数组的实现方式差不多,    数组适合快速删除某个元素    链表则可以快速的保存数组并且可以是不连续的       单项链表;数据从第一个指向最后一个   实现代码:        //定义动态链表 clas
  • threadLocal实例 bijian1013 javathreadjava多线程threadLocal
    实例1： package com.bijian.thread; public class MyThread extends Thread { private static ThreadLocal tl = new ThreadLocal() { protected synchronized Object initialValue() { return new Inte
  • activemq安全设置—设置admin的用户名和密码 bijian1013 javaactivemq
            ActiveMQ使用的是jetty服务器, 打开conf/jetty.xml文件，找到 <bean id="adminSecurityConstraint" class="org.eclipse.jetty.util.security.Constraint"> <p
  • 【Java范型一】Java范型详解之范型集合和自定义范型类 bit1129 java
    本文详细介绍Java的范型，写一篇关于范型的博客原因有两个，前几天要写个范型方法(返回值根据传入的类型而定)，竟然想了半天，最后还是从网上找了个范型方法的写法；再者，前一段时间在看Gson, Gson这个JSON包的精华就在于对范型的优雅简单的处理，看它的源代码就比较迷糊，只其然不知其所以然。所以，还是花点时间系统的整理总结下范型吧。   范型内容 范型集合类 范型类
  • 【HBase十二】HFile存储的是一个列族的数据 bit1129 hbase
    在HBase中，每个HFile存储的是一个表中一个列族的数据，也就是说，当一个表中有多个列簇时，针对每个列簇插入数据，最后产生的数据是多个HFile，每个对应一个列族，通过如下操作验证   1. 建立一个有两个列族的表   create 'members','colfam1','colfam2'   2. 在members表中的colfam1中插入50*5
  • Nginx 官方一个配置实例 ronin47 nginx 配置实例
    user www www; worker_processes 5; error_log logs/error.log; pid logs/nginx.pid; worker_rlimit_nofile 8192; events { worker_connections 4096;} http { include conf/mim
  • java-15.输入一颗二元查找树，将该树转换为它的镜像， 即在转换后的二元查找树中，左子树的结点都大于右子树的结点。 用递归和循环 bylijinnan java
    //use recursion public static void mirrorHelp1(Node node){ if(node==null)return; swapChild(node); mirrorHelp1(node.getLeft()); mirrorHelp1(node.getRight()); } //use no recursion bu
  • 返回null还是empty bylijinnan javaapachespring编程
    第一个问题，函数是应当返回null还是长度为0的数组（或集合）？ 第二个问题，函数输入参数不当时，是异常还是返回null？ 先看第一个问题 有两个约定我觉得应当遵守： 1.返回零长度的数组或集合而不是null（详见《Effective Java》） 理由就是，如果返回empty，就可以少了很多not-null判断： List<Person> list
  • [科技与项目]工作流厂商的战略机遇期 comsci 工作流
          在新的战略平衡形成之前，这里有一个短暂的战略机遇期，只有大概最短6年，最长14年的时间，这段时间就好像我们森林里面的小动物，在秋天中，必须抓紧一切时间存储坚果一样，否则无法熬过漫长的冬季。。。。         在微软，甲骨文，谷歌，IBM,SONY
  • 过度设计-举例 cuityang 过度设计
    过度设计，需要更多设计时间和测试成本，如无必要，还是尽量简洁一些好。 未来的事情，比如 访问量，比如数据库的容量，比如是否需要改成分布式  都是无法预料的 再举一个例子，对闰年的判断逻辑： 　　1、 if($Year%4==0) return True; else return Fasle; 　　2、if (   ($Year%4==0  &am
  • java进阶，《Java性能优化权威指南》试读 darkblue086 java性能优化
    记得当年随意读了微软出版社的.NET 2.0应用程序调试，才发现调试器如此强大，应用程序开发调试其实真的简单了很多，不仅仅是因为里面介绍了很多调试器工具的使用，更是因为里面寻找问题并重现问题的思想让我震撼，时隔多年，Java已经如日中天，成为许多大型企业应用的首选，而今天，这本《Java性能优化权威指南》让我再次找到了这种感觉，从不经意的开发过程让我刮目相看，原来性能调优不是简单地看看热点在哪里，
  • 网络学习笔记初识OSI七层模型与TCP协议 dcj3sjt126com 学习笔记
      协议：在计算机网络中通信各方面所达成的、共同遵守和执行的一系列约定 　　计算机网络的体系结构：计算机网络的层次结构和各层协议的集合。 　　两类服务： 　　面向连接的服务通信双方在通信之前先建立某种状态，并在通信过程中维持这种状态的变化，同时为服务对象预先分配一定的资源。这种服务叫做面向连接的服务。 　　面向无连接的服务通信双方在通信前后不建立和维持状态，不为服务对象
  • mac中用命令行运行mysql dcj3sjt126com mysqllinuxmac
    参考这篇博客：http://www.cnblogs.com/macro-cheng/archive/2011/10/25/mysql-001.html  感觉workbench不好用（有点先入为主了）。 1，安装mysql 在mysql的官方网站下载 mysql 5.5.23 http://www.mysql.com/downloads/mysql/，根据我的机器的配置情况选择了64
  • MongDB查询（1）——基本查询[五] eksliang mongodbmongodb 查询mongodb find
    MongDB查询 转载请出自出处：http://eksliang.iteye.com/blog/2174452 一、find简介 MongoDB中使用find来进行查询。 API:如下 function ( query , fields , limit , skip, batchSize, options ){.....}  参数含义： query:查询参数 fie
  • base64，加密解密 经融加密，对接 y806839048 经融加密对接
    String data0 = new String(Base64.encode(bo.getPaymentResult().getBytes(("GBK")))); String data1 = new String(Base64.decode(data0.toCharArray()),"GBK"); // 注意编码格式，注意用于加密，解密的要是同
  • JavaWeb之JSP概述 ihuning javaweb
      什么是JSP？为什么使用JSP？ JSP表示Java Server Page，即嵌有Java代码的HTML页面。使用JSP是因为在HTML中嵌入Java代码比在Java代码中拼接字符串更容易、更方便和更高效。   JSP起源    在很多动态网页中，绝大部分内容都是固定不变的，只有局部内容需要动态产生和改变。  如果使用Servl
  • apple watch 指南 啸笑天 apple
    1. 文档 WatchKit Programming Guide（中译在线版 By @CocoaChina） 译文 译者 原文 概览 - 开始为 Apple Watch 进行开发 @星夜暮晨 Overview - Developing for Apple Watch 概览 - 配置 Xcode 项目 - Overview - Configuring Yo
  • java经典的基础题目 macroli java编程
    1.列举出 10个JAVA语言的优势 a:免费，开源，跨平台(平台独立性)，简单易用，功能完善，面向对象，健壮性，多线程，结构中立，企业应用的成熟平台, 无线应用 2.列举出JAVA中10个面向对象编程的术语 a:包，类，接口，对象，属性，方法，构造器，继承，封装，多态，抽象，范型 3.列举出JAVA中6个比较常用的包 Java.lang;java.util;java.io;java.sql;ja
  • 你所不知道神奇的js replace正则表达式 qiaolevip 每天进步一点点学习永无止境纵观千象regex
    var v = 'C9CFBAA3CAD0'; console.log(v); var arr = v.split(''); for (var i = 0; i < arr.length; i ++) { if (i % 2 == 0) arr[i] = '%' + arr[i]; } console.log(arr.join('')); console.log(v.r
  • [一起学Hive]之十五-分析Hive表和分区的统计信息(Statistics) superlxw1234 hivehive分析表hive统计信息hive Statistics
    关键字：Hive统计信息、分析Hive表、Hive Statistics   类似于Oracle的分析表，Hive中也提供了分析表和分区的功能，通过自动和手动分析Hive表，将Hive表的一些统计信息存储到元数据中。   表和分区的统计信息主要包括：行数、文件数、原始数据大小、所占存储大小、最后一次操作时间等；   14.1 新表的统计信息 对于一个新创建
  • Spring Boot 1.2.5 发布 wiselyman spring boot
        Spring Boot 1.2.5已在7月2日发布，现在可以从spring的maven库和maven中心库下载。   这个版本是一个维护的发布版，主要是一些修复以及将Spring的依赖提升至4.1.7(包含重要的安全修复)。   官方建议所有的Spring Boot用户升级这个版本。   项目首页 | 源
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他