基于webComponents的纯原生前端框架

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

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

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

组件化开发

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

路由加载

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

事件监听

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

数据驱动

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

UI更新

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

UI组件库

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

敬请大家关注。

相关推荐
jiangzhihao05154 小时前
前端自动翻译插件webpack-auto-i18n-plugin的使用
前端·webpack·node.js
软件技术NINI6 小时前
html css网页制作成品——HTML+CSS盐津铺子网页设计(5页)附源码
前端·css·html
mapbar_front7 小时前
面试问题—我的问题问完了,你还有什么想问我的吗?
前端·面试
quweiie7 小时前
thinkphp8+layui多图上传,带删除\排序功能
前端·javascript·layui
李鸿耀7 小时前
React 项目 SVG 图标太难管?用这套自动化方案一键搞定!
前端
闲蛋小超人笑嘻嘻7 小时前
树形结构渲染 + 选择(Vue3 + ElementPlus)
前端·javascript·vue.js
叶梅树8 小时前
从零构建A股量化交易工具:基于Qlib的全栈系统指南
前端·后端·算法
巴博尔8 小时前
uniapp的IOS中首次进入,无网络问题
前端·javascript·ios·uni-app
焚 城8 小时前
UniApp 实现双语功能
javascript·vue.js·uni-app
Asthenia04128 小时前
技术复盘:从一次UAT环境CORS故障看配置冗余的危害与最佳实践
前端