我想我是人
我想我是人

【连载】研究EasyUI系统— Accordion组件

　　Accordion组件是easyui框架中的布局组件之一，它提供了多个可展开/折叠的面板。Accordion经常用作页面的导航菜单。我们先通过制作一个导航菜单来认识一下Accordion。
　　【连载】研究EasyUI系统— Accordion组件_第1张图片
　　图中左侧便是通过accordion组件构建的导航菜单，右侧是用panel构建的内容显示页面。点击左侧不同的菜单，右侧panel将会加载对应的页面，显示不同内容。
　　我们通过代码来研究一下accordion组件用法。示例代码主要包含两个页面，分别为accordionDemo.php和cby.php，前者包含导航菜单和内容显示页框架，后者是具体的内容页面。
　　
accordionDemo.php

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css" />
        <link rel="stylesheet" type="text/css" href="../easyui/themes/icon.css" />
        <script type="text/javascript" src="easyui/jquery.min.js">script>
        <script type="text/javascript" src="easyui/jquery.easyui.min.js">script>
        <title>accordionDemotitle>
        <style>
            a {
                text-decoration:none;
                font-size: 13px;
                color:black
            }
            .nav-left {
                float:left;
                width:200px;
                height:400px;
                margin-right: 20px;
            }
            .nav-item {
                padding: 10px;
                height: 328px;
                border: none;
            }
            .content {
                border-radius: 5px;
            }
            .contianer {
                width:100%;
            }
        style>

        <script>
            function openPage(page) {
                $("#content_panel").panel("refresh",page);
            }
        script>
    head>
    <body>
        <div class="container">
            
            <div id="nav_menu" class="easyui-accordion nav-left">
                <div title="灵长类" class="nav-item">
                    <table>
                        <tr>
                            <td><img src="image/nav_monkey.png" alt="" />td>
                            <td>
                              <a href="javascript:void(0);" onclick="openPage('cby.php')">长臂猿a>
                            td>
                        tr>
                        <tr>
                          <td><img src="image/nav_monkey.png" alt="" />td>
                          <td><a href="#">猩猩a>td>tr>
                        <tr>
                          <td><img src="image/nav_monkey.png" alt="" />td>
                          <td><a href="#">卷尾猴a>td>
                        tr>
                    table> 
                div>
                <div title="龟类" class="nav-item">
                    <table>
                        <tr>
                          <td><img src="image/nav_turtle.png" alt="" />td>
                          <td><a href="#">草龟a>td>
                        tr>
                        <tr>
                          <td><img src="image/nav_turtle.png" alt="" />td>
                          <td><a href="#">巴西龟a>td>
                        tr>
                        <tr>
                          <td><img src="image/nav_turtle.png" alt="" />td>
                          <td><a href="#">金钱龟a>td>
                        tr>
                    table> 
                div>
            div>

            
            <div id="content_panel" class="easyui-panel content" data-options="width:500,height:400">
            div>
        div>
    body>
html>



cby.php

<html>
    <head>
        <meta charset="UTF-8">
        <title>长臂猿title>
        <style>
            .logo {
                margin: 10px;
                width:80px;
                height:120px;
                float:left;
            }
        style>
    head>
    <body>
        <div class="contianer">
            <img class="logo" src="image/cby.jpg"/>
            <p style="margin:20px">
                长臂猿（学名：Hylobatidae）：是灵长目一科动物的通称，有4属16种。因臂特别长而得名。
                …………
            p>
        div>
    body>
html>

　　accordion.php构建了id为nav_menu的accordion组件，在nav_menu内部，每个子

就是一个子面板，代码中共构造了“灵长类”和“龟类”两个子面板。每个子面板中又有一个，用来构建带图标的菜单链接。点击代码中的菜单链接，将调用openPage方法，openPage方法使用panel组件中的refresh方法，将对应的内容页（cby.php）加载到panel中显示（关于panel组件我们将另外专门说明）。
　　接下去介绍已给accordion的属性。由于accordion组件依赖于panel，因此这个组件有两个概念上的属性，其一是“容器(container)属性”，其二是“面板(panel)属性”。容器是指外围整体的框架，也就是整个accordion本身，包含了各个面板。面板则是指在容器中的各功能块，如“灵长类”或“龟类”等。
　　从代码中也能看出容器和面板的逻辑关系，id为nav_menu的div元素便是容器，它包含了灵长类、龟类两个面板，每个面板都是一个div元素。还有三个超链接，这三个超链接将分别显示在三个面板中。

容器属性

属性名称 属性值类型 属性默认值 描述
width 数值 auto 容器宽度。
height 数值 auto 容器高度。
border 布尔值 true 是否显示容器边框。
fit 布尔值 false 容器是否填充它的父组件。
animate 布尔值 true 是否在折叠或者展开时显示动画效果。
multiple 布尔值 false 是否允许同时展开多个面板。
1.3.5及以上版本支持。
selected 数值 0 初始化时选中的面板索引，索引从0开始。
1.3.5及以上版本支持。

　　容器属性非常简单，无需过多讲述。
　　accordion面板属性继承自panel组件，下述只是accordion独有的属性。
　　
扩展的panel属性

属性名称 属性值类型 属性默认值 描述
selected 布尔值 false 面板是否为展开状态。
collapsible 布尔值 true 是否允许面板显示折叠按钮。



accordion组件方法

方法名称 参数 描述
options 无 返回所有属性。
panels 无 返回所有面板。
resize 无 重置组件大小。
getSelected 无 返回第一个选中的面板。
getSelections 无 返回所有选中的面板。1.3.5及以上版本支持。
getPanel which 返回指定的面板。参数which既可以是面板的标题（字符串），
也可以是面板的索引（数字）。
getPanelIndex panel 返回指定面板的索引，参数panel是面板对象。
1.3及以上版本支持。
select which 选中指定的面板。参数参考”getPanel”方法。
unselect which 取消选中指定的面板。参数参考”getPanel”方法。
1.3.5及以上版本支持。
add options 新增面板。参数options是包含了面板各数据的json。
remove which 删除指定的面板。参数参考“getPanel”方法。

　　有些比较简单的方法就不再多说。
　　getSelected返回第一个选中的面板，而getSelections返回了所有选中的面板。

<script>
    var p1 = $('#nav_menu').accordion('getSelected');
    p1.panel('collapse');

    var p2 = $('nav_menu').accordion('getSelections');
    for(var i=0;i'collapse');
    }
script>

　　p1是通过“getSelected” 方法返回选中的面板，我们通过“collapse”方法将这个面板折叠；p2则是通过“getSelections”方法返回的一组选中面板，使用循环将这些面板全部折叠。

<script>
　　/* 根据索引号获取对应面板*/
　　var p = $('#nav_menu').accordion('getPanel', 1);
　　
　　/* 根据标题获取对应面板*/
　　p = $('#nav_menu').accordion('getPanel', '系统设置');
　　var index = $('#nav_menu').accordion('getPanelIndex', p2);
　　alert(index)
script>

　　上例代码展示了“getPanel”和“getPanelIndex”两种方法的用法。getPanel参数which既可以是索引号，也可以是字符串形式的标题。
　　再来看一下如何增加一个面板。

<script>
    var options = {
        title:'我是新来的面板',
        content:'新来面板的内容',
        selected:false
    }
    $("#nav_menu").accordion("add", options);
script>

　　新增一个面板时需要定义相关的面板参数，这些参数以JSON形式供“add”方法调用。
　　options中的各属性可以参见“panel”组件的属性，需要说明一下，如果“selected”属性为true（默认为true），新增的面板将处于选中状态。
　　
accordion组件事件

事件名称 参数 描述
onSelect title,index 面板选中时触发。参数title为面板的标题，index为面板索引。
onUnselect title,index 面板取消选中时触发。参数同上。1.3.5及以上版本支持。
onAdd title,index 新增面板时触发。参数同上。
onBeforeRemove title,index 删除面板前触发，如果返回false，则不删除。参数同上。
onRemove title,index 删除面板后触发。参数同上。

　　事件都比较容易理解，简单举一个例子，说明事件的用法：

<button onclick="delAccordion();">删除accordionbutton>
<script>
    $("#nav_menu").accordion({
        onBeforeRemove:function(title, index) {
            var r = confirm("确认删除"+title+"(索引号:"+index+")吗？");
            return r;
        }
    });

    function delAccordion() {
        $("#nav_menu").accordion("remove", 1);
    }
script>

　　上例代码使用了onBeforeRemove事件，它在“删除面板事件”发生前被触发。用户确认删除后，索引号为1的面板被删除。

你可能感兴趣的:(Web编程,easyui,easyui,accordion)

  • 前端开发框架推荐总结二 Devil枫 前端框架前端
    在前端开发领域，框架的选择对于项目的成功至关重要。它们提供了丰富的组件、工具和最佳实践，帮助开发者快速构建出美观、功能强大的用户界面。本文将介绍下面四个前端开发框架：Bootstrap、easyui、jQueryUI和layui。一：Bootstrap特点:1.响应式设计：Bootstrap内置了强大的响应式布局系统，使得网页能够在不同设备和屏幕尺寸上都能良好地显示。2.丰富的组件：提供了大量的U
  • JavaWeb编程实战宝典(5)___ 第5章 编写Struts2第一个程序 岁月静好浅笑安然
    第5章编写Struts2第一个程序5.1Struts2的MVC模式Struts2中的控制器主要有如下4个功能简单验证复制验证商业逻辑流控制Struts2框架结构可分为以下4部分JSP/Struts2标签(视图层V层)ActionSupport的子类(控制层C层)处理业务逻辑和数据逻辑的JavaBean(模型层M层)用于保存Struts2配置的struts.xml文件5.2Struts2的结构体系5
  • 【Go Web学习笔记】第十五章 Go与RPC ClimberCoding #GoWebgo语言golanggoweb
    前言：大家好，以下所有内容都是我学习韩茹老师的教程时所整理的笔记。部分内容有过删改，推荐大家去看原作者的文档进行学习，本文章仅作为个人的学习笔记，后续还会在此基础上不断修改。学习GoWeb时应该已经熟悉Go语言基本语法以及计算机网络的相关内容。学习链接：https://www.chaindesk.cn/witbook/17/253参考书籍：《GoWeb编程》谢孟军第十五章、RPC1、什么是RPCR
  • 书单 boo_
    已完成：2020年5月《微服务设计》（5.2）《redis开发与运维》（5.4）2019年《我们台湾这些年》《GoWeb编程》（12.14）《Go高级编程》（1.4）《Go语言实战》《MySQL入门很简单》《MySQL必知必会》《编码：隐匿在计算机软硬件背后的语言》《程序员修炼之道-从小工到专家》《树莓派开始，玩转Linux》《数学之美》·吴军《浪潮之巅》·吴军阅读中《Go程序设计语言》（2.3.
  • 分享89个时间日期JS特效，总有一款适合您 记忆的小河 javascript前端
    分享89个时间日期JS特效，总有一款适合您89个时间日期JS特效下载链接：https://pan.baidu.com/s/127_keimOfy_AKrCNT4TQNA?pwd=8888提取码：8888Python采集代码下载链接：采集代码.zip-蓝奏云学习知识费力气，收集整理更不易。知识付费甚欢喜，为咱码农谋福利。精确到秒的时间控件仿美团酒店的日期插件效果easyui制作带农历的日历时间格式转
  • Yii特性 ifanatic PHPphp
    Yii几乎拥有了当今Web2.0应用发展的全部特性。下面是这些特性的一个简短的清单。模型-视图-控制器（MVC）设计模式：Yii在WEB编程中采用这一成熟的技术从而可以更好的将逻辑层和表现层分开。数据库访问对象（DAO）和ActiveRecord：Yii允许开发者模型数据库中的数据对象，从而减少他们在写很长和重复的SQL语句上的精力。与jQuery整合：作为最流行的JavaScript框架之一，j
  • Spring Could+Ant Design Pro表格数据加载 拉布拉卡的小推车 前端vuejava
    由于公司最近项目使用AntDesignPro，所以就学习了一下，以前公司使用的是easyui，所以这也是我的第一次学习尝试，记录一下，有不足大家帮忙指正。后台是SpringCould，使用Nacos作为服务注册中心注册。表格加载打开AntDesignPro项目修改配置，解决跨域问题，让它能连接到我们的项目的网关修改vue.config.js找到节点devServer，修改如下：devServer:
  • 基于javaweb+mysql的jsp+servlet大学实验室设备管理系统(java+jsp+easyui+mysql) m0_71095879 javamysqlmaven
    基于javaweb+mysql的jsp+servlet大学实验室设备管理系统(java+jsp+easyui+mysql)运行环境Java≥8、MySQL≥5.7、Tomcat≥8开发工具eclipse/idea/myeclipse/sts等均可配置运行适用课程设计，大作业，毕业设计，项目练习，学习演示等功能说明基于javaweb+mysql的JSP+Servlet大学实验室设备管理系统(java
  • 【Python4Delphi】学习笔记（一）：介绍篇 海纳老吴 DelphiPythonpythonP4Dpython4delphidelphi
    一、前言：1.python语言简介：众所周知，python是目前非常流行的编程语言之一，自20世纪90年代初Python语言诞生至今，它已被逐渐广泛应用于系统管理任务的处理和Web编程。由于Python语言的简洁性、易读性以及可扩展性，在国外用Python做科学计算的研究机构日益增多，一些知名大学已经采用Python来教授程序设计课程。例如卡耐基梅隆大学的编程基础、麻省理工学院的计算机科学及编程导
  • 计算机毕业设计 | SSM 医药信息管理系统(附源码) 说书客啊 课程设计javamysqlspringboot毕业设计健康医疗html
    1，概述1.1课题背景本系统由说书客面向广大民营药店、县区级医院、个体诊所等群体的药品和客户等信息的管理需求，采用Spring+SpringMVC+Mybatis+Easyui架构实现，为单体药店、批发企业、零售连锁企业，提供有针对性的信息数据管理方案。1.2软件概述本系统目标定位于医院、药店等部门进行病人客户、药品经办人、药品信息的集中管理，按照国家医药药品安全管理GSP要求，包含上万条药品可实
  • easyui combobox的数据value为0时默认选择此项且提交时不会把这个0提交 mml_慢慢来
    easyuicombobox的数据value为0时默认选择此项且提交时不会把这个0提交应该是easyui自己的设定我用的是data数据不是从url调用接口那就最好不要用value为0的数据了呗
  • python! 每个程序员都应该学习的语言！！快来学习吧 艾利克斯冰 学习python
    领取资源：关注IT技术馆回复：python简介自20世纪90年代初Python语言诞生至今，它已被逐渐广泛应用于系统管理任务的处理和Web编程。1995年，GuidovanRossum在弗吉尼亚州的国家创新研究公司（CNRI）继续他在Python上的工作，并在那里发布了该软件的多个版本。[1]2000年五月，GuidovanRossum和Python核心开发团队转到BeOpen.com并组建了Be
  • JQuery easyui自定义扩展——批量文件上传组件 示申○言舌 Webeasyuiuploads
    /***CreatedbyHexuon2018/8/23.*批量文件上传*/;(function($){functioninit(target,opts){vartar=$(target);varheight=opts.fit?tar.parent().height():opts.height;varwidth=opts.fit?tar.parent().width():opts.width;va
  • 初学者如何快速入门Python（内附详细指南） 程序员派星儿 编程计算机Pythonpython开发语言笔记编程计算机科技
    Python是面向对象，高级语言，解释，动态和多用途编程语言。Python易于学习，而且功能强大，功能多样的脚本语言使其对应用程序开发具有吸引力。Python的语法和动态类型具有其解释性质，使其成为许多领域的脚本编写和快速应用程序开发的理想语言。Python支持多种编程模式，包括面向对象编程，命令式和函数式编程或过程式编程。Python几乎无所不能，一些常用的开发领域，如Web编程。这就是为什么它
  • easyui datagrid 编辑状态时,为列添加文本改变事件 ⑧o年崋 jqueryeasyuijQueryEasyUIdatagrid文本改变
    最近用到jQueryEasyUI的时候在datagrid编辑状态的时候,输入值统计合计的时候没有文本改变事件.所以特地加上了文本改变事件用于统计合计...easyui的版本是1.4.3第一步在10707添加一个自定义的文本改变事件,参数对应index行号colName列名(可自定义扩展)//文本编辑中值改变事件onTextChangeEdit:function(index,colName){}第二
  • EasyUI&Layui树形菜单实现 小张同学_java easyuilayuijquery
    目录一、概念二、为什么学习EasyUI三、入门前端实现EasyUI1、layout、Tree、tabs2、文档说明3、代码layui1、栅格，Tree，tabs2、indexjsp代码3、index.js后端实现项目结构1、步骤分析2、实现总结：一、概念前端框架，帮助我们快速开发前端界面或者后端管理员界面！后端框架为我们解决了代码的复用性，当然前端也一样，为我们提供了封装好的js,css，我们按照
  • 【Java基础】聊聊你不知道反射的那些事 qxlxi #Javasqljava
    在编程语言中，反射是一个绕不过的一个话题，反射、注解、动态代理是支撑框架运行的核心技术。在Spring中，IOC利用反射实现，创建对象。AOP利用动态代理实现，实现切面编程，配置利用注解实现。所以继上一篇，注解，本篇来讲解一下反射。反射的作用创建对象在刚开始学习java的时候，都是直接new对象，但是进入web编程的之后，发现不需要使用自己new对象了，直接在注解上@Bean就可以在框架运行时进行
  • EasyUI Combotree使用入门 王维_9bbf
    EasyUICombotree是一个非常实用的插件，在我们的Web项目中有很多情景下可以使用到，例如我们经常要选择一个多级的类别菜单，就可以用到它。EasyUI有一个现成的DEMO，但我感觉不是怎么很实用，于是我在上面进行了修改，利用jquery+easyui+json3做了一个异步获取分类的DEMO，当页面加载后，我们不但完整加载分类数据，而且还能够初始化ComboTree的值（初始化功能在官方
  • 【python】|Python基础语法（字面量、注释、变量、数据类型、数据类型的转换、标识符、运算符、字符串的拓展、数据输入） Ulpx python开发语言考研学习方法经验分享笔记
    前言Python作为一门编程语言，这门语言的魅力和影响力已经远超C++、C#等编程语言前辈，被程序员誉为“美好的”编程语言。Python可以说是全能的，系统运维、图形处理、数学处理、文本处理、数据库编程、网络编程、web编程、多媒体应用、pymo引擎、黑客编程、爬虫编写、机器学习、人工智能等等，应用无处不在。一、拓展：Pycharm的基础使用一些常见的快捷键ctrl+alt+s:打开软件设置ctr
  • Vue+ElementUI实现给Tab页添加鼠标右键菜单栏 小张写bug 前端vuejshtmlcss
    目录标题一、背景二、实现思路（一）实现左侧菜单栏的div（二）为Tab页的Tab标签部位绑定右键点击事件。（三）实现弹出右侧菜单栏事件（四）实现右键菜单栏中的每一个点击事件一、背景ElementUI官网上提供的Tabs标签只提供了基础的增加和删除标签页的功能，远远不能满足我们的需求。我们想要对标签页完成更多更能时，就需要自己实现了，比如下图谷歌浏览器的标签页右键功能。在jQuery配合EasyUI
  • EasyUI多选下拉框的取值和赋值 BrotherBaby EasyUI相关MyBatis相关
    @RequestMapping("/getCodeList")publicvoidgetCodeList(HttpServletResponseresp){ResUtil.resp(resp,JSON.toJSON(bizGuideMapper.getCodeList()).toString().toLowerCase());}@Select("selectid,NAMEastextfromB
  • JAVA的面试题四 菜鸟程序员z java开发语言面试
    1.电商行业特点（1）分布式：①垂直拆分:根据功能模块进行拆分②水平拆分:根据业务层级进行拆分（2）高并发：用户单位时间内访问服务器数量,是电商行业中面临的主要问题（3）集群：抗击高兵发的有效手段,同时集群内部实现高可用（4）海量数据处理：随着公司数据的不断积累.自身的数据量很庞大.如果高效的处理数据/分析2.框架调用流程3.EasyUI后台调用流程4.分布式项目的设计思想为了实现架构之间的松耦合
  • easyui入门 _社会你表哥
    1easyui框架的认识：easyui是一种基于jQuery、Angular.、Vue和React的用户界面插件集合。easyui为创建现代化，互动，JavaScript应用程序，提供必要的功能。使用easyui你不需要写很多代码，你只需要通过编写一些简单HTML标记，就可以定义用户界面。(1)是一组基于jQuery的UI(用户界面)插件集合;(2)而jQueryEasyUI的目标就是帮助web开
  • easyUi表格颜色设置 NL_LIU EasyUi
    $(function(){$('.btn_state').linkbutton('disable');$('#dg').datagrid({url:_getPage,rownumbers:true,pagination:true,fitColumns:true,fit:true,singleSelect:false,pageSize:20,pageList:[20,30,50],remoteSor
  • vue2+elementUI的el-tree的选中、高亮、定位 懒啦 vueElement-uielementuijavascript前端
    在使用无选择框的el-tree时遇到的坑以及如何使用el-tree最后附全部代码ref="tree"---->必须写accordion---->是否每次只打开一个同级树节点展开看个人选择default-expand-all---->默认打开全部节点:data="leftData"---->必写展示数据@node-click="handleNodeClick"---->节点被点击时的回调node-k
  • LayUI入门 白未 layuieasyui前端
    目录一、layui简介二、layui、easyui与bootstrap的对比1、layui和bootstrap对比（这两个都属于UI渲染框架）三、layui入门四、自定义layer模块1、新建一个模块.js2、将模块配置到配置文件中3、将上述js文件引入到jsp页面中，然后导入使用五、构建登录页面一、layui简介layui（谐音：类UI)是一套开源的WebUI解决方案，采用自身经典的模块化规范，
  • LayUI框架的使用及登录页面的实现 時宜 layui前端javascript
    目录一、什么是LayUI?简介LayUI的优点二、layui、easyui与bootstrap的对比2.1layui和bootstrap对比（这两个都属于UI渲染框架）2.2layui和easyui对比三、layui入门如何扩展一个layui(自定义模块)？四、构建登录页面一、什么是LayUI?简介layui（谐音：类UI)是一套开源的WebUI解决方案，采用自身经典的模块化规范，并遵循原生HTM
  • layui入门 卡特琳同志 layuilayui前端框架java
    目录一、什么是layui二、layui、easyui与bootstrap的对比2.1layui和bootstrap对比（这两个都属于UI渲染框架）2.2layui和easyui对比三、layui入门四、自定义模块五、构建登录页面六、主页搭建一、什么是layuilayui（谐音：类UI)是一套开源的WebUI解决方案，采用自身经典的模块化规范，并遵循原生HTML/CSS/JS的开发方式，极易上手，拿
  • LayUI之入门 Lme1216 layui前端框架前端
    目录一、什么是layui二、layui、easyui与bootstrap的对比三、layui入门四、如何扩展一个layui(自定义模块)五、构建登录页面一、什么是layuilayui（谐音：类UI)是一套开源的WebUI解决方案，采用自身经典的模块化规范，并遵循原生HTML/CSS/JS的开发方式，极易上手，拿来即用。其风格简约轻盈，而组件优雅丰盈，从源代码到使用方法的每一处细节都经过精心雕琢，非
  • Go模板总结 剩下的盛夏~ Go
    模板引擎模板引擎是Web编程中必不可少的⼀个组件。模板能分离逻辑和数据，使得逻辑简洁清晰，并且模板可复⽤。⽆逻辑模板引擎类模板引擎只进⾏字符串的替换，⽆其它逻辑。嵌⼊逻辑模板引擎此类模板引擎可以在模板中嵌⼊逻辑，实现流程控制/循环等。定义模板packagemainimport("log""net/http""os""text/template")typeUserstruct{NamestringA
  • 集合框架 天子之骄 java数据结构集合框架
       集合框架 集合框架可以理解为一个容器，该容器主要指映射(map)、集合(set)、数组(array)和列表(list)等抽象数据结构。 从本质上来说，Java集合框架的主要组成是用来操作对象的接口。不同接口描述不同的数据类型。   简单介绍：   Collection接口是最基本的接口，它定义了List和Set，List又定义了LinkLi
  • Table Driven（表驱动）方法实例 bijian1013 javaenumTable Driven表驱动
    实例一： /** * 驾驶人年龄段 * 保险行业，会对驾驶人的年龄做年龄段的区分判断 * 驾驶人年龄段：01-[18,25);02-[25,30);03-[30-35);04-[35,40);05-[40,45);06-[45,50);07-[50-55);08-[55,+∞) */ public class AgePeriodTest { //if...el
  • Jquery 总结 cuishikuan javajqueryAjaxWebjquery方法
    1.$.trim方法用于移除字符串头部和尾部多余的空格。如：$.trim('   Hello   ') // Hello2.$.contains方法返回一个布尔值，表示某个DOM元素（第二个参数）是否为另一个DOM元素（第一个参数）的下级元素。如：$.contains(document.documentElement, document.body); 3.$
  • 面向对象概念的提出 麦田的设计者 java面向对象面向过程
            面向对象中，一切都是由对象展开的，组织代码，封装数据。   在台湾面向对象被翻译为了面向物件编程，这充分说明了，这种编程强调实体。       下面就结合编程语言的发展史，聊一聊面向过程和面向对象。      c语言由贝尔实
  • linux网口绑定 被触发 linux
    刚在一台IBM Xserver服务器上装了RedHat Linux Enterprise AS 4，为了提高网络的可靠性配置双网卡绑定。 一、环境描述 我的RedHat Linux Enterprise AS 4安装双口的Intel千兆网卡，通过ifconfig -a命令看到eth0和eth1两张网卡。 二、双网卡绑定步骤： 2.1 修改/etc/sysconfig/network
  • XML基础语法 肆无忌惮_ xml
    一、什么是XML？ XML全称是Extensible Markup Language，可扩展标记语言。很类似HTML。XML的目的是传输数据而非显示数据。XML的标签没有被预定义，你需要自行定义标签。XML被设计为具有自我描述性。是W3C的推荐标准。   二、为什么学习XML？ 用来解决程序间数据传输的格式问题 做配置文件 充当小型数据库   三、XML与HTM
  • 为网页添加自己喜欢的字体 知了ing 字体 秒表 css
    @font-face { font-family: miaobiao;//定义字体名字 font-style: normal; font-weight: 400; src: url('font/DS-DIGI-e.eot');//字体文件 } 使用： <label style="font-size:18px;font-famil
  • redis范围查询应用-查找IP所在城市 矮蛋蛋 redis
    原文地址： http://www.tuicool.com/articles/BrURbqV 需求 根据IP找到对应的城市 原来的解决方案 oracle表（ip_country）： 查询IP对应的城市： 1.把a.b.c.d这样格式的IP转为一个数字，例如为把210.21.224.34转为3524648994 2. select city from ip_
  • 输入两个整数， 计算百分比 alleni123 java
    public static String getPercent(int x, int total){ double result=(x*1.0)/(total*1.0); System.out.println(result); DecimalFormat df1=new DecimalFormat("0.0000%");
  • 百合——————>怎么学习计算机语言 百合不是茶 java 移动开发
        对于一个从没有接触过计算机语言的人来说，一上来就学面向对象，就算是心里上面接受的了，灵魂我觉得也应该是跟不上的，学不好是很正常的现象，计算机语言老师讲的再多，你在课堂上面跟着老师听的再多，我觉得你应该还是学不会的，最主要的原因是你根本没有想过该怎么来学习计算机编程语言，记得大一的时候金山网络公司在湖大招聘我们学校一个才来大学几天的被金山网络录取，一个刚到大学的就能够去和
  • linux下tomcat开机自启动 bijian1013 tomcat
    方法一： 修改Tomcat/bin/startup.sh 为: export JAVA_HOME=/home/java1.6.0_27 export CLASSPATH=$CLASSPATH:$JAVA_HOME/lib/tools.jar:$JAVA_HOME/lib/dt.jar:. export PATH=$JAVA_HOME/bin:$PATH export CATALINA_H
  • spring aop实例 bijian1013 javaspringAOP
    1.AdviceMethods.java package com.bijian.study.spring.aop.schema; public class AdviceMethods { public void preGreeting() { System.out.println("--how are you!--"); } } 2.beans.x
  • [Gson八]GsonBuilder序列化和反序列化选项enableComplexMapKeySerialization bit1129 serialization
    enableComplexMapKeySerialization配置项的含义  Gson在序列化Map时，默认情况下，是调用Key的toString方法得到它的JSON字符串的Key，对于简单类型和字符串类型，这没有问题，但是对于复杂数据对象，如果对象没有覆写toString方法，那么默认的toString方法将得到这个对象的Hash地址。   GsonBuilder用于
  • 【Spark九十一】Spark Streaming整合Kafka一些值得关注的问题 bit1129 Stream
    包括Spark Streaming在内的实时计算数据可靠性指的是三种级别： 1. At most once，数据最多只能接受一次，有可能接收不到 2. At least once, 数据至少接受一次，有可能重复接收 3. Exactly once  数据保证被处理并且只被处理一次，   具体的多读几遍http://spark.apache.org/docs/lates
  • shell脚本批量检测端口是否被占用脚本 ronin47
    #!/bin/bash cat ports |while read line do#nc -z -w 10 $line nc -z -w 2 $line 58422>/dev/null2>&1if[ $?-eq 0]then echo $line:ok else echo $line:fail fi done 这里的ports 既可以是文件
  • java-2.设计包含min函数的栈 bylijinnan java
    具体思路参见：http://zhedahht.blog.163.com/blog/static/25411174200712895228171/ import java.util.ArrayList; import java.util.List; public class MinStack { //maybe we can use origin array rathe
  • Netty源码学习-ChannelHandler bylijinnan javanetty
    一般来说，“有状态”的ChannelHandler不应该是“共享”的，“无状态”的ChannelHandler则可“共享” 例如ObjectEncoder是“共享”的, 但 ObjectDecoder 不是 因为每一次调用decode方法时，可能数据未接收完全（incomplete）， 它与上一次decode时接收到的数据“累计”起来才有可能是完整的数据，是“有状态”的 p
  • java生成随机数 cngolon java
    方法一： /** * 生成随机数 * @author [email protected] * @return */ public synchronized static String getChargeSequenceNum(String pre){ StringBuffer sequenceNum = new StringBuffer(); Date dateTime = new D
  • POI读写海量数据 ctrain 海量数据
    import java.io.FileOutputStream; import java.io.OutputStream; import org.apache.poi.xssf.streaming.SXSSFRow; import org.apache.poi.xssf.streaming.SXSSFSheet; import org.apache.poi.xssf.streaming
  • mysql 日期格式化date_format详细使用 daizj mysqldate_format日期格式转换日期格式化
    日期转换函数的详细使用说明  DATE_FORMAT(date,format) Formats the date value according to the format string. The following specifiers may be used in the format string. The&n
  • 一个程序员分享8年的开发经验 dcj3sjt126com 程序员
      在中国有很多人都认为IT行为是吃青春饭的，如果过了30岁就很难有机会再发展下去!其实现实并不是这样子的，在下从事.NET及JAVA方面的开发的也有8年的时间了，在这里在下想凭借自己的亲身经历，与大家一起探讨一下。 明确入行的目的 很多人干IT这一行都冲着“收入高”这一点的，因为只要学会一点HTML, DIV+CSS，要做一个页面开发人员并不是一件难事，而且做一个页面开发人员更容
  • android欢迎界面淡入淡出效果 dcj3sjt126com android
    很多Android应用一开始都会有一个欢迎界面，淡入淡出效果也是用得非常多的，下面来实现一下。 主要代码如下： package com.myaibang.activity; import android.app.Activity;import android.content.Intent;import android.os.Bundle;import android.os.CountDown
  • linux 复习笔记之常见压缩命令 eksliang tar解压linux系统常见压缩命令linux压缩命令tar压缩
    转载请出自出处:http://eksliang.iteye.com/blog/2109693 linux中常见压缩文件的拓展名 *.gz gzip程序压缩的文件 *.bz2 bzip程序压缩的文件 *.tar tar程序打包的数据，没有经过压缩 *.tar.gz tar程序打包后，并经过gzip程序压缩 *.tar.bz2 tar程序打包后，并经过bzip程序压缩 *.zi
  • Android 应用程序发送shell命令 gqdy365 android
    项目中需要直接在APP中通过发送shell指令来控制lcd灯，其实按理说应该是方案公司在调好lcd灯驱动之后直接通过service送接口上来给APP，APP调用就可以控制了，这是正规流程，但我们项目的方案商用的mtk方案，方案公司又没人会改，只调好了驱动，让应用程序自己实现灯的控制，这不蛋疼嘛！！！！ 发就发吧！ 一、关于shell指令： 我们知道，shell指令是Linux里面带的
  • java 无损读取文本文件 hw1287789687 读取文件无损读取读取文本文件charset
    java 如何无损读取文本文件呢？ 以下是有损的 @Deprecated public static String getFullContent(File file, String charset) { BufferedReader reader = null; if (!file.exists()) { System.out.println("getFull
  • Firebase 相关文章索引 justjavac firebase
    Awesome Firebase 最近谷歌收购Firebase的新闻又将Firebase拉入了人们的视野，于是我做了这个 github 项目。 Firebase 是一个数据同步的云服务，不同于 Dropbox 的「文件」，Firebase 同步的是「数据」，服务对象是网站开发者，帮助他们开发具有「实时」（Real-Time）特性的应用。 开发者只需引用一个 API 库文件就可以使用标准 RE
  • C++学习重点 lx.asymmetric C++笔记
    1.c++面向对象的三个特性：封装性，继承性以及多态性。   2.标识符的命名规则：由字母和下划线开头，同时由字母、数字或下划线组成；不能与系统关键字重名。   3.c++语言常量包括整型常量、浮点型常量、布尔常量、字符型常量和字符串性常量。   4.运算符按其功能开以分为六类：算术运算符、位运算符、关系运算符、逻辑运算符、赋值运算符和条件运算符。 &n
  • java bean和xml相互转换 q821424508 javabeanxmlxml和bean转换java bean和xml转换
    这几天在做微信公众号 做的过程中想找个java bean转xml的工具，找了几个用着不知道是配置不好还是怎么回事，都会有一些问题， 然后脑子一热谢了一个javabean和xml的转换的工具里，自己用着还行，虽然有一些约束吧 ， 还是贴出来记录一下      顺便你提一下下，这个转换工具支持属性为集合、数组和非基本属性的对象。   packag
  • C 语言初级 位运算 1140566087 位运算c
    第十章 位运算   1、位运算对象只能是整形或字符型数据，在VC6.0中int型数据占4个字节   2、位运算符： 运算符 作用 ~ 按位求反 << 左移 >> 右移 & 按位与 ^ 按位异或 | 按位或 他们的优先级从高到低；   3、位运算符的运算功能： a、按位取反： ~01001101 = 101
  • 14点睛Spring4.1-脚本编程 wiselyman spring4
    14.1 Scripting脚本编程 脚本语言和java这类静态的语言的主要区别是:脚本语言无需编译,源码直接可运行; 如果我们经常需要修改的某些代码,每一次我们至少要进行编译,打包,重新部署的操作,步骤相当麻烦; 如果我们的应用不允许重启,这在现实的情况中也是很常见的; 在spring中使用脚本编程给上述的应用场景提供了解决方案,即动态加载bean; spring支持脚本
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他