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

基于webComponents的纯原生前端框架

我本人的个人开发web前端前框架xui,正在开发中,业已完成50%的核心开发工作,并且在开发过程中逐渐完善.

目前框架未采用任何和市面上框架模式,没有打包过程,实现真实的开箱即用。

当然在开发过程中也会发现没有打包工具加持,我们在很多工作时候,是很麻烦的。所以后期我打算退出基于webpack打包工具版本的框架,实现对低浏览器版本的支持和提升开发速度。但是具体方案目前尚未明确。请大家关注!

组件化开发

基于html5 web component的组件化方案,实现页面组件化拆分和组合。

路由加载

采用History模式路由, 并且由路由自动化完成页面加载。

事件监听

框架完成了事件触发和事件监听的封装,在页面和组件事件处理上更加方便。

数据驱动

采用原生Proxy方法实现响应式数据,并且在数据响应后驱动页面更新。

UI更新

采用artComponent模板引擎,在数据更新后实现UI更新,当然这里做了优化处理,尽量减小页面渲染受影响的范围,实现最小化更新。

UI组件库

基于框架,开发了一套常用UI组件,提升开发速度。组件库采用开放原则,也就是说别人都可以使用我的开发接口去开发组件库。

敬请大家关注。


http://www.kler.cn/a/324410.html

相关文章:

  • 物理hack
  • 不用来回切换,一个界面管理多个微信
  • vue3【实战】切换全屏【组件封装】FullScreen.vue
  • GitHub Copilot使用指南:助力开发者加速编程创新
  • Dubbo 3.x源码(25)—Dubbo服务引用源码(8)notify订阅服务通知更新
  • 【网络云计算】2024第46周周考-磁盘管理的基础知识-RAID篇
  • Xcode 16 上传AppStore遇到第三方库 bitcode 的问题
  • Python爬虫bs4基本使用
  • Java编程基础:类与对象的探索之旅
  • C++学习笔记----8、掌握类与对象(一)---- 对象中的动态内存分配(6)
  • 【球形空间产生器】
  • 解决 Java 中由于 parallelStream 导致的死锁
  • BUG项目管理
  • 【MAC】安装realsense
  • HttpServletRequest简介
  • 美团中间件C++一面-面经总结
  • 25维谛技术面试最常见问题面试经验分享总结(包含一二三面题目+答案)
  • 基于两分支卷积和 Transformer 的轻量级多尺度特征融合超分辨率网络 !
  • 如何组织一场考试并筛选未参加答题的考生?
  • 搜索:如何用 A*搜索算法实现游戏中的寻路功能?
  • Python脚本示例,你可以使用这个脚本来自动化登录网站、选择页面元素和提交表单
  • 『网络游戏』GoLand服务器框架【01】
  • 第 2 章:Vue 组件化编程
  • Cluster Explanation via Polyhedral Descriptions
  • 【性能优化】低配starRocks常驻内存优化
  • py-mmcif提取结构解析的方法、提交日期以及pdb ID等