当前位置: 首页 > news >正文

通用前端的学习

通用前端的概念

通用前端的概念是我自创的,也是我多年开发全栈时的个人理解,结合自己对各种语言的比较,发现前端都具有几个特征,而这几个特征,很多人只能用具体的表象来描述,比如用安卓方式来说明,用IOS的方式来说明,或者QT的方式来说明等等。

让我得出一个结论,前端应该就是学习配置,外加使用其指定的语言来编写自己需要实现的行为。

所谓配置

  1. 无论Android,IOS,QT,Flutter等,他们都自定义了自己的一套UI组件,如果我们想要使用他们这些组件,就要遵守他们的配置规则,这些东西都起源于早期的 XML 这种标签形式,这种标签以其丰富的属性(可以用来将语义化理解最低)让你指定具体的样式和行为,HTML 也是这种标签的演化品。

所谓语言

  1. 所谓语言,就是任何一个开发 UI 组件的人都必须使用一种语言来开发,不然他自己也顶不住,此外任何一个 UI 组件,都应该给予更多的自定义能力,这样才能满足不同开发者的各种需求,否则这个 UI 组件不会被普及。

  2. 为此,UI 组件开发者必然要先预定义一些事件和行为,并且还允许你能重写这些行为的默认能力。

事件是什么?

事件就是代码逻辑执行过程中可能发生的各种行为的一种标记,后续通过这种标记,提取绑定在该事件下的所有代码行为进行执行。

所以 UI 组件必然有一堆事件定义。

需要记的通用知识

配置和事件每次更换框架时都要从 0 开始记忆,而每个框架都有大量的这类东西需要记忆,而你为了减少这种记忆的痛苦性,早期没有 AI 时只能在充分掌握一种 UI 组件的前提下,推测其他 UI 组件可能的事件和行为,例如在已知 html 的 input 组件的 blur,change,focus 等事件的基础上,你就可以定向去找安卓的这些事件和行为的定义。

在有 AI 的 加持下,这些代码都是信手拈来了,感谢时代的馈赠!

import android.os.Bundle;
import android.text.Editable;
import android.text.TextWatcher;
import android.view.View;
import android.widget.EditText;
import android.widget.Toast;
import androidx.appcompat.app.AppCompatActivity;
public class MainActivity extends AppCompatActivity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);EditText editText = findViewById(R.id.editText);// 处理焦点变化editText.setOnFocusChangeListener(new View.OnFocusChangeListener() {@Overridepublic void onFocusChange(View v, boolean hasFocus) {if (hasFocus) {Toast.makeText(MainActivity.this, "获得焦点", Toast.LENGTH_SHORT).show();} else {Toast.makeText(MainActivity.this, "失去焦点", Toast.LENGTH_SHORT).show();}}});// 处理点击事件editText.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {Toast.makeText(MainActivity.this, "点击了EditText", Toast.LENGTH_SHORT).show();}});// 处理文本改变editText.addTextChangedListener(new TextWatcher() {@Overridepublic void beforeTextChanged(CharSequence s, int start, int count, int after) {// 可以在这里处理文本改变之前的逻辑}@Overridepublic void onTextChanged(CharSequence s, int start, int before, int count) {// 可以在这里处理文本改变的逻辑}@Overridepublic void afterTextChanged(Editable s) {// 可以在这里处理文本改变之后的逻辑}});}
}

http://www.lryc.cn/news/417006.html

相关文章:

  • git本地仓库关联多个远程仓库时git pull失败问题
  • 人工智能(AI)、Web 3.0和元宇宙三者联系、应用及未来发展趋势的详细分析
  • 【IEEE出版 | 高校主办】第三届人工智能、物联网和云计算技术国际会议(AIoTC 2024)
  • PTA 7-4 BCD解密
  • 计算机网络中拥塞控制的门限值怎么设置
  • 解锁肥胖焦虑的枷锁:拥抱自我,健康前行
  • WPF学习(7)- Control基类+ContentControl类(内容控件)+ButtonBase基类
  • moka实习生一面0607
  • centos开启samba服务
  • 2024年8月一区SCI-海市蜃楼优化算法Fata morgana algorithm-附Matlab免费代码
  • 【编程笔记】解决移动硬盘无法访问文件或目录损坏且无法读取
  • 行为型模式(一)策略模式
  • JAVA中的Wrapper类
  • 在没有硬盘的情况下进行电脑数据迁移
  • C++转Java基础知识
  • 搭建jenkins一键部署java项目
  • 从零到一打造自己的大模型(一)模型实现
  • 【开源项目】基于RTP协议的H264码流发送器和接收器
  • 【C++】4.类和对象(2)
  • 搭建基于树莓派的Linux学习环境(TODO)
  • 《大电机技术》是什么级别的期刊?是正规期刊吗?能评职称吗?
  • Python 中使用 Split 忽略逗号
  • YOLOv10改进 | 主干篇 | YOLOv10引入CVPR2023 顶会论文BiFormer用于主干修改
  • sql注入靶场搭建
  • 【MySQL】MySQL的JSON特性
  • 微信小程序 - 自定义计数器 - 优化(键盘输入校验)
  • Nacos 容器化安装和代理配置指南
  • css水波浪动画效果
  • SQL二次注入
  • 深入学习小程序开发第二天:数据绑定与动态更新