轻量级jquery框架之--面板(panel)

面板需求: (1)支持可拖拽,面板将作为后期的布局组件.window组件.alert组件的基础. (2)支持自定义工具栏,工具栏位置定义在面板底部,工具栏依赖toolbar组件. (3)支持加载JSON,HTML,IFRAME三种数据格式的请求,支持动态reload重加载,重装时可以重新设置参数和url. (4)支持自定义标题(可动态修改标题).图标样式. (5)支持扩大缩小.右侧收起,上下收起. 面板API设计: /** *args={ content: null,//url地址 dataTy…

轻量级jquery框架之--布局(layout)

布局需求 (1)支持横向生成布局项即可,不需要纵向生成布局. (2)支持布局项右侧收缩功能 (3)支持自定义布局项图标.标题,并提供动态修改布局项图片和标题的api (4)支持JSON/html/iframe 三种数据加载方式 (5)提供动态修改请求参数(url.参数)并可以重新加载数据的api (6)layout依赖于panel组件并支持工具栏定义(依赖工具栏) API设计 /** * args={title:'标题',iconCls:'按钮样式'}/args=title ***/ setTi…

轻量级jquery框架之--树(tree)

前言在常用的UI组件中,树形组件与数据列表组件可以说是构成一个管理平台基本的两大数据核心组件.树形组件用于系统菜单,数据列表用于数据表现,两者配合即可完成一个简单的数据系统.要实现一个支持复选.工具栏定义的无限级树形组件需要对树的递归创建.树的复选递归有很好的把握,特别是树形在复选情况下的表现样式,这也是难点所在. 树组件需求 (1)支持无限级加载树(支持懒加载方式) (2)支持复选操作,和预定义的复选情况 (3)支持简单树形样式和可自定义叶子点的图片的复杂样式 (4)支持定义工具栏(依赖于t…

轻量级jquery框架之--工具栏(toolbar)

工具栏需求: (1)要求工具栏可以通过JSON配置格式生成,这样可以从服务器端控制生成的JSON来控制UI层面的按钮状态 (2)可以自定义按钮的图标样式. (3)可以定义按钮事件,按钮事件需要支持以字符串形式定义(服务端对应的按钮JSON配置里的事件配置为字符串形式) (4)支持工具栏全局事件,即点击任意按钮都触发的事件 (5)支持编程方式禁用.启用.添加.删除按钮 (6)支持配置额外的事件参数,考虑参数中附带权限标志 (7)工具栏需要考虑可以简单集成到tree组件.datagrid等可能需要用…

2016 年 50 个最佳的轻量级 JavaScript 框架和库

作者:IT程序狮链接:https://zhuanlan.zhihu.com/p/24598210来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 回顾今年已发布的 JS 框架和库,我们针对地筛选了一些能够提供直接和具体功能的免费 JavaScript 插件和库,与大家分享.它们可不是臃肿的一站式框架,而是一些轻量级,并能够帮助你更快.更容易地进行网页设计与开发的实用型框架. 正如你期望的,文中的一些插件可用来创建滑块.图片库.响应式菜单.弹出式窗口以及许多其他常见的…

如何编写轻量级 CSS 框架

Github 地址: https://github.com/nzbin/snack Demo 演示: https://nzbin.github.io/snack/ 前言这篇文章我已经酝酿了半年之久,或者说拖沓了这么久吧.想说的东西很多,却又无从说起.如今轻量级框架如雨后春笋,层出不穷.我想每个人都应该归纳总结工作中的常见需求,编写一套适合自己的 CSS 框架.在之前的文章中,我提到了面向对象的 CSS(比如 BEM.OOCSS.SMACSS,详见 http://vanseodesign.com…

c# 轻量级ORM框架实现(一)

发布一个自己写的一个轻量级ORM框架,本框架设计期初基于三层架构.所以从命名上来看,了解三层的朋友会很好理解. 设计该框架的目的:不想重复的写增删改查,把精力放到功能实现上. 发布改框架的原因:希望给初学者一个参考,希望能给予好的建议,给自己一个展示机会. 在我开始之前,先说明一下,我对"软件工程学"概念东西几乎不通,最高文化程度:初二,所以不喜勿喷. 开始我的orm设计最底层最底层的是一个DalBase,它是一个抽象的,实现了增删改查的基本操作. 它既然是一个抽象的,那么它的内部就…

jQuery系列第一章 jQuery框架简单介绍

第一章 jQuery框架简单介绍 1.1 jQuery简介 jQuery是一款优秀的javaScript库(框架),该框架凭借简洁的语法和跨平台的兼容性,极大的简化了开发人员对HTML文档,DOM,事件以及Ajax的操作. 主旨口号:写的更少, 干的更多(以更少的代码,实现更多的功能) 1.2 作者和版本介绍 jQuery最早由约翰·雷西格(John Resig)于2006年1月的BarCamp NYC上发布第一个版本.目前由Dave Methvin领导的开发团队进行开发,是目前最受欢迎的Jav…

044——VUE中组件之使用内容分发slot构建bootstrap面板panel

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>组件之使用内容分发slot构建bootstrap面板panel</title> <script src="vue.js"></script> <link href="https://cdn.boot…

轻量级php框架phpk v1.0发布

phpk框架简介 PHPK是一个简单易用,易于扩展的轻量级PHP框架.phpk不仅仅是一个php框架,也是一个js框架,内置一套全新的js内库,完全摒弃了庞大的jquery,所有的前端都是一个全新的微世界.运行高效而不失功能强大,操作灵活而又能扩展自如.作为PHP框架里的“后起之秀”,PHPK秉承了那些优秀的PHP框架所共有的,并进行了很多微创新. 功能说明 OOP编写风格,完全依据面向对象的思想编写多项目管理,共享数据缓存层自动压缩js和css文件内嵌一个js微型内核,易于扩展 URL路…

小谈Jquery框架

现在Jquery框架对于开发人员基本上是无人不知,无人不晓了,用起来十分的方便,特别是选择器十分强大,提高了我们的开发速度.但是好多人也只是停留在了会用的基础上,我个人觉得会用一个框架不算什么,只能说明你对那个框架比较熟悉,知道里面的思想和实现才是王道.有好多大牛对Jquery框架进行了剖析,今天我只是根据我的见解来分析一下. 一段代码如下: (function (win) { var _$ = function (selector, context) { return new _$.proto…

轻量级jQuery语法高亮代码高亮插件jQuery Litelighter。

<!DOCTYPE html><html><head><meta charset="UTF-8" /><title>jQuery Litelighter</title> <style> body{background: #FAF9F4;}#wrapper h1{ color: #000; letter-spacing: 2px; font-size: 30px;}#wrapper h2{ color:…

微博轻量级RPC框架Motan

Motan 是微博技术团队研发的基于 Java 的轻量级 RPC 框架,已在微博内部大规模应用多年,每天稳定支撑微博上亿次的内部调用.Motan 基于微博的高并发和高负载场景优化,成为一套简单.易用.高可用的 RPC 服务框架. Motan 功能特点:简单.易用.高可用无侵入集成.简单易用,通过 Spring 配置方式,无需额外代码即可集成分布式调用能力. 集成服务发现和服务治理能力,灵活支持多种配置管理组件,如 Consul.ZooKeeper 等. 支持自定义动态负载均衡.跨机房流量调整等…

轻量级ORM框架初探-Dapper与PetaPoco的基本使用

一.EntityFramework EF是传统的ORM框架,也是一个比较重量级的ORM框架.这里仍然使用EF的原因在于为了突出轻量级ORM框架的性能,所谓有对比才有更优的选择. 1.1 准备一张数据库表 (1)For MSSQL CREATE TABLE [dbo].[Posts] ( [Id] INT NOT NULL PRIMARY KEY IDENTITY, [CategoryId] INT NOT NULL, ) NOT NULL, ) NOT NULL, [Published] DAT…

.NET轻量级MVC框架：Nancy入门教程(二)——Nancy和MVC的简单对比

在上一篇的.NET轻量级MVC框架:Nancy入门教程(一)——初识Nancy中,简单介绍了Nancy,并写了一个Hello,world.看到大家的评论,都在问Nancy的优势在哪里?和微软的MVC比有什么不同,哪个更好?Nancy是否可以脱离IIS等等,那么今天就拿MVC和Nancy做个简单的对比吧!首先说一点,我对MVC研究并不深入,如有没说到或说错的地方,还请大家补充和纠正. 下面纠正一个问题,Nancy官网并没有明确的说Nancy是一个MVC框架,官方的定义是:Nancy是一个用于构建基…

JustWeEngine - 轻量级游戏框架

JustWeEngine - 轻量级游戏框架 An easy open source Android game engine. Github地址引擎核心类流程图使用方法引入Engine作为Library进行使用. 引擎初步封装完毕以之开发的微信打飞机游戏Demo:Demo地址快速入门 1.基础功能 1.1继承引擎核心类 1.2绘制文字 1.3绘制图片 1.4使用精灵 1.5使用按钮 2.动画系统 2.1绑定在BaseSub物品及精灵基类上的动画类 2.2绑定在Button上的动画类 3…

jQuery框架分析第一章: 第一个匿名函数

我的jQuery版本为1.7* 这个版本代码比之前的版本优化了很多,结构也清晰了不少,就用最新的吧. 打开jQuery源代码首先你能看到所有代码被一个 (function(window,undefined){ })(window) 这是个什么东西.. 首先,这是一个匿名函数(不懂?那就先去谷歌下吧): 其次,这是一个自调用匿名函数: 这段代码做了三件事第一件:创建一个只给jQuery用的空间,我们估且就叫 “私有空间”,与C++的命名空间很相似,为了保证jQuery不与其他JavaScrip…

jQuery框架的简单使用（H5）

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>作业</title>  <script src="jQuery/jquery-3.1.0.min.js"></script> <script src="javascript/index.js&…

浅析jQuery框架与构造对象

这是一些分析jQuery框架的文字面向的读者应具备以下要求 1.非常熟悉HTML 2.非常熟悉javascript语法知识 3.熟悉javascript面向对象方面的知识 4.熟练使用jQuery框架言归正传! jQuery对象的初始化是写在匿名函数里的就像这样: (function(){alert("jQuery框架分析")})(): 第一个括号是声明了一个函数,第二个括号是执行这个函数.也就是说,jQuery框架在页面载入的时候已经做了一些事情(这个个匿名函数已经被执行…

C# 的轻量级 RPC 框架

Redola.Rpc 的一个小目标 Redola.Rpc 的一个小目标 Redola.Rpc 的一个小目标:20000 tps. Concurrency level: 8 threads Complete requests: 20000 Time taken for tests: 0.886 seconds Time per request: 0.044 ms (avg) Requests per second: 22573 [#/sec] (avg) Concurrency level: 8…

引用jquery框架后出错

问题描述:当引用了jquery框架后,页面的js不能正常工作. 后面我的解决办法:是因为在引用 jquery的框架时的代码为 <script type="text/javascript" src="resources/js/jquery/jquery-1.9.1.min.js" /> 改为如下的引用方式 <script type="text/javascript" src="resources/js/jquery/jq…

轻量级IOC框架Guice

java轻量级IOC框架Guice Guice是由Google大牛Bob lee开发的一款绝对轻量级的java IoC容器.其优势在于: 速度快,号称比spring快100倍. 无外部配置(如需要使用外部可以可以选用Guice的扩展包),完全基于annotation特性,支持重构,代码静态检查. 简单,快速,基本没有学习成本. Guice和spring各有所长,Guice更适合与嵌入式或者高性能但项目简单方案,如OSGI容器,spring更适合大型项目组织. 注入方式在我们谈到IOC框架,首先…

轻量级IOC框架：Ninject

Ninject 学习杂记 - liucy 时间2014-03-08 00:26:00 博客园-所有随笔区原文 http://www.cnblogs.com/liucy1898/p/3587455.html IOC容器的DI实现并不依赖于方法调用拦截,而是通过DI容器内部自己通过反射的方式生成需要的类型实例,并调用实例的成员.然后再把实例返回给容器外部环境使用. Ninject本身及其扩展库,还针对特定的开发平台或项目类型提供了专用的DI支持,比如针对WPF/SL,针对ASP.NET MVC N…

Jquery框架

轻量级ORM框架 QX_Frame.Bantina（二、框架使用方式介绍）

轻量级ORM框架QX_Frame.Bantina系列讲解(开源) 一.框架简介 http://www.cnblogs.com/qixiaoyizhan/p/7417467.html 二.框架使用方式介绍 http://www.cnblogs.com/qixiaoyizhan/p/7418058.html 三.框架性能对比敬请期待 [前言] 上一节我们对Bantina ORM框架进行了简单的说明介绍,在这一节中,我们将对Bantina框架的使用方式进行说明. 下面我们对Bantina 1.0 使…

轻量级ORM框架 QX_Frame.Bantina（一、框架简介）

轻量级ORM框架QX_Frame.Bantina系列讲解(开源) 一.框架简介 http://www.cnblogs.com/qixiaoyizhan/p/7417467.html 二.框架使用方式介绍 http://www.cnblogs.com/qixiaoyizhan/p/7418058.html 三.框架性能对比近期补充 [前言] ORM(Object Relational Mapping)框架采用元数据来描述对象一关系映射细节,框架根据对象之间的关系以及对象自身的属性可以框架内部自动…

jQuery框架-2.jQuery操作DOM节点与jQuery.ajax方法

一.jQuery操作DOM 内部插入操作: append(content|fn):向每个匹配的元素内部追加内容. prepend(content):向每个匹配的元素内部前置内容. 外部插入操作: after(content|fn):在每个匹配的元素之后插入内容. before(content|fn):在每个匹配的元素之前插入内容. 包裹操作: wrap(html|element|fn):把所有匹配的元素用其他元素的结构化标记包裹起来. unwrap():这个方法将移出元素的父元素. wrapAl…

jQuery系列第四章 jQuery框架的选择器

第四章 jQuery框架的选择器 4.1 jQuery选择器说明 jQuery 最核心的组成部分就是选择器引擎.它完全继承了 CSS 的风格,可以对 DOM 元素的标签名.属性名.状态等进行快速准确的选择,而且不必担心浏览器的兼容性,写法更加简洁. jQuery 选择器实现了 CSS1~CSS3 的大部分规则之外,还实现了一些自定义的选择器,用于各种特殊状态的选择. 优点:相对于直接使用 JavaScript 获取页面元素和处理业务逻辑相比,使用jQuery 选择器来进行操作代码更简单且拥有…

jQuery系列第八章 jQuery框架Ajax模块

第八章 jQuery框架Ajax模块 8.1 jQuery框架中的Ajax简介 Ajax技术的核心是XMLHTTPRequest对象,该对象是Ajax实现的关键,发送异步请求.接收服务器端的响应以及执行回调等操作都是通过XMLHTTPRequest对象来完成的. jQuery框架对Ajax操作进行了封装,在jQuery框架的Ajax模块中提供了很多方法用于网络编程.我们主要从Ajax网络请求.Ajax事件以及序列化等方面讲解. 8.2 jQuery框架中的Ajax网络请求 jQuery框架中为我…

jQuery系列第七章 jQuery框架DOM操作

第七章 jQuery框架的选择器 jQuery框架继承和优化了JavaScript访问DOM对象的特性,我们使用jQuery框架提供的api可以更加方便的操作DOM对象. 7.1 创建DOM节点使用JavaScript原生方式创建DOM节点并添加到页面中的代码示例: //01 创建DOM节点 var oDiv = document.createElement("div"); //02 设置DOM节点的内容 oDiv.innerText = "测试的DIV标签";…

【轻量级jquery框架之--面板(panel)】的更多相关文章