开篇

1、JGUI是为了逼迫自己研究底层点的前端技术而做的框架，之前对web底层实现一直没有深入研究，有了技术瓶颈，痛定思痛从头研究，

2、虽然现在vue技术比较火，但还在发展阶段，暂时先使用JQuery实现，以后有时间会再做一套vue版本的。有好的建议欢迎大家留言。

3、自己在开发过程中遇到的问题和心得将会写到博客上，在实现过程中由简单到复杂实现，一些功能前期只考虑功能实现，后期再进行优化。

4、本框架是一个学习型的框架，功能都尽量自己手工敲代码实现，虽然有点造轮子，但是对深入理解Jquery有帮助，本框架基本不集成第三方组件，除了一些浏览器兼容库。

5、界面部分多少会受自己使用过的UI库的风格影响，雷同之处望大家海涵，欢迎从头和想深入学习Jquery的一起加入。

6、框架尽量兼容IE,目前一般是在兼容IE8下调试，不能完全模拟真正IE8。

github地址：
https://github.com/zhaogaojian/JGUI

demo地址：
http://www.jgui.com

项目结构如下

每个组件css,jss都是分离的，可以单独拿来使用，废话不多说，下面开始进行

代码会实时更新重构到github上，最新的可能与博客撰写时不太一致，可以看博客编写时间找对应的历史代码。

目录如下

JGUI源码：实现简单进度条显示(19)

JGUI源码：实现mask层显示(18)

JGUI源码：实现日期控件显示(17)

JGUI源码：实现图标按钮及下拉菜单(16)

JGUI源码：实现MVVM简单单项绑定(15)

JGUI源码：Tip实现（14）

JGUI源码：实现响应式布局(13)

JGUI源码：右键菜单实现(12)

JGUI源码：开发中遇到的问题（持续更新。。）（11）

JGUI源码：prefixfree 这个库有时候会引起网页一直加载中（10）

JGUI源码：Tab组件实现（9）

JGUI源码：JS菜单动态绑定(8)

JGUI源码：组件及函数封装方法(7)

JGUI源码：Accordion折叠到侧边栏实现(6)

JGUI源码：鼠标中键滚动再次优化(5)

JGUI源码：解决手机端点击出现半透明阴影(4)

JGUI源码：Accordion兼容IE8实现(3)

JGUI源码：Accordion鼠标中键滚动和手机端滑动实现(2)

JGUI源码：从头开始，建一个学习UI框架（1）

 

JGUI源码：从头开始，建一个自己的UI框架（1）的更多相关文章

  1. koa2源码解读及实现一个简单的koa2框架

    阅读目录 一:封装node http server. 创建koa类构造函数. 二:构造request.response.及 context 对象. 三:中间件机制的实现. 四:错误捕获和错误处理. k ...

  2. JGUI源码：鼠标中键滚动再次优化(5)

    //电脑端中键滚动事件 var mousewheel = getBrowserInfo() == "Firefox" ? "DOMMouseScroll" : ...

  3. 你与优秀源码之间只差一个 Star

    fir.im Weekly - 你与优秀源码之间只差一个 Star   说起开源社区,Github 是一个不可缺少的存在.作为全球最大的同性交友网站,上面有太多优秀的开源代码库和编程大神,让无数开发者 ...

  4. Google guava cache源码解析1--构建缓存器（2）

    此文已由作者赵计刚授权网易云社区发布. 欢迎访问网易云社区,了解更多网易技术产品运营经验. CacheBuilder-->maximumSize(long size)     /**       ...

  5. 第二章 Google guava cache源码解析1--构建缓存器

    1.guava cache 当下最常用最简单的本地缓存 线程安全的本地缓存 类似于ConcurrentHashMap(或者说成就是一个ConcurrentHashMap,只是在其上多添加了一些功能) ...

  6. 编译spark源码及塔建源码阅读环境

    编译spark源码及塔建源码阅读环境 (一),编译spark源码 1,更换maven的下载镜像: <mirrors> <!-- 阿里云仓库 --> <mirror> ...

  7. [源码解析] PyTorch 分布式(15) --- 使用分布式 RPC 框架实现参数服务器

    [源码解析] PyTorch 分布式(15) --- 使用分布式 RPC 框架实现参数服务器 目录 [源码解析] PyTorch 分布式(15) --- 使用分布式 RPC 框架实现参数服务器 0x0 ...

  8. Summer——从头开始写一个简易的Spring框架

    Summer--从头开始写一个简易的Spring框架                ​ 参考Spring框架实现一个简易类似的Java框架.计划陆续实现IOC.AOP.以及数据访问模块和事务控制模块. ...

  9. 自己动手设计并实现一个linux嵌入式UI框架(设计)

    看了"自己动手设计并实现一个linux嵌入式UI框架"显然没有尽兴,因为还没有看到庐山真面目,那我今天继续,先来说说,我用到了哪些知识背景.如:C语言基础知识,尤其是指针.函数指针 ...

随机推荐

  1. PhpStorm 常用插件

    PhpStorm 插件 Dash : Dash 需要配合软件 Dash 使用. IdeaVim IdeaVim 对于习惯于使用 Vim 操作方式的人来说是个大福音. IdeaVim 也有默认配置, 可 ...

  2. python离线安装包

    一.用download命令离线下载包  *.whl , 这个方法好像python3.7以上才能用 那么我的requirement.txt内容就是: django==1.8.11 simplejson= ...

  3. mn

    http://image.uczzd.cn/10129986679866437816.jpg?id=0&from=export https://www.cnblogs.com/ityoukno ...

  4. Spring：AOP面向切面编程

    AOP主要实现的目的是针对业务处理过程中的切面进行提取,它所面对的是处理过程中的某个步骤或阶段,以获得逻辑过程中各部分之间低耦合性的隔离效果. AOP是软件开发思想阶段性的产物,我们比较熟悉面向过程O ...

  5. 软件工程(FZU2015) 赛季得分榜，第11回合(beta冲刺+SE总结)

    SE_FZU目录:1 2 3 4 5 6 7 8 9 10 11 12 13 积分规则 积分制: 作业为10分制,练习为3分制:alpha30分:beta30分 团队项目分=团队得分+个人贡献分 个人 ...

  6. 【刷题】若串 =’software’ ，其子串数目为：37

    子串 子串是母串中的一部分,可以是母串本身,也可以是空字符串 设串中字符数为n,则其子串数目为:s=(1+n)*n/2+1 具体地: 长为0的子串:1 长为1的子串:8 长为2的子串:7 长为3的子串 ...

  7. centos7之zabbix3.2的fping监控

    zabbix通过fping检测主机网络状态 fping的官方网站:http://www.fping.org/ 官网指定的github的地址:https://github.com/schweikert/ ...

  8. Shell命令-线上查询及帮助之man、help

    线上查询及帮助 - man.help 1.man:获取命令的帮助信息 man命令的简单介绍 man命令是Linux系统中最核心的命令之一 ,因为通过它可以查看其它Linux命令的使用信息.当然了 ,m ...

  9. 二、IIS部署WebApi

    一.项目发布 二.hosts 更改 C:\Windows\System32\drivers\etc 三.网站搭建 之后我将端口默认更改 8001   以防与80端口冲突 注意: 1.先测试IIS的lo ...

  10. Python——控件基础操作

    一.生成主窗口(主窗口操作) window=tkinter.Tk() #修改框体的名字,也可在创建时使用className参数来命名: window.title('标题名') #框体大小可调性,分别表 ...