wsqwljw
wsqwljw

javaWeb_15——JQuery高级（动画，遍历，事件绑定，插件、抽奖）

目录

    • 今日内容：
  • JQuery 高级
    • 1. 动画
      • 1. 三种方式显示和隐藏元素
          • 1. 默认显示和隐藏方式
          • 2. 滑动显示和隐藏方式
          • 3. 淡入淡出显示和隐藏方式
    • 2. 遍历
    • 3. 事件绑定
        • 1. jquery标准的绑定方式
        • 2. on绑定事件/off解除绑定
        • 3. 事件切换：toggle
    • 4. 案例
        • 1. 广告显示和隐藏
        • 2. 抽奖
        • 5. 插件：增强JQuery的功能

javaWeb_15——JQuery高级（动画，遍历，事件绑定，插件、抽奖）_第1张图片

今日内容：

  1. JQuery 高级
    1. 动画
    2. 遍历
    3. 事件绑定
    4. 案例
    5. 插件

JQuery 高级

1. 动画

1. 三种方式显示和隐藏元素

菜鸟文档

1. 默认显示和隐藏方式

javaWeb_15——JQuery高级（动画，遍历，事件绑定，插件、抽奖）_第2张图片

参数
speed 速度。“slow”,“normal”, “fast”) 或动画时长的毫秒数值(如：1000)
easing easing：用来指定切换效果，默认是"swing"，可用参数"linear"
* swing：动画执行时效果是 先慢，中间快，最后又慢
* linear：动画执行时速度是匀速的
fn fn：在动画完成时执行的函数，每个元素执行一次。 
show([speed,[easing],[fn]])  		 |  显示
hide([speed,[easing],[fn]])			 |		隐藏
toggle([speed],[easing],[fn])		 |			切换
2. 滑动显示和隐藏方式
1. slideDown([speed],[easing],[fn])
2. slideUp([speed,[easing],[fn]])
3. slideToggle([speed],[easing],[fn])
3. 淡入淡出显示和隐藏方式
1. fadeIn([speed],[easing],[fn])
2. fadeOut([speed],[easing],[fn])
3. fadeToggle([speed,[easing],[fn]])

2. 遍历

javaWeb_15——JQuery高级（动画，遍历，事件绑定，插件、抽奖）_第3张图片

  1. js的遍历方式
    • for(初始化值;循环结束条件;步长)
  2. jq的遍历方式
    1. jq对象.each(callback)
      1. 语法：
        jquery对象.each(function(index,element){});
        * index:就是元素在集合中的索引
        * element：就是集合中的每一个元素对象
        * this：集合中的每一个元素对象
      2. 回调函数返回值：
        • true:如果当前function返回为false，则结束循环(break)。
        • false:如果当前function返回为true，则结束本次循环，继续下次循环(continue)
    2. $.each(object, [callback])
    3. for…of: jquery 3.0 版本之后提供的方式
      for(元素对象 of 容器对象)

3. 事件绑定

1. jquery标准的绑定方式

javaWeb_15——JQuery高级（动画，遍历，事件绑定，插件、抽奖）_第4张图片

  • jq对象.事件方法(回调函数)；
  • 注：如果调用事件方法，不传递回调函数，则会触发浏览器默认行为。
    • 表单对象.submit();//让表单提交

2. on绑定事件/off解除绑定

javaWeb_15——JQuery高级（动画，遍历，事件绑定，插件、抽奖）_第5张图片

  • jq对象.on(“事件名称”,回调函数)
  • jq对象.off(“事件名称”)
    • 如果off方法不传递任何参数，则将组件上的所有事件全部解绑

3. 事件切换：toggle

javaWeb_15——JQuery高级（动画，遍历，事件绑定，插件、抽奖）_第6张图片

  • jq对象.toggle(fn1,fn2…)

    • 当单击jq对象对应的组件后，会执行fn1.第二次点击会执行fn2…

  • 注意：1.9版本 .toggle() 方法删除,jQuery Migrate（迁移）插件可以恢复此功能

4. 案例

1. 广告显示和隐藏

javaWeb_15——JQuery高级（动画，遍历，事件绑定，插件、抽奖）_第7张图片

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>广告的自动显示与隐藏</title>
 <style>
     #content{width:100%;height:500px;background:#999}
 </style>

 <!--引入jquery-->
 <script type="text/javascript" src="../js/jquery-3.3.1.min.js"></script>
 <script>
     
         需求：
             1. 当页面加载完，3秒后。自动显示广告
             2. 广告显示5秒后，自动消失。

         分析：
             1. 使用定时器来完成。setTimeout (执行一次定时器)
             2. 分析发现JQuery的显示和隐藏动画效果其实就是控制display
             3. 使用  show/hide方法来完成广告的显示
      

     //入口函数，在页面加载完成之后，定义定时器，调用这两个方法
     $(function () {
        //定义定时器，调用adShow方法 3秒后执行一次
        setTimeout(adShow,3000);
        //定义定时器，调用adHide方法，8秒后执行一次
         setTimeout(adHide,8000);
     });
     //显示广告
     function adShow() {
         //获取广告div，调用显示方法
         $("#ad").show("slow");
     }
     //隐藏广告
     function adHide() {
         //获取广告div，调用隐藏方法
         $("#ad").hide("slow");
     }



 </script>
</head>
<body>
<!-- 整体的DIV -->
<div>
 <!-- 广告DIV -->
 <div id="ad" style="display: none;">
     <img style="width:100%" src="../img/adv.jpg" />
 </div>

 <!-- 下方正文部分 -->
 <div id="content">
     正文部分
 </div>
</div>
</body>
</html>

2. 抽奖

javaWeb_15——JQuery高级（动画，遍历，事件绑定，插件、抽奖）_第8张图片

javaWeb_15——JQuery高级（动画，遍历，事件绑定，插件、抽奖）_第9张图片

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>jquery案例之抽奖</title>
    <script type="text/javascript" src="../js/jquery-3.3.1.min.js"></script>

	<script language='javascript' type='text/javascript'>

        
	            分析：
	                1. 给开始按钮绑定单击事件
	                    1.1 定义循环定时器
	                    1.2 切换小相框的src属性
	                        * 定义数组，存放图片资源路径
	                        * 生成随机数。数组索引
	
	
	                2. 给结束按钮绑定单击事件
	                    1.1 停止定时器
	                    1.2 给大相框设置src属性

        
        var imgs = ["../img/man00.jpg",
                    "../img/man01.jpg",
                    "../img/man02.jpg",
                    "../img/man03.jpg",
                    "../img/man04.jpg",
                    "../img/man05.jpg",
                    "../img/man06.jpg",
                    ];
        var startId;//开始定时器的id
        var index;//随机角标
        $(function () {
            //处理按钮是否可以使用的效果
            $("#startID").prop("disabled",false);
            $("#stopID").prop("disabled",true);


           //1. 给开始按钮绑定单击事件
            $("#startID").click(function () {
                // 1.1 定义循环定时器 20毫秒执行一次
                startId = setInterval(function () {
                    //处理按钮是否可以使用的效果
                    $("#startID").prop("disabled",true);
                    $("#stopID").prop("disabled",false);


                    //1.2生成随机角标 0-6
                    index = Math.floor(Math.random() * 7);//0.000--0.999 --> * 7 --> 0.0-----6.9999
                    //1.3设置小相框的src属性
                    $("#img1ID").prop("src",imgs[index]);

                },20);
            });


            //2. 给结束按钮绑定单击事件
            $("#stopID").click(function () {
                //处理按钮是否可以使用的效果
                $("#startID").prop("disabled",false);
                $("#stopID").prop("disabled",true);


               // 1.1 停止定时器
                clearInterval(startId);
               // 1.2 给大相框设置src属性
                $("#img2ID").prop("src",imgs[index]).hide();
                //显示1秒之后
                $("#img2ID").show(1000);
            });
        });




    </script>

</head>
<body>

<!-- 小像框 -->
<div style="border-style:dotted;width:160px;height:100px">
    <img id="img1ID" src="../img/man00.jpg" style="width:160px;height:100px"/>
</div>

<!-- 大像框 -->
<div
        style="border-style:double;width:800px;height:500px;position:absolute;left:500px;top:10px">
    <img id="img2ID" src="../img/man00.jpg" width="800px" height="500px"/>
</div>

<!-- 开始按钮 -->
<input
        id="startID"
        type="button"
        value="点击开始"
        style="width:150px;height:150px;font-size:22px">

<!-- 停止按钮 -->
<input
        id="stopID"
        type="button"
        value="点击停止"
        style="width:150px;height:150px;font-size:22px">


</body>
</html>

5. 插件：增强JQuery的功能

javaWeb_15——JQuery高级（动画，遍历，事件绑定，插件、抽奖）_第10张图片
javaWeb_15——JQuery高级（动画，遍历，事件绑定，插件、抽奖）_第11张图片

  1. 实现方式：
    1. $.fn.extend(object)
      • 增强通过Jquery获取的对象的功能 $("#id")
    2. $.extend(object)
      • 增强JQeury对象自身的功能 $/jQuery

你可能感兴趣的:(javaWeb)

  • Java Web安全与Spring Config对象实战 福建低调
    本文还有配套的精品资源，点击获取简介：本课程深入探讨JavaWeb开发中的安全实践，包括认证与授权、输入验证、CSRF和XSS防护以及SQL注入防御等关键安全措施。同时，介绍SpringSecurity框架的应用，以及Config对象在Spring配置管理中的作用，包括依赖注入和外部化配置。课程还包括实战演练，通过设置安全环境和安全漏洞模拟，帮助开发者提升应用的安全性和故障排查能力。1.Web安全
  • python实验过程心得体会_web实训心得体会 weixin_39814378 python实验过程心得体会
    篇一：JAVAWEB实训心得体会jsp+servlet+mysql论坛项目实训总结实训人：程路峰学号：11103303通过为期10天的实训，我学习了很多关于javaweb的知识。在老师的正确指导下，顺利的完成了我的实训内容。在此，也有同学的帮助，在他们的帮助下我也受益匪浅。最终，能顺利完成实训的任务也很高兴。在实训生活中，我了解开发项目的需求、设计、实现、确认以及维护等活动整个过程，让自己开始懂得
  • Javaweb项目-调用接口-如何在服务器端跳转网页后显示并弹出对话框代码 海海不掉头发 Java面试习题Java基础java
    Webapp项目中在java包下新建一个服务端类使用JOptionPane框架组件调用showMessageDialog的方法实现四个参数null,"这是一个信息对话框","信息",JOptionPane.INFORMATION_MESSAGE还有确认对话框的代码showConfirmDialogpackageservlet;importjavafx.scene.control.Alert;imp
  • 项目架构设计 先熬半个月
    架构概述：架构共分为5层，访问层，接入层，网关层，服务层，数据层服务架构涉及26个技术点，部署架构7个技术点服务架构1.LVS：四层负载均衡，将用户分发到不同Nginx服务器上2.Nginx:是一个高性能的HTTP和反向代理的web服务器，用于部署前端应用3.Keepalived:高可用，此处指的是集群4.JWT:全称：JavaWebToken，用户身份校验，鉴权5.SpringCloudGetw
  • JavaWeb后端分层 灵佑666 Java
    1.Dao层：全称DataAccessObject。Dao层比较底层，负责与数据库打交道具体到对某个表、某个实体的增删改查2.Service层：又叫服务层或业务层，封装Dao层的操作，使一个方法对外表现为实现一种功能，例如：网购生成订单时，不仅要插入订单信息记录，还要查询商品库存是否充足，购买是否超过限制等等。3.Controller层：业务控制层，负责接收数据和请求，并且调用Service层实现
  • JavaWeb笔记整理14——公共字段自动填充技术实现 mikey棒棒棒 笔记反射SpringAOP公共字段自动填充JavaWeb面向切面编程Aspect
    目录为什么需要公共字段自动填充？步骤1自定义注解AutoFill步骤2自定义切面AutoFillAspect步骤3在Mapper接口的方法上加入AutoFill注解@Before("autoFillPointCut()")JoinPoint你能通过JoinPoint获取哪些信息？例子中的JoinPoint获取方法签名和注解获取被拦截方法的参数反射什么是反射获取Class对象获取Method对象动态
  • @Slf4j注解 - javaweb日志记录 需要重新演唱 webweb日志注解
    1.引言在现代的JavaWeb开发中，日志记录是一个非常重要的组成部分。良好的日志记录可以帮助开发者快速定位问题、监控系统运行状态以及进行性能调优。@Slf4j注解是Lombok库提供的一个便捷工具，用于简化日志记录的代码编写。本文将详细讲解@Slf4j注解的相关内容，包括其概念、使用方法以及一些最佳实践。2.什么是Lombok？Lombok是一个Java库，它通过注解的方式帮助开发者减少样板代码
  • JavaWeb - Spring Boot - 请求参数 湫湫玺云台 后端JavaWebspringbootjava后端
    @RequestMapping从注解名称上我们可以看到，@RequestMapping注解的作用就是将请求和处理请求的控制器方法关联起来，建立映射关系。SpringMVC接收到指定的请求，就会来找到在映射关系中对应的控制器方法来处理这个请求。@RequestMapping标识一个类：设置映射请求的请求路径的初始信息@RequestMapping标识一个方法：设置映射请求请求路径的具体信息@Cont
  • 在 Linux 上部署javaWeb项目+图文详解_java web项目部署到linux服务器 2401_85154737 服务器linuxjava
    -f:force强制的意思，如果目标文件已经存在，不会询问直接覆盖-i:若目标已经存在，就会询问是否覆盖-u:若目标文件已经存在，且比目标文件新，才会更新#该命令可以把多个文件一次移动到一个文件夹中，但是最后的一个目标文件一要是“目录”。例如：mvfile1file2file3dir#把多个文件移动到dir目录中mvfile1file2#把file重命名为file26、rm命令该命令用于删除文件或
  • 构建可扩展的Java Web应用架构 微赚淘客系统开发者 java前端架构
    构建可扩展的JavaWeb应用架构大家好，我是免费搭建查券返利机器人省钱赚佣金就用微赚淘客系统3.0的小编，也是冬天不穿秋裤，天冷也要风度的程序猿！在现代软件开发中，可扩展性是一个至关重要的概念。构建一个可扩展的JavaWeb应用架构，不仅能提升应用的性能和可靠性，还能为未来的功能扩展和维护提供坚实的基础。本文将介绍如何构建一个可扩展的JavaWeb应用架构，并提供相应的代码示例。1.选择合适的技
  • Web+Tomcat+Servlet+MySQL实现登录页面【JavaWeb笔记一】 YuBooy JavaWeb学习笔记javajdbcjavaweb
    目录功能描述：实现框图：具体实现过程一、环境搭建服务器环境搭建：页面部分环境搭建：数据库部分环境搭建：二、代码实现过程1、创建一个带表单提交的html页面（login.html）2、在web.xml文件下绑定Servlet的对象类3、创建java（LoginServer.java）类来执行Servlet操作4、jdbc完成数据库部分操作（Demo.java）5、通过测试@Test完成数据库的连接测
  • 【计算机毕业设计项目推荐】计算机毕业设计项目推荐（源码+论文+PPT） 易开科技_Wx:JavaRui666 课程设计java开发语言
    2023年最新计算机毕业设计，本科，项目汇总！哈喽，大家好，大四的同学马上要开始做毕业设计了，大家做好准备了吗？博主给大家详细整理了计算机毕业设计最新项目，对项目有任何疑问，都可以问博主哦~一、JavaWeb管理系统毕设项目这些系统很不错，建议把管理系统作为毕业设计。学籍管理系统设计与实现教务管理系统设计与实现网上考试系统设计与实现在线考试系统设计与实现题库（及试卷）管理系统设计与实现网络远程作业
  • Web开发中的“返回上一页” Java搬砖组长 前端
    在JavaWeb应用程序中（如使用Servlet、JSP、Spring等框架），实现“返回上一页”通常是在前端通过JavaScript来完成的。例如，用户点击“返回”按钮时，浏览器会返回到上一个页面。在JSP页面中，可以使用以下代码实现“返回上一页”功能：返回上一页或者通过Servlet设置“Referer”来实现返回上一页：//获取上一个页面的URLStringreferer=request.g
  • 过滤器与拦截器的区别与应用 黄尚圈圈 javatomcatspringspringboot
    在JavaWeb开发中，过滤器（Filter）和拦截器（Interceptor）是两种常见的用于处理请求和响应的组件，它们在功能上有一定的重叠，但在使用场景、实现方式和作用范围上存在显著的差异。本文将深入探讨过滤器与拦截器的区别，以及它们在实际项目中的应用。1.定义与概念过滤器（Filter）过滤器是Servlet规范中的一部分，它允许你对请求（Request）和响应（Response）进行预处理
  • 文件上传和下载 提笔忘字_波
    一、概论在Web应用系统开发中，文件上传和下载功能是非常常用的功能，今天来讲一下JavaWeb中的文件上传和下载功能的实现。对于文件上传，浏览器在上传的过程中是将文件以流的形式提交到服务器端的，如果直接使用Servlet获取上传文件的输入流然后再解析里面的请求参数是比较麻烦，所以一般选择采用apache的开源工具common-fileupload这个文件上传组件。这个common-fileuplo
  • #Cookie、Session#JavaWeb学习笔记(2020/3/2) RinP
    一、会话技术客户端之间的通话：Cookie技术服务器端会话技术：Session技术目的是在一次会话中共享数据。1、Cookie技术使用Cookie的步骤：1.一个Servlet中、创建一个Cookie对象,存入键值对信息Cookiecookie=newCookie("msg","こんにちは");2.使用response对象的voidaddCookie(Cookievar1);方法添加Cookie到
  • 基于JavaWeb开发的JavaSpringboot+Vue实现前后端分离房屋租赁系统 网顺技术团队 成品程序项目vue.js前端javascript课程设计前端框架javaspringboot
    基于JavaWeb开发的JavaSpringboot+Vue实现前后端分离房屋租赁系统作者主页网顺技术团队欢迎点赞收藏⭐留言文末获取源码联系方式查看下方微信号获取联系方式承接各种定制系统精彩系列推荐精彩专栏推荐订阅不然下次找不到哟Java毕设项目精品实战案例《1000套》感兴趣的可以先收藏起来，还有大家在毕设选题，项目以及论文编写等相关问题都可以给我留言咨询，希望帮助更多的人文章目录基于JavaW
  • Javaweb学习之Vue_Axios网络请求（七） 不要数手指啦 学习vue.js前端
    认识AxiosAxios是一个流行的JavaScript库，用于简化HTTP请求的发送和处理。它基于Promise的概念，使得HTTP请求和响应处理更加直观和易于管理。Axios可以在浏览器和Node.js环境中使用，主要用于从客户端向服务器发送请求并接收响应。主要特点基于Promise：Axios返回的请求和响应都是Promise对象，使得异步操作更加简单和直观，便于使用async/await语
  • java sql注入正则表达式_Java程序员从笨鸟到菜鸟之（一百零二）sql注入攻击详解（三）sql注入解决办法... 用看智障的眼神看 javasql注入正则表达式
    我们了解了sql注入原理和sql注入过程，今天我们就来了解一下sql注入的解决办法。怎么来解决和防范sql注入，由于本人主要是搞javaweb开发的小程序员，所以这里我只讲一下有关于javaweb的防止办法。其实对于其他的，思路基本相似。下面我们先从web应用程序的角度来看一下如何避免sql注入：1、普通用户与系统管理员用户的权限要有严格的区分。如果一个普通用户在使用查询语句中嵌入另一个DropT
  • javaweb2:javascript+正则表达式 rookie123222 javawebjavascript开发语言ecmascript
    一：js基础1.变量类型数值类型number函数类型functionjs是弱类型语言，变量类型可变化vari;i=12;alert(typeof(i));i="abc";alert(typeof(i));2.特殊值undefined：未定义，所有js变量未赋值的时候，默认undefinednull:空值NAN：notanumber非数字非数值，比如数字*字符串结果是NAN3.关系比较==做简单字面
  • 计算机毕业设计SSM_Vue宠物商城系统【代码讲解+安装调试+文档指导】 计算机毕业设计_吉哥
    作者：计算机编程-吉哥简介：专业从事JavaWeb程序开发，微信小程序开发，定制化项目、源码、代码讲解、文档撰写、ppt制作。做自己喜欢的事，生活就是快乐的。心愿：点赞收藏⭐评论文末获取源码联系技术选型spring、springmvc、mybatis、vue、elementUI、LayUI、mysql、tomcat8.5、jdk1.8数据库表结构14张开发工具：idea或者eclipse、navi
  • Spring Boot 注解探秘：@Validated 开启数据验证之旅（上） coding侠客 springboot后端java微服务
    在JavaWeb项目开发中，数据验证是一项至关重要的环节。Spring框架中的@Validated注解为我们提供了一种方便而强大的方式来实现数据验证。本文将详细介绍@Validated注解的用法及其在SpringBoot应用中的实践。一、基本介绍@Validated是Spring框架提供的用于数据验证的注解。它可用于方法参数、方法返回值以及类上。在基于SpringBoot开发的微服务项目中，类和方
  • Django+Vue协同过滤算法图书推荐系统的设计与实现 赵广陆 projectdjangovue.js算法
    目录1项目介绍2项目截图3核心代码3.1需要的环境3.2Django接口层3.3实体类3.4config.ini3.5启动类3.5Vue4数据库表设计5文档参考6计算机毕设选题推荐7源码获取1项目介绍博主个人介绍：CSDN认证博客专家，CSDN平台Java领域优质创作者，全网30w+粉丝，超300w访问量，专注于大学生项目实战开发、讲解和答疑辅导，对于专业性数据证明一切！主要项目：javaweb、
  • Django+Vue家居全屋定制系统的设计与实现 赵广陆 projectdjangovue.jssqlite
    目录1项目介绍2项目截图3核心代码3.1需要的环境3.2Django接口层3.3实体类3.4config.ini3.5启动类3.5Vue4数据库表设计5文档参考6计算机毕设选题推荐7源码获取1项目介绍博主个人介绍：CSDN认证博客专家，CSDN平台Java领域优质创作者，全网30w+粉丝，超300w访问量，专注于大学生项目实战开发、讲解和答疑辅导，对于专业性数据证明一切！主要项目：javaweb、
  • java过滤器的作用_javaweb过滤器的作用，过滤器filter的作用是什么？ 半岛森林 java过滤器的作用
    Java中是有着过滤器这么一个类的，小伙伴们知道它的作用是什么吗?本篇文章就带大家了解一下。概念作为JavaWeb中三大组件(Servlet、Filter、Listener)之一，Filter过滤器有着JavaE的规范，能够在浏览器及请求资源间起到过滤作用，过滤器，顾名思义，作用就是：拦截不合理的请求，过滤不应该的响应。在web当中的过滤器可以当访问服务器资源时，把请求拦截下来，完成一些特殊功能。
  • JavaWeb：实验二JSP表单开发及访问数据库 OraOla JavaWebjava数据库开发语言
    一、实验目的1．掌握JSP表单的开发方法。2．熟悉JDBC技术和使用JDBC连接各种数据库。二、实验性质综合性实验三、实验内容实现注册与登录功能：1.创建一个数据库，在数据库建立用户表。（5分）2．制作一个注册表单，可以输入账户和密码并提交（在数据提交之前用JS对表单数据进行有效性验证），将表单提交的数据写入数据库。（30分）3．制作一个登录表单，输入账号和密码，通过数据库进行验证，如果账号、密码
  • 基于Javaweb实现的家教服务平台设计与实现(源码+数据库+部署+文档+讲解视频等) Java开源领先者 #Java网站项目数据库springbootvue.js计算机毕设java
    文章目录1.前言2.详细视频演示3.论文参考4.项目运行截图5.技术框架5.1后端采用SpringBoot框架5.2前端框架Vue6.可行性分析7.系统测试7.1系统测试的目的7.2系统功能测试8.数据库表设计9.代码参考10.数据库脚本11.作者推荐项目12.为什么选择我？13.获取源码1.前言博主介绍：✌全网粉丝100W+,CSDN特邀作者、博客专家、CSDN新星计划导师、全栈领域优质创作者，
  • 黑猴子的家：JavaWeb 之 Ajax 黑猴子的家
    1、Ajax简介AJAX是AsynchronousJavaScriptAndXML的简称。直译为，异步的JS和XML。AJAX的实际意义是，不发生页面跳转、异步载入内容并改写页面内容的技术。AJAX也可以简单的理解为通过JS向服务器发送请求。AJAX这门技术很早就被发明，但是直到2005年被谷歌的大量使用，才在市场中流行起来，可以说Google为AJAX的推广起到到推波助澜的作用。2、Ajax同步
  • JavaWeb知识点总结 weixin_30294295 数据库javajson
    》一：创建Web项目项目说明：1、javaResources：java源文件2、WebContent:网页内容html、css、js、jsp、资源、配置文件等HTML:HyperTextMarkupLanguage超文本标记语言作用：标记描述网页内容语法规则：1、不区分大小写2、固定标签3、标签成对出现，单标签4、标签可以嵌套使用5、属性的值必须使用双引号HTML中属性，一般不建议使用属性名称固定
  • javaWeb安全漏洞修复总结 dechen6073 java数据库web安全
    1Web安全介绍12SQL注入、盲注12.1SQL注入、盲注概述12.2安全风险及原因22.3AppScan扫描建议22.4应用程序解决方案43会话标识未更新73.1会话标识未更新概述73.2安全风险及原因分析73.3AppScan扫描建议83.4应用程序解决方案84已解密登录请求84.1已解密登录请求概述84.2安全风险及原因分析84.3AppScan扫描建议94.4应用程序解决方案95跨站点请
  • knob UI插件使用 换个号韩国红果果 JavaScriptjsonpknob
    图形是用canvas绘制的 js代码 var paras = { max:800, min:100, skin:'tron',//button type thickness:.3,//button width width:'200',//define canvas width.,canvas height displayInput:'tr
  • Android+Jquery Mobile学习系列(5)-SQLite数据库 白糖_ JQuery Mobile
    目录导航   SQLite是轻量级的、嵌入式的、关系型数据库，目前已经在iPhone、Android等手机系统中使用,SQLite可移植性好，很容易使用，很小，高效而且可靠。   因为Android已经集成了SQLite，所以开发人员无需引入任何JAR包，而且Android也针对SQLite封装了专属的API，调用起来非常快捷方便。   我也是第一次接触S
  • impala-2.1.2-CDH5.3.2 dayutianfei impala
    最近在整理impala编译的东西，简单记录几个要点： 根据官网的信息（https://github.com/cloudera/Impala/wiki/How-to-build-Impala）： 1. 首次编译impala，推荐使用命令： ${IMPALA_HOME}/buildall.sh -skiptests -build_shared_libs -format 2.仅编译BE ${I
  • 求二进制数中1的个数 周凡杨 java算法二进制
    解法一： 对于一个正整数如果是偶数，该数的二进制数的最后一位是 0 ，反之若是奇数，则该数的二进制数的最后一位是 1 。因此，可以考虑利用位移、判断奇偶来实现。   public int bitCount(int x){ int count = 0; while(x!=0){ if(x%2!=0){ /
  • spring中hibernate及事务配置 g21121 Hibernate
    hibernate的sessionFactory配置： <!-- hibernate sessionFactory配置 --> <bean id="sessionFactory" class="org.springframework.orm.hibernate3.LocalSessionFactoryBean"> <
  • log4j.properties 使用 510888780 log4j
    log4j.properties 使用 一.参数意义说明 输出级别的种类 ERROR、WARN、INFO、DEBUG ERROR 为严重错误 主要是程序的错误 WARN 为一般警告，比如session丢失 INFO 为一般要显示的信息，比如登录登出 DEBUG 为程序的调试信息 配置日志信息输出目的地 log4j.appender.appenderName = fully.qua
  • Spring mvc-jfreeChart柱图（2） 布衣凌宇 jfreechart
    上一篇中生成的图是静态的，这篇将按条件进行搜索，并统计成图表，左面为统计图，右面显示搜索出的结果。 第一步：导包 第二步；配置web.xml(上一篇有代码) 建BarRenderer类用于柱子颜色 import java.awt.Color; import java.awt.Paint; import org.jfree.chart.renderer.category.BarR
  • 我的spring学习笔记14-容器扩展点之PropertyPlaceholderConfigurer aijuans Spring3
    PropertyPlaceholderConfigurer是个bean工厂后置处理器的实现，也就是BeanFactoryPostProcessor接口的一个实现。关于BeanFactoryPostProcessor和BeanPostProcessor类似。我会在其他地方介绍。 PropertyPlaceholderConfigurer可以将上下文（配置文件）中的属性值放在另一个单独的标准java
  • maven 之 cobertura 简单使用 antlove maventestunitcoberturareport
    1. 创建一个maven项目 2. 创建com.CoberturaStart.java package com; public class CoberturaStart { public void helloEveryone(){ System.out.println("=================================================
  • 程序的执行顺序 百合不是茶 JAVA执行顺序
          刚在看java核心技术时发现对java的执行顺序不是很明白了,百度一下也没有找到适合自己的资料,所以就简单的回顾一下吧   代码如下;     经典的程序执行面试题 //关于程序执行的顺序 //例如： //定义一个基类 public class A(){ public A(
  • 设置session失效的几种方法 bijian1013 web.xmlsession失效监听器
    在系统登录后，都会设置一个当前session失效的时间，以确保在用户长时间不与服务器交互，自动退出登录，销毁session。具体设置很简单，方法有三种：（1）在主页面或者公共页面中加入：session.setMaxInactiveInterval(900);参数900单位是秒，即在没有活动15分钟后，session将失效。这里要注意这个session设置的时间是根据服务器来计算的，而不是客户端。所
  • java jvm常用命令工具 bijian1013 javajvm
    一.概述         程序运行中经常会遇到各种问题，定位问题时通常需要综合各种信息，如系统日志、堆dump文件、线程dump文件、GC日志等。通过虚拟机监控和诊断工具可以帮忙我们快速获取、分析需要的数据，进而提高问题解决速度。 本文将介绍虚拟机常用监控和问题诊断命令工具的使用方法，主要包含以下工具:       &nbs
  • 【Spring框架一】Spring常用注解之Autowired和Resource注解 bit1129 Spring常用注解
    Spring自从2.0引入注解的方式取代XML配置的方式来做IOC之后，对Spring一些常用注解的含义行为一直处于比较模糊的状态，写几篇总结下Spring常用的注解。本篇包含的注解有如下几个： Autowired Resource Component Service Controller Transactional 根据它们的功能、目的，可以分为三组，Autow
  • mysql 操作遇到safe update mode问题 bitray update
        我并不知道出现这个问题的实际原理,只是通过其他朋友的博客,文章得知的一个解决方案,目前先记录一个解决方法,未来要是真了解以后,还会继续补全.     在mysql5中有一个safe update mode,这个模式让sql操作更加安全,据说要求有where条件,防止全表更新操作.如果必须要进行全表操作,我们可以执行 SET
  • nginx_perl试用 ronin47 nginx_perl试用
    因为空闲时间比较多，所以在CPAN上乱翻，看到了nginx_perl这个项目(原名Nginx::Engine)，现在托管在github.com上。地址见：https://github.com/zzzcpan/nginx-perl 这个模块的目的，是在nginx内置官方perl模块的基础上，实现一系列异步非阻塞的api。用connector/writer/reader完成类似proxy的功能（这里
  • java-63-在字符串中删除特定的字符 bylijinnan java
    public class DeleteSpecificChars { /** * Q 63 在字符串中删除特定的字符 * 输入两个字符串，从第一字符串中删除第二个字符串中所有的字符。 * 例如，输入”They are students.”和”aeiou”，则删除之后的第一个字符串变成”Thy r stdnts.” */ public static voi
  • EffectiveJava--创建和销毁对象 ccii 创建和销毁对象
    本章内容： 1. 考虑用静态工厂方法代替构造器 2. 遇到多个构造器参数时要考虑用构建器（Builder模式） 3. 用私有构造器或者枚举类型强化Singleton属性 4. 通过私有构造器强化不可实例化的能力 5. 避免创建不必要的对象 6. 消除过期的对象引用 7. 避免使用终结方法 1. 考虑用静态工厂方法代替构造器     类可以通过
  • [宇宙时代]四边形理论与光速飞行 comsci
       从四边形理论来推论 为什么光子飞船必须获得星光信号才能够进行光速飞行？    一组星体组成星座  向空间辐射一组由复杂星光信号组成的辐射频带，按照四边形-频率假说  一组频率就代表一个时空的入口    那么这种由星光信号组成的辐射频带就代表由这些星体所控制的时空通道，该时空通道在三维空间的投影是一
  • ubuntu server下python脚本迁移数据 cywhoyi pythonKettlepymysqlcx_Oracleubuntu server
    因为是在Ubuntu下，所以安装python、pip、pymysql等都极其方便，sudo apt-get install pymysql， 但是在安装cx_Oracle（连接oracle的模块）出现许多问题，查阅相关资料，发现这边文章能够帮我解决，希望大家少走点弯路。http://www.tbdazhe.com/archives/602 1.安装python 2.安装pip、pymysql
  • Ajax正确但是请求不到值解决方案 dashuaifu Ajaxasync
    Ajax正确但是请求不到值解决方案   解决方案：1 .     async: false ,    2.     设置延时执行js里的ajax或者延时后台java方法！！！！！！！   例如：   $.ajax({     &
  • windows安装配置php+memcached dcj3sjt126com PHPInstallmemcache
    Windows下Memcached的安装配置方法 1、将第一个包解压放某个盘下面，比如在c:\memcached。 2、在终端（也即cmd命令界面）下输入 'c:\memcached\memcached.exe -d install' 安装。 3、再输入： 'c:\memcached\memcached.exe -d start' 启动。（需要注意的: 以后memcached将作为windo
  • iOS开发学习路径的一些建议 dcj3sjt126com ios
    iOS论坛里有朋友要求回答帖子，帖子的标题是： 想学IOS开发高阶一点的东西，从何开始，然后我吧啦吧啦回答写了很多。既然敲了那么多字，我就把我写的回复也贴到博客里来分享，希望能对大家有帮助。欢迎大家也到帖子里讨论和分享，地址：http://bbs.csdn.net/topics/390920759   下面是我回复的内容：   结合自己情况聊下iOS学习建议，
  • Javascript闭包概念 fanfanlovey JavaScript闭包
    1.参考资料 http://www.jb51.net/article/24101.htm http://blog.csdn.net/yn49782026/article/details/8549462 2.内容概述 要理解闭包，首先需要理解变量作用域问题 内部函数可以饮用外面全局变量 var n=999; 　　functio
  • yum安装mysql5.6 haisheng mysql
    1、安装http://dev.mysql.com/get/mysql-community-release-el7-5.noarch.rpm   2、yum install mysql   3、yum install mysql-server   4、vi /etc/my.cnf   添加character_set_server=utf8
  • po/bo/vo/dao/pojo的详介 IT_zhlp80 javaBOVODAOPOJOpo
        JAVA几种对象的解释 PO:persistant object持久对象,可以看成是与数据库中的表相映射的java对象。最简单的PO就是对应数据库中某个表中的一条记录，多个记录可以用PO的集合。PO中应该不包含任何对数据库的操作. VO:value object值对象。通常用于业务层之间的数据传递，和PO一样也是仅仅包含数据而已。但应是抽象出的业务对象,可
  • java设计模式 kerryg java设计模式
    设计模式的分类：    一、 设计模式总体分为三大类： 1、创建型模式（5种）：工厂方法模式，抽象工厂模式，单例模式，建造者模式，原型模式。 2、结构型模式（7种）：适配器模式，装饰器模式，代理模式，外观模式，桥接模式，组合模式，享元模式。 3、行为型模式（11种）：策略模式，模版方法模式，观察者模式，迭代子模式，责任链模式，命令模式，备忘录模式，状态模式，访问者
  • [1]CXF3.1整合Spring开发webservice——helloworld篇 木头.java springwebserviceCXF
    Spring 版本3.2.10 CXF 版本3.1.1 项目采用MAVEN组织依赖jar 我这里是有parent的pom，为了简洁明了，我直接把所有的依赖都列一起了，所以都没version，反正上面已经写了版本 <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="ht
  • Google 工程师亲授：菜鸟开发者一定要投资的十大目标 qindongliang1922 工作感悟人生
    身为软件开发者，有什么是一定得投资的？ Google 软件工程师 Emanuel Saringan 整理了十项他认为必要的投资，第一项就是身体健康，英文与数学也都是必备能力吗？来看看他怎么说。（以下文字以作者第一人称撰写）） 你的健康 无疑地，软件开发者是世界上最久坐不动的职业之一。 每天连坐八到十六小时，休息时间只有一点点，绝对会让你的鲔鱼肚肆无忌惮的生长。肥胖容易扩大罹患其他疾病的风险，
  • linux打开最大文件数量1,048,576 tianzhihehe clinux
    File descriptors are represented by the C int type. Not using a special type is often  considered odd, but is, historically, the Unix way. Each Linux process has a maximum number of files th
  • java语言中PO、VO、DAO、BO、POJO几种对象的解释 衞酆夼 javaVOBOPOJOpo
    PO:persistant object持久对象 最形象的理解就是一个PO就是数据库中的一条记录。好处是可以把一条记录作为一个对象处理，可以方便的转为其它对象。可以看成是与数据库中的表相映射的java对象。最简单的PO就是对应数据库中某个表中的一条记录，多个记录可以用PO的集合。PO中应该不包含任何对数据库的操作。 BO:business object业务对象 封装业务逻辑的java对象
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他