基于webComponents的纯原生前端框架

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

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

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

组件化开发

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

路由加载

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

事件监听

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

数据驱动

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

UI更新

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

UI组件库

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

敬请大家关注。

相关推荐
hh随便起个名38 分钟前
力扣二叉树的三种遍历
javascript·数据结构·算法·leetcode
我是小路路呀1 小时前
element级联选择器:已选中一个二级节点,随后又点击了一个一级节点(仅浏览,未确认选择),此时下拉框失去焦点并关闭
javascript·vue.js·elementui
程序员爱钓鱼1 小时前
Node.js 编程实战:文件读写操作
前端·后端·node.js
PineappleCoder1 小时前
工程化必备!SVG 雪碧图的最佳实践:ID 引用 + 缓存友好,无需手动算坐标
前端·性能优化
JIngJaneIL2 小时前
基于springboot + vue古城景区管理系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot·后端
敲敲了个代码2 小时前
隐式类型转换:哈基米 == 猫 ? true :false
开发语言·前端·javascript·学习·面试·web
澄江静如练_2 小时前
列表渲染(v-for)
前端·javascript·vue.js
JustHappy3 小时前
「chrome extensions🛠️」我写了一个超级简单的浏览器插件Vue开发模板
前端·javascript·github
Loo国昌3 小时前
Vue 3 前端工程化:架构、核心原理与生产实践
前端·vue.js·架构