cometwo
cometwo

[置顶] 彻底征服jQuery 插件开发

看之前先看文章：http://blog.csdn.net/libin_1/article/details/51034031

[置顶] 彻底征服jQuery 插件开发_第1张图片

index.html

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>彻底征服jQuery 插件开发</title>

        <script type="text/javascript" src="js/jquery-2.2.4.min.js" ></script>
        <script type="text/javascript" src="js/jQuery.mytabs.js"></script>
        <script type="text/javascript"> $(function() { $("#tab").mytabs(); $("#tab2").mytabs({ bind: 'click', animation: 'left' }); $("#tab3").mytabs({ bind: 'hover', animation: 'up' }); $("#tab4").mytabs({ bind: 'hover', animation: 'fadein' }); }) </script>
        <style> body { background: #fff; } h2 { width: 400px; margin: 0 auto 10px auto; font-size: 18px; font-family: "微软雅黑"; color: red; text-align: center; border: 1px solid red; } .tab { position: relative; width: 400px; height: 230px; overflow: hidden; margin: 0 auto 20px auto; font-family: Arial; border: 1px solid red; } .tab-nav { height: 30px; overflow: hidden; background:green; } .tab-nav a { display: block; float: left; width: 80px; height: 30px; line-height: 30px; text-align: center; text-decoration: none; color: blue; } .tab-nav a.current { background:orange; color: red; } .tab-con { position: relative; width: 400px; height: 200px; overflow: hidden; background: pink; } .tab-con-item { display: none; width: 400px; height: 200px; line-height: 200px; text-align: center; color: red; } </style>
    </head>

    <body>
        <div style="margin:20px auto; text-align:center;border: 1px solid red;">
            <a href="http://blog.csdn.net/libin_1?viewmode=contents" target="_blank" style="color:#06F">彻底征服jQuery 插件开发</a>
        </div>
        <h2>默认样式：自动运行、无动画效果、Hover事件</h2>
        <div class="tab" id="tab">
            <div class="tab-nav j-tab-nav">
                <a href="javascript:void(0);" class="current">Tab1</a>
                <a href="javascript:void(0);">Tab2</a>
                <a href="javascript:void(0);">Tab3</a>
                <a href="javascript:void(0);">Tab4</a>
                <a href="javascript:void(0);">Tab5</a>
            </div>
            <div class="tab-con">
                <div class="j-tab-con">
                    <div class="tab-con-item" style="display:block;">
                        111111
                    </div>
                    <div class="tab-con-item">
                        222222
                    </div>
                    <div class="tab-con-item">
                        333333
                    </div>
                    <div class="tab-con-item">
                        444444
                    </div>
                    <div class="tab-con-item">
                        555555
                    </div>
                </div>
            </div>
        </div>
        <h2>自动运行、向左滚动、点击事件</h2>
        <div class="tab" id="tab2">
            <div class="tab-nav j-tab-nav">
                <a href="javascript:void(0);" class="current">Tab1</a>
                <a href="javascript:void(0);">Tab2</a>
                <a href="javascript:void(0);">Tab3</a>
                <a href="javascript:void(0);">Tab4</a>
                <a href="javascript:void(0);">Tab5</a>
            </div>
            <div class="tab-con">
                <div class="j-tab-con">
                    <div class="tab-con-item" style="display:block;">
                        111111
                    </div>
                    <div class="tab-con-item">
                        222222
                    </div>
                    <div class="tab-con-item">
                        333333
                    </div>
                    <div class="tab-con-item">
                        444444
                    </div>
                    <div class="tab-con-item">
                        555555
                    </div>
                </div>
            </div>
        </div>
        <h2>自动运行、向上滚动、Hover事件</h2>
        <div class="tab" id="tab3">
            <div class="tab-nav j-tab-nav">
                <a href="javascript:void(0);" class="current">Tab1</a>
                <a href="javascript:void(0);">Tab2</a>
                <a href="javascript:void(0);">Tab3</a>
                <a href="javascript:void(0);">Tab4</a>
                <a href="javascript:void(0);">Tab5</a>
            </div>
            <div class="tab-con">
                <div class="j-tab-con">
                    <div class="tab-con-item" style="display:block;">
                        111111
                    </div>
                    <div class="tab-con-item">
                        222222
                    </div>
                    <div class="tab-con-item">
                        333333
                    </div>
                    <div class="tab-con-item">
                        444444
                    </div>
                    <div class="tab-con-item">
                        555555
                    </div>
                </div>
            </div>
        </div>
        <h2>自动运行、渐入、Hover事件</h2>
        <div class="tab" id="tab4">
            <div class="tab-nav j-tab-nav">
                <a href="javascript:void(0);" class="current">Tab1</a>
                <a href="javascript:void(0);">Tab2</a>
                <a href="javascript:void(0);">Tab3</a>
                <a href="javascript:void(0);">Tab4</a>
                <a href="javascript:void(0);">Tab5</a>
            </div>
            <div class="tab-con">
                <div class="j-tab-con">
                    <div class="tab-con-item" style="display:block;">
                        111111
                    </div>
                    <div class="tab-con-item">
                        222222
                    </div>
                    <div class="tab-con-item">
                        333333
                    </div>
                    <div class="tab-con-item">
                        444444
                    </div>
                    <div class="tab-con-item">
                        555555
                    </div>
                </div>
            </div>
        </div>

    </body>

</html>

jquery.mytabs.js

(function($) { $.fn.mytabs = function(options) { //默认值 var defaultVal = { btnClass: '.j-tab-nav', /*按钮的父级Class*/ conClass: '.j-tab-con', /*内容的父级Class*/ bind: 'hover', /*事件参数 click,hover*/ animation: '0', /*动画方向 left,up,fadein,0 为无动画*/ speed: 300, /*动画运动速度*/ delay: 200, /*Tab延迟速度*/ auto: true, /*是否开启自动运行 true,false*/ autoSpeed: 3000 /*自动运行速度*/ }; //全局变量 var obj = $.extend(defaultVal, options), evt = obj.bind, btn = $(this).find(obj.btnClass), con = $(this).find(obj.conClass), anim = obj.animation, conWidth = con.width(), conHeight = con.height(), len = con.children().length, sw = len * conWidth, sh = len * conHeight, i = 0, len, t, timer; return this.each(function() { //判断动画方向 function judgeAnim() { var w = i * conWidth, h = i * conHeight; btn.children().removeClass('current').eq(i).addClass('current'); switch (anim) { case '0': con.children().hide().eq(i).show(); break; case 'left': con.css({ position: 'absolute', width: sw }).children().css({ float: 'left', display: 'block' }).end().stop().animate({ left: -w }, obj.speed); break; case 'up': con.css({ position: 'absolute', height: sh }).children().css({ display: 'block' }).end().stop().animate({ top: -h }, obj.speed); break; case 'fadein': con.children().hide().eq(i).fadeIn(); break; } } //判断事件类型 if (evt == "hover") { btn.children().hover(function() { var j = $(this).index(); function s() { i = j; judgeAnim(); } timer = setTimeout(s, obj.delay); }, function() { clearTimeout(timer); }) } else { btn.children().bind(evt, function() { i = $(this).index(); judgeAnim(); }) } //自动运行 function startRun() { t = setInterval(function() { i++; if (i >= len) { switch (anim) { case 'left': con.stop().css({ left: conWidth }); break; case 'up': con.stop().css({ top: conHeight }); } i = 0; } judgeAnim(); }, obj.autoSpeed) } //如果自动运行开启，调用自动运行函数 if (obj.auto) { $(this).hover(function() { clearInterval(t); }, function() { startRun(); }) startRun(); } }) } })(jQuery);

为什么要在 $.fn.mytabs 中返回this.each();

    在返回this之前，需要完成插件的功能mytabs，
因为调用的mytabs插件的为一个jquery对象数组，所以需要调用each方法对每一个对象执行mytabs

       //在这里面,this指的是用jQuery选中的元素
       //example :$('a'),则this=$('a')

当然你可以:

全选复制放进笔记this.each(function(){
....
});

return this; 

实在理解不了理解不了用$(this).each(function(){
....
});

return this; 也行！！！

你可能感兴趣的:(jquery,this,插件,jquery插件)

  • 移动端城市区县二级联动选择功能实现包 good2know
    本文还有配套的精品资源，点击获取简介：本项目是一套为移动端设计的jQuery实现方案，用于简化用户在选择城市和区县时的流程。它包括所有必需文件：HTML、JavaScript、CSS及图片资源。通过动态更新下拉菜单选项，实现城市到区县的联动效果，支持数据异步加载。开发者可以轻松集成此功能到移动网站或应用，并可基于需求进行扩展和优化。1.jQuery移动端解决方案概述jQuery技术简介jQuery
  • Flutter权限插件详解：permission_handler使用指南 AI移动开发前沿 AI移动端开发宝典flutterai
    Flutter权限插件详解：permission_handler使用指南关键词：Flutter、权限插件、permission_handler、权限管理、移动开发摘要：本文围绕Flutter开发中常用的权限插件permission_handler展开详细介绍。首先阐述了在Flutter应用开发中处理权限的背景和重要性，接着深入解析permission_handler的核心概念、架构以及工作原理，通
  • Ubuntu24安装MariaDB/MySQL后不知道root密码如何解决
    Ubuntu24.04安装MariaDB后root密码未知？解决方案在此在Ubuntu24.04上新安装MariaDB后，许多用户会发现自己不知道root用户的密码，甚至在安装过程中也没有提示设置密码。这是因为在较新的MariaDB版本中，默认情况下root用户采用了unix_socket身份验证插件。这意味着您可以使用操作系统的root用户权限直接登录MariaDB，而无需输入密码。本文将为您详
  • 一个开源AI牛马神器 | AiPy，平替Manus，装完直接上手写Python！ Agent加载失败 人工智能python开源算法AI编程
    还记得三个月前那个在闲鱼被炒到万元邀请码的Manus吗？现在你点官网，直接提示「所在地区不可用」了它走了，但更香的国产开源项目出现了：AiPy（爱派）。主打一个极致简化的AIAgent理念：别搞什么插件市场、Agent路由，直接给AI一个Python解释器，让它用自然语言写代码干活。听起来狠活？实际体验更狠：•完全本地化，界面傻瓜式操作，支持自然语言生成&执行Python任务；•数据清洗、文档总结
  • 开发避坑短篇(7)：Vue+window.print()打印实践 帧栈 避坑指南vue.js前端elementui
    需求vue项目中如何打印当前页面内容？解决办法使用浏览器原生APIwindow.print()，这是最简单直接的方式，通过调用window.print()方法触发浏览器打印功能‌。在vue项目中直接调用print()方法即可，无须引入任何插件。如下：functionhandlePrint(){setTimeout(_=>print(),500)}打印页面样式控制可以使用@mediaprint来控制
  • Python 数据可视化神器—Pyecharts 代码输入中... pythonecharts开发语言数据分析pycharm
    前言Echarts是百度开源的一款数据可视化JS工具，数据可视化类型十分丰富，但是得通过导入js库在JavaWeb项目上运行。作为工作中常用Python的选手，不能不知道这款数据可视化插件的强大。那么，能否在Python中也能用到Echarts的功能呢?寻找中惊喜地发现了pyecharts，只需在python中安装该模块即可使用。安装常用的pip安装包一键安装pyecharts#pyecharts
  • ROS2编写一个简单的插件 CrimsonEmber ROS笔记ROS2笔记学习
    1.createabaseclasspackageros2pkgcreate--build-typeament_cmake--licenseApache-2.0--dependenciespluginlib--node-namearea_nodepolygon_base编辑ros2_ws/src/polygon_base/include/polygon_base/regular_polygon.h
  • 【亲测免费】 探索PF4J：Java插件框架的革命性选择 农优影
    探索PF4J：Java插件框架的革命性选择项目介绍PF4J（PluginFrameworkforJava）是一个开源的、轻量级的Java插件框架，旨在将传统的单体Java应用转变为模块化应用。PF4J的核心理念是保持简单且高度可扩展，它通过插件机制允许第三方扩展应用功能，同时支持定义和实现扩展点。PF4J不仅依赖少（仅依赖slf4j-api），而且体积小巧（约100KB），是构建现代Java应用的
  • UE5 自动生成插件汇总：提升创作效率的得力助手 阿贾克斯的黎明 游戏开发ue5
    目录UE5自动生成插件汇总：提升创作效率的得力助手目录一、地形生成插件1.Polycam2.M4电影级地形工具包3.WorldCreatortoUnrealEngine插件二、场景生成插件1.PrometheanAI2.physicallayout（物理布局）三、动画生成插件1.CasterAI2.blender骨骼绑定模型一键导入UE5场景插件MagicBoneUE5RigCreator四、特效
  • 不坑盒子：Word里1秒制作“花括号”题目，多音字组词、形近字组词…… 不坑老师 word
    1.30秒看懂它能干啥用“不坑盒子”插件，在Word里输入：乐,lè(快乐),yuè(音乐);长,cháng(长短),zhǎng(长大)点一下【总分关系】，瞬间出现左边是“乐”右边并列两行拼音+括号的花括号结构；再点【并列关系】，又能做出只有右侧多行的括号图。全程1秒，格式自动对齐，再也不用手动画括号！2.为什么突然火了？期末老师要出多音字/同音字/形近字练习，传统做法手动画括号、调对齐，10分钟
  • Kubeadm 快速搭建 k8s 集群&&安装可视化管理界面 头发莫的了呀 Kuberneteskubernetesdocker运维
    文章目录1.实验准备2.安装docker3.配置阿里云K8Srepo源（三个节点）4.安装kubeadm，kubelet，kubectl（三个节点）5.部署kubernetesMaster节点（master节点上执行）6.k8s-node节点加入master节点（两个node执行）7.安装Pod网络插件（CNI插件，master节点）8.master节点安装可视化管理界面dashboard1.实验
  • RabbitMQ 如何通过插件扩展功能？常用的插件有哪些？ dj_master RabbitMQrabbitmqpython分布式
    RabbitMQ提供了强大的插件机制，允许通过安装插件扩展其核心功能。这些插件可以增强消息处理能力、集成外部系统、添加协议支持等。下面详细介绍RabbitMQ插件的使用方式、常用插件及其在Java中的应用示例。一、RabbitMQ插件机制与使用方法RabbitMQ的插件基于Erlang/OTP平台开发，以.ez格式分发，通常由社区或官方维护。1.插件管理命令#查看所有可用插件rabbitmq-pl
  • Anaconda（AI生成测试） harrio_ python
    技术文章大纲：Anaconda插件开发挑战赛引言Anaconda作为数据科学与机器学习的核心工具，其插件生态系统的扩展性为开发者提供了广阔的创新空间。插件开发挑战赛旨在激励开发者探索Anaconda的潜力，解决实际场景中的技术痛点。以下为技术文章的核心框架。Anaconda插件开发的核心价值插件开发能够增强Anaconda的功能模块化，例如集成新的编程语言支持、优化包管理流程或扩展可视化工具。通过
  • 即便你已经在浏览器中启用了 JavaScript有时网页依然可能出现功能失效、内容加载不完整或按钮点击无反应等问题。这些问题通常由 JavaScript 冲突
    即便你已经在浏览器中启用了JavaScript有时网页依然可能出现功能失效、内容加载不完整或按钮点击无反应等问题。这些问题通常由JavaScript冲突、浏览器设置不当或插件干扰等原因引起。作为HostEase的技术人员我将为你提供一系列简单有效的JavaScript故障排除方法帮助你快速定位并解决这些问题。禁用可能干扰JavaScript的浏览器扩展,广告拦截器,安全插件或某些脚本管理器可能会干
  • Anaconda插件开发 黑客法 技术支持深度学习
    Anaconda插件开发挑战赛技术文章大纲一、引言：插件生态的价值Anaconda在数据科学生态中的核心地位插件系统对平台扩展性的关键作用挑战赛对开发者生态建设的意义二、开发环境搭建#示例：创建插件开发环境condacreate-nplugin-devpython=3.9condaactivateplugin-devpipinstallanaconda-plugin-sdk三、插件架构剖析核心组件
  • Anaconda插件开发挑战赛 张文6.7 人工智能开发语言区块链AI编程
    引言介绍Anaconda在数据科学和Python开发中的重要性插件生态系统的价值与Anaconda插件开发的意义概述挑战赛的目标与参赛者的预期收获Anaconda插件开发基础Anaconda平台的核心功能与插件架构开发环境搭建：AnacondaDistribution、conda与相关工具链插件类型与常见应用场景（如Jupyter扩展、IDE集成、数据可视化工具等）挑战赛关键技术要点插件开发的核心
  • 技术文章大纲：Anaconda插件开发挑战赛引言介绍Anaconda在数据科学和PythonUH开发中的重要性 aadwje eclipseide
    即便你已经在浏览器中启用了JavaScript有时网页依然可能出现功能失效、内容加载不完整或按钮点击无反应等问题。这些问题通常由JavaScript冲突、浏览器设置不当或插件干扰等原因引起。作为HostEase的技术人员我将为你提供一系列简单有效的JavaScript故障排除方法帮助你快速定位并解决这些问题。禁用可能干扰JavaScript的浏览器扩展,广告拦截器,安全插件或某些脚本管理器可能会干
  • 揭秘MavenShading和Maven依赖优先级：解决依赖冲突的终极方案 lifallen Java开发语言javaidemaven
    MavenShading的原理MavenShading是一种在构建项目时，用来解决Java项目中“依赖冲突”问题的技术。当你的项目或者你项目所依赖的库，同时引用了另一个库的不同版本时，就可能出现依赖冲突，这会导致程序在运行时出现ClassNotFoundException或NoSuchMethodError等错误。MavenShading的核心原理是通过maven-shade-plugin插件，将
  • C#开发效率革命：ReSharper插件让你的代码“一键优化” 墨夶 C#学习资料c#服务器开发语言
    一、ReSharper：C#开发者的“外挂级”效率神器1.1什么是ReSharper？ReSharper是JetBrains公司为VisualStudio开发的终极扩展插件，专为.NET开发者设计。它通过实时代码分析、智能重构、超快导航等功能，将C#开发效率提升到全新高度。核心能力代码质量监控：实时检测潜在错误（如空引用、冗余代码）。智能重构：一键优化代码结构（重命名、提取方法、内联变量）。闪电导
  • 谷歌浏览器F12开发者工具格式化js代码 zpj~.~ javascript调试
    谷歌浏览器F12开发者工具调试代码时，一般插件的js文件都是非格式化存储的，调试时非格式化文件不能直观显示，可以格式化代码后再调试。在最底部的工具栏有一个"{}"样的图标(PrettyPrint)，点一下就格式化了。
  • JAVA HTTP大文件分片断点续传 weixin_52041354 java大文件上传java大文件秒传java大文件上传下载java文件传输解决方案jsp大文件上传java断点续传jsp加密传输
    要求：开源，免费，技术支持技术：分片,分块,断点续传,加密传输,加密存储需求：大文件上传，批量上传，断点续传，文件夹上传，大文件下载，批量下载，断点下载，文件夹下载文件夹：上传下载需要支持层级结构，采用非压缩方式文件大小：100G前端：vue2,vue3,vue-cli,jquery,html,webuploader后端：java,JSP,springboot,struts服务器：linux,信创
  • maven-shade-plugin插件将项目打成可执行的jar包 九师兄 工具-maven
    使用maven-shade-plugin插件将项目打成可执行的jar包1、在pom.xml文件中添加maven-shade-plugin插件全部文件：maven-compiler-plugin1.61.6org.apache.maven.plugins<
  • Vscode的常用快捷键（摆脱鼠标计划） Hi_kenyon vscode计算机外设ide
    我在使用python开发一个python项目工程，下面是我平时用到的快捷键、vscode设置与vscode插件快捷键以下是在VSCode中开发Python项目时可能用到的所有快捷键，按功能分类：Ctrl+P快速打开Ctrl+Shift+P打开VS配置Ctrl+K快捷组合键先导键基础文件操作Ctrl+N新建文件Ctrl+O打开文件Ctrl+S保存文件Ctrl+Shift+S另存为Ctrl+W关闭当前
  • 技术文章大纲：Anaconda插件开发挑战赛
    即便你已经在浏览器中启用了JavaScript有时网页依然可能出现功能失效、内容加载不完整或按钮点击无反应等问题。这些问题通常由JavaScript冲突、浏览器设置不当或插件干扰等原因引起。作为HostEase的技术人员我将为你提供一系列简单有效的JavaScript故障排除方法帮助你快速定位并解决这些问题。禁用可能干扰JavaScript的浏览器扩展,广告拦截器,安全插件或某些脚本管理器可能会干
  • 线上OOM排查 索芙特安吉尼尔 Debugjava
    安装MAT插件打开OOM日志点击ProblemSuspect，JavaBasic，ThreadDetail发现是在这一行查询的数据量太大了，导致OOM，每个线程都是相同的问题。解决：改写SQL，不需要的字段不查，限制查询的数量
  • 【DBeaver 安装 MongoDB 插件】
    手动添加驱动（适用于网络受限或特定版本需求）1、安装dbeaver2、下载驱动文件从MongoDBJavaDriver官网下载最新版.jar文件（如mongo-java-driver-3.12.14.jar）26。下载链接：通过网盘分享的文件：mongodb-driver.zip链接:https://pan.baidu.com/s/1OcZ3k8YfOUezYlA2qBByCQ提取码:wy2h把插
  • jQuery：浅谈setInterval()方法 Dy大叔 前端开发记录jquery前端javascript
    定义和用法：setInterval()方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。setInterval()方法会不停地调用函数，直到clearInterval()被调用或窗口被关闭。由setInterval()返回的ID值可用作clearInterval()方法的参数。vartime=0；用法1：functionjump(){…………//函数内容}time=setInterval("
  • HTML5：中如何触发按钮点击事件 Dy大叔 前端开发记录HTML5html
    在HTML5中，可以通过多种方式触发按钮点击事件，包括使用JavaScript原生方法、使用jQuery库和使用HTML表单和提交按钮，根据项目需求和技术栈选择合适的方法来实现按钮点击事件的触发。使用JavaScript原生方法在HTML5中，可以使用JavaScript的addEventListener方法为按钮添加点击事件，需要在HTML文件中创建一个按钮元素，并为其设置一个唯一的ID，在Ja
  • Jsoup爬虫工具实现背景图片爬取 无脑程序猿 jsoup网络爬虫背景图片下载Jsoup-jar
    Jsoup爬虫工具实现背景图片爬取soup是一款Java的HTML解析器，可直接解析某个URL地址、HTML文本内容。它提供了一套非常省力的API，可通过DOM，CSS以及类似于jQuery的操作方法来取出和操作数据。复制代码之前准备工作首先要将需要的jar包复制到WEB-INF>>lib下面需要下载的Jsoup.jar包以及其使用的具体操作文档下载地址[点击下载]代码块亲测：1366x768大小
  • java第三方控件的使用,pf4j: PF4J 是一个 Java 的插件框架，为第三方提供应用扩展的渠道。使用 PF4J 你可以轻松将一个普通的 Java 应用转成一个模块化的应用。PF4J 本身非常...
    PluginFrameworkforJava(PF4J)Apluginisawayforathirdpartytoextendthefunctionalityofanapplication.Apluginimplementsextensionpointsdeclaredbyapplicationorotherplugins.Alsoaplugincandefineextensionpoints.N
  • Nginx负载均衡 510888780 nginx应用服务器
    Nginx负载均衡一些基础知识: nginx 的 upstream目前支持 4 种方式的分配 1)、轮询（默认）       每个请求按时间顺序逐一分配到不同的后端服务器，如果后端服务器down掉，能自动剔除。 2)、weight       指定轮询几率，weight和访问比率成正比
  • RedHat 6.4 安装 rabbitmq bylijinnan erlangrabbitmqredhat
    在 linux 下安装软件就是折腾，首先是测试机不能上外网要找运维开通，开通后发现测试机的 yum 不能使用于是又要配置 yum 源，最后安装 rabbitmq 时也尝试了两种方法最后才安装成功 机器版本： [root@redhat1 rabbitmq]# lsb_release LSB Version: :base-4.0-amd64:base-4.0-noarch:core
  • FilenameUtils工具类 eksliang FilenameUtilscommon-io
    转载请出自出处：http://eksliang.iteye.com/blog/2217081 一、概述 这是一个Java操作文件的常用库，是Apache对java的IO包的封装，这里面有两个非常核心的类FilenameUtils跟FileUtils，其中FilenameUtils是对文件名操作的封装;FileUtils是文件封装，开发中对文件的操作，几乎都可以在这个框架里面找到。 非常的好用。
  • xml文件解析SAX 不懂事的小屁孩 xml
    xml文件解析:xml文件解析有四种方式， 1.DOM生成和解析XML文档(SAX是基于事件流的解析) 2.SAX生成和解析XML文档(基于XML文档树结构的解析) 3.DOM4J生成和解析XML文档 4.JDOM生成和解析XML 本文章用第一种方法进行解析，使用android常用的DefaultHandler import org.xml.sax.Attributes;
  • 通过定时任务执行mysql的定期删除和新建分区，此处是按日分区 酷的飞上天空 mysql
    使用python脚本作为命令脚本，linux的定时任务来每天定时执行 #!/usr/bin/python # -*- coding: utf8 -*- import pymysql import datetime import calendar #要分区的表 table_name = 'my_table' #连接数据库的信息 host,user,passwd,db =
  • 如何搭建数据湖架构？听听专家的意见 蓝儿唯美 架构
    Edo Interactive在几年前遇到一个大问题：公司使用交易数据来帮助零售商和餐馆进行个性化促销，但其数据仓库没有足够时间去处理所有的信用卡和借记卡交易数据  “我们要花费27小时来处理每日的数据量，”Edo主管基础设施和信息系统的高级副总裁Tim Garnto说道：“所以在2013年，我们放弃了现有的基于PostgreSQL的关系型数据库系统，使用了Hadoop集群作为公司的数
  • spring学习——控制反转与依赖注入 a-john spring
           控制反转（Inversion of Control，英文缩写为IoC）是一个重要的面向对象编程的法则来削减计算机程序的耦合问题，也是轻量级的Spring框架的核心。 控制反转一般分为两种类型，依赖注入（Dependency Injection，简称DI）和依赖查找（Dependency Lookup）。依赖注入应用比较广泛。  
  • 用spool+unixshell生成文本文件的方法 aijuans xshell
    例如我们把scott.dept表生成文本文件的语句写成dept.sql,内容如下: 　　set pages 50000; 　　set lines 200; 　　set trims on; 　　set heading off; 　　spool /oracle_backup/log/test/dept.lst; 　　select deptno||','||dname||','||loc
  • 1、基础--名词解析(OOA/OOD/OOP) asia007 学习基础知识
    OOA:Object-Oriented Analysis（面向对象分析方法） 是在一个系统的开发过程中进行了系统业务调查以后，按照面向对象的思想来分析问题。OOA与结构化分析有较大的区别。OOA所强调的是在系统调查资料的基础上，针对OO方法所需要的素材进行的归类分析和整理，而不是对管理业务现状和方法的分析。 　　OOA（面向对象的分析）模型由5个层次（主题层、对象类层、结构层、属性层和服务层）
  • 浅谈java转成json编码格式技术 百合不是茶 json编码java转成json编码
    json编码;是一个轻量级的数据存储和传输的语言       在java中需要引入json相关的包,引包方式在工程的lib下就可以了   JSON与JAVA数据的转换（JSON 即 JavaScript Object Natation，它是一种轻量级的数据交换格式，非   常适合于服务器与 JavaScript 之间的数据的交
  • web.xml之Spring配置(基于Spring+Struts+Ibatis) bijian1013 javaweb.xmlSSIspring配置
    指定Spring配置文件位置 <context-param> <param-name>contextConfigLocation</param-name> <param-value> /WEB-INF/spring-dao-bean.xml,/WEB-INF/spring-resources.xml, /WEB-INF/
  • Installing SonarQube（Fail to download libraries from server） sunjing InstallSonar
    1.  Download and unzip the SonarQube distribution 2.  Starting the Web Server The default port is "9000" and the context path is "/". These values can be changed in &l
  • 【MongoDB学习笔记十一】Mongo副本集基本的增删查 bit1129 mongodb
    一、创建复本集   假设mongod,mongo已经配置在系统路径变量上，启动三个命令行窗口，分别执行如下命令：   mongod --port 27017 --dbpath data1 --replSet rs0 mongod --port 27018 --dbpath data2 --replSet rs0 mongod --port 27019 -
  • Anychart图表系列二之执行Flash和HTML5渲染 白糖_ Flash
    今天介绍Anychart的Flash和HTML5渲染功能   HTML5 Anychart从6.0第一个版本起，已经逐渐开始支持各种图的HTML5渲染效果了，也就是说即使你没有安装Flash插件，只要浏览器支持HTML5，也能看到Anychart的图形（不过这些是需要做一些配置的）。 这里要提醒下大家，Anychart6.0版本对HTML5的支持还不算很成熟，目前还处于
  • Laravel版本更新异常4.2.8-> 4.2.9 Declaration of ... CompilerEngine ... should be compa bozch laravel
    昨天在为了把laravel升级到最新的版本，突然之间就出现了如下错误： ErrorException thrown with message "Declaration of Illuminate\View\Engines\CompilerEngine::handleViewException() should be compatible with Illuminate\View\Eng
  • 编程之美-NIM游戏分析-石头总数为奇数时如何保证先动手者必胜 bylijinnan 编程之美
    import java.util.Arrays; import java.util.Random; public class Nim { /**编程之美 NIM游戏分析 问题： 有N块石头和两个玩家A和B，玩家A先将石头随机分成若干堆，然后按照BABA...的顺序不断轮流取石头， 能将剩下的石头一次取光的玩家获胜，每次取石头时，每个玩家只能从若干堆石头中任选一堆，
  • lunce创建索引及简单查询 chengxuyuancsdn 查询创建索引lunce
    import java.io.File; import java.io.IOException; import org.apache.lucene.analysis.Analyzer; import org.apache.lucene.analysis.standard.StandardAnalyzer; import org.apache.lucene.document.Docume
  • [IT与投资]坚持独立自主的研究核心技术 comsci it
           和别人合作开发某项产品....如果互相之间的技术水平不同,那么这种合作很难进行,一般都会成为强者控制弱者的方法和手段.....        所以弱者,在遇到技术难题的时候,最好不要一开始就去寻求强者的帮助,因为在我们这颗星球上,生物都有一种控制其
  • flashback transaction闪回事务查询 daizj oraclesql闪回事务
       闪回事务查询有别于闪回查询的特点有以下3个： （1）其正常工作不但需要利用撤销数据，还需要事先启用最小补充日志。 （2）返回的结果不是以前的“旧”数据，而是能够将当前数据修改为以前的样子的撤销SQL（Undo SQL）语句。 （3）集中地在名为flashback_transaction_query表上查询，而不是在各个表上通过“as of”或“vers
  • Java I/O之FilenameFilter类列举出指定路径下某个扩展名的文件 游其是你 FilenameFilter
    这是一个FilenameFilter类用法的例子，实现的列举出“c:\\folder“路径下所有以“.jpg”扩展名的文件。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28
  • C语言学习五函数，函数的前置声明以及如何在软件开发中合理的设计函数来解决实际问题 dcj3sjt126com c
    # include <stdio.h> int f(void) //括号中的void表示该函数不能接受数据，int表示返回的类型为int类型 { return 10; //向主调函数返回10 } void g(void) //函数名前面的void表示该函数没有返回值 { //return 10; //error 与第8行行首的void相矛盾 } in
  • 今天在测试环境使用yum安装，遇到一个问题： Error: Cannot retrieve metalink for repository: epel. Pl dcj3sjt126com centos
    今天在测试环境使用yum安装，遇到一个问题： Error: Cannot retrieve metalink for repository: epel. Please verify its path and try again   处理很简单，修改文件“/etc/yum.repos.d/epel.repo”， 将baseurl的注释取消， mirrorlist注释掉。即可。 &n
  • 单例模式 shuizhaosi888 单例模式
    单例模式      懒汉式 public class RunMain { /** * 私有构造 */ private RunMain() { } /** * 内部类，用于占位，只有 */ private static class SingletonRunMain { priv
  • Spring Security（09）——Filter 234390216 Spring Security
    Filter 目录 1.1     Filter顺序 1.2     添加Filter到FilterChain 1.3     DelegatingFilterProxy 1.4     FilterChainProxy 1.5
  • 公司项目NODEJS实践0.1 逐行分析JS源代码 mongodbnginxubuntunodejs
      一、前言         前端如何独立用nodeJs实现一个简单的注册、登录功能，是不是只用nodejs+sql就可以了？其实是可以实现，但离实际应用还有距离，那要怎么做才是实际可用的。         网上有很多nod
  • java.lang.Math liuhaibo_ljf javaMathlang
    System.out.println(Math.PI); System.out.println(Math.abs(1.2)); System.out.println(Math.abs(1.2)); System.out.println(Math.abs(1)); System.out.println(Math.abs(111111111)); System.out.println(Mat
  • linux下时间同步 nonobaba ntp
    今天在linux下做hbase集群的时候，发现hmaster启动成功了，但是用hbase命令进入shell的时候报了一个错误  PleaseHoldException: Master is initializing，查看了日志，大致意思是说master和slave时间不同步，没办法，只好找一种手动同步一下，后来发现一共部署了10来台机器，手动同步偏差又比较大，所以还是从网上找现成的解决方
  • ZooKeeper3.4.6的集群部署 roadrunners zookeeper集群部署
    ZooKeeper是Apache的一个开源项目，在分布式服务中应用比较广泛。它主要用来解决分布式应用中经常遇到的一些数据管理问题，如：统一命名服务、状态同步、集群管理、配置文件管理、同步锁、队列等。这里主要讲集群中ZooKeeper的部署。   1、准备工作 我们准备3台机器做ZooKeeper集群，分别在3台机器上创建ZooKeeper需要的目录。   数据存储目录
  • Java高效读取大文件 tomcat_oracle java
    　　读取文件行的标准方式是在内存中读取，Guava 和Apache Commons IO都提供了如下所示快速读取文件行的方法： 　　Files.readLines(new File(path), Charsets.UTF_8); 　　FileUtils.readLines(new File(path)); 　　这种方法带来的问题是文件的所有行都被存放在内存中，当文件足够大时很快就会导致
  • 微信支付api返回的xml转换为Map的方法 xu3508620 xmlmap微信api
    举例如下： <xml>    <return_code><![CDATA[SUCCESS]]></return_code>    <return_msg><![CDATA[OK]]></return_msg>    <appid><
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他