淡忘～雨季
淡忘～雨季

jQuery学习笔记——链式编程和jQuery动画

1.基本原理

链式编程就是多行代码合并为一行代码，前提就是该代码返回的是对象，在对象内使用return this,就可以在方法中链式调用。
如：对象.html(‘代码’).css(‘属性’,‘属性值’).text(‘文本内容’).val(‘value属性值’);
对象.事件1.事件2……

 //多行代码合并成了同一行代码
 $('#div').html('
Hello World
').css('backgroundColor','red');

2.断链现象

断链现象的出现：对象调用方法，返回的不是当前对象，此时又调用方法，就会发生断链。
解决断链的方法：在需要又一次调用的方法处，调用end()方法。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>链式编程</title>
    <script src="jquery-1.12.2.js"></script>
 <script>
    $(function() {
        $('#uuu>li').click(function() {
           $(this).css('backgroundColor','yellow');
 // prevAll()返回的是字符串类型 会发生断链现象 使用end()可以解决断链
           $(this).prevAll().css('backgroundColor','green').end().nextAll().css('backgroundColor','blue');
});
       $('#uuu>li').each(function(index,element) {
                // 为li不同的元素 设置不同的样式
          $(element).css('opacity',(index+1)/10);
        });
    });
 </script>
    </head>
    <body>
<ul id="uuu">
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
        <li>6</li>
        <li>7</li>
        <li>8</li>
        <li>9</li>
        <li>10</li>
</ul>
    </body>
</html>

3.jQuery动画方法

隐藏：hide()，显示：show()。
滑入：slideUp()
滑出：slideDown()
滑入滑出切换：slideToggle()
方法中可以有参数speed：数字类型，单位是毫秒，字符串类型：slow， normal， fast。
淡入：fadeIn()
淡出：fadeOut()
淡入淡出切换：fadeToggle()
透明度的改变：fadeTo(时间,到达的透明度) 类型样式中的透明度 css(‘opacity’,到达的透明度)。
animate():参数：1.键值对–对象 2.时间 单位毫秒 3.匿名函数 回调函数。
stop()：停止动画。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>jQuery动画</title>
    <style>
        #dv {
            width: 200px;
            height: 200px;
            /* background-color: skyblue; */
        }
        #dv img {
            width: 50px;
            height: 50px;
            float: left;
        }
        #slide {
            width: 200px;
            height: 100px;
            background-color: pink;
        }
        #fade {
            width: 200px;
            height: 100px;
            background-color: skyblue;
        }
        #animate {
            width: 100px;
            height: 100px;
            background-color: red;
            position: absolute;
        }
    </style>
    <script src="jquery-1.12.2.js"></script>
     <script>
        $(function() {
            $('#btnHide').click(function() {
                // $('#dv').hide(1000);
                // 点击按钮隐藏图片 从最后一个元素开始隐藏 方法last()：最后一个元素 隐藏一个元素之后，前一个元素继续隐藏
                $('#dv>img').last().hide(800,function() {
   // 当前元素的前一个元素继续隐藏 使用递归函数 arguments.callee
                    $(this).prev().hide(800,arguments.callee);
                });
            });
            $('#btnShow').click(function() {
    // $('#dv').show('slow'); 从第一个元素开始显示 first()
                $('#dv>img').first().show(800,function() {
                    $(this).next().show(800,arguments.callee);
                });
            });
            // 滑入
            $('#btnSlideUp').click(function() {
                $('#slide').slideUp(1000);
            });
            // 滑出
            $('#btnSlideDown').click(function() {
                $('#slide').slideDown(1000);
            });
            // 滑入 滑出切换
            $('#btnSlideToggle').click(function() {
                $('#slide').slideToggle(500);
            });
            // 淡入
            $('#btnFadeIn').click(function() {
                $('#fade').fadeIn(500);
            });
            // 淡出
            $('#btnFadeOut').click(function() {
                $('#fade').fadeOut(500);
            });
            // 切换
            $('#btnFadeToggle').click(function() {
                $('#fade').fadeToggle(600);
            });
            // 透明度改变 一个参数是改变的时间 另一个参数是到达的透明度
            $('#btnFadeTo').click(function() {
                $('#fade').fadeTo(600,0.3);
            });
            // 动画animate方法测试
            $('#btnAnimate').click(function() {
                $('#animate').animate({
                // 需要改变元素的样式，使用键值对的形式
                    'width':'400px',
                    'height':'400px',
                    'left':'300px',
                    'top':'400px'
                    },600,function() {
                    // 回调函数
                        $('#animate').animate({
                            'width':'50px',
                            'height':'50px',
                            'left':'600px',
                            'top':'600px',
                            // 改变透明度
                            'opacity':'0.3'
                        },1000);
                    });
            });
        });
    </script>
    </head>
<body>
    <input type="button" id="btnHide" value="隐藏">
    <input type="button" id="btnShow" value="显示">
    <div id="dv">
        <img src="images/animate1.jpg" alt="">
        <img src="images/animate2.jpg" alt="">
        <img src="images/animate3.jpg" alt="">
        <img src="images/animate4.jpg" alt="">
    </div>
    <input type="button" id="btnSlideUp" value="滑入">
    <input type="button" id="btnSlideDown" value="滑出">
    <input type="button" id="btnSlideToggle" value="切换">
    <div id="slide">
    </div>
    <input type="button" id="btnFadeIn" value="淡入">
    <input type="button" id="btnFadeOut" value="淡出">
    <input type="button" id="btnFadeToggle" value="淡入淡出切换">
    <input type="button" id="btnFadeTo" value="透明度">
    <div id="fade">
    </div>
    <input type="button" id="btnAnimate" value="动画">
    <div id="animate"></div>
</body>
</html>

你可能感兴趣的:(Web前端学习)

  • WEB网页设计期末作业个人主页——基于HTML+CSS制作个人简介网站 html5网页设计 web前端期末大作业期末网页设计作业前端网页设计与制作html静态网页html期末大作业
    精彩专栏推荐✍️作者简介:一个热爱把逻辑思维转变为代码的技术博主作者主页:【主页——获取更多优质源码】web前端期末大作业：【毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【echarts大屏展示大数据平台可视化(150套)】免费且实用的WEB前端学习指南：【web前端零基础到高级学习视频教程120G干
  • 【网页设计】web前端期末大作业html+css web学生网页设计 web前端cssdreamweaverhtmlhtml5期末作业
    精彩专栏推荐✍️作者简介:一个热爱把逻辑思维转变为代码的技术博主作者主页:【主页——获取更多优质源码】web前端期末大作业：【毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【echarts大屏展示大数据平台可视化(150套)】免费且实用的WEB前端学习指南：【web前端零基础到高级学习视频教程120G干
  • web前端学习教程：JS的作用域链 Eric_V
    我们都知道js是一个基于对象的语言，系统内置各种对象。而window作为一个天然存在的全局对象，它承担了所有全局资源的存储。我们使用的任何全局变量，都是window下的。也就是说，在js中，实际上没有任何对象、方法是可以独立的，它们必须依赖于某个对象才可以被访问或执行。就像alert()，它的完整写法是window.alert()parseInt(),完整写法是window.parseInt()所
  • 2019web前端学习路线，教你认识HTML 强哥科技兴
    近两年来，前端开发工程师越来越火了，薪资待遇也快接近后端开发工程师了。2019年已经到来了，很多准备入行前端开发工程师的小伙伴们，不知道准备得怎么样了呢？有的朋友在想方设法的学习，争取在年后的金三银四能靠实力找到一份满意的工作！有的小伙伴很迷茫，想学前端，却没有方向！今天来给大家讲讲，在2019年，我们学习前端开发，如何才能高效学会前端开发？HTML基础学习目标1、本专业介绍、HTML相关概念，
  • 面试官当面撕程序员简历：大专生我们不收！ 秋风_bdfd
    每个人都有过求职的经历，这个过程也是很痛苦的，因为求职不可能会让你一帆风顺的，经常会使你碰壁。即便是被拒绝了之后，想想自己的哪些方面的不足，在下一次面试的时候做好准备，也没什么抱怨的。但是总有一些面试官的做法却让人感到愤怒。这里还是要推荐下小编的web前端学习群:687958461，不管你是小白还是大牛，小编我都欢迎，不定期分享干货，包括小编自己整理的一份最新的web前端资料和0基础入门教程，欢迎
  • Web前端学习笔记 jusw123456 前端学习javascript
    文章目录HTML+CSS系列学习笔记①之拨云见日1、什么是HTML、CSS？2、VSCode编译器（宇宙第一编译器）3、五大浏览器4、深入了解网站开发5、web前端的三大核心技术6、HTML基本结构和属性7、HTML初始代码8、HTML注释9、标题与段落10、文本修饰标签11、引入文件的地址路径12、图片标签13、跳转链接14、跳转锚点15、特殊符号16、列表标签17、表格标签18、表格属性19、
  • 【融职培训】Web前端学习 第2章 网页重构11 HTML5新增标签 lmonkey_01
    一、html5概述html5是超文本标记语言（html）的第五次重大修改，可以简单的理解为是html的第五个大版本。我们平时所说的html5其实是包含了html5，css3的新特性，以及新增的JavaScript接口。本节的主要内容是讲解html5中新增加的布局标签和媒体标签。二、html5布局标签在此前我们学习的内容中，网页布局一直都是使用div作为容器，html5新标准中，为了让容器元素有语义
  • Web前端学习-day03-JavaScript 王敏晓 前端javascriptjava
    溢出设置overflowvisible显示(默认)hidden隐藏scroll滚动显示行内元素垂直对其方式vertical-aligntop上对齐middle中间对齐bottom下对齐baseline基线对齐显示层级z-index当元素脱离文档流出现层叠显示时undefined可以通过z-index设置显示层级z-index的值越大显示约靠前此样式只能添加给非静态定位的元素undefined静态定
  • 适合初学者的WEB前端学习路线 千_锋小小千
    在当下来说web前端开发工程师可谓是高薪水的职业了。所以现在学习web前端开发的技术人员也是日益增多了，但是在学习web前端开发中盲目的去学习而没有一个完整的思路和学习路线也是不行的。那么想学好web前端，该从哪里入手学习呢?零基础学习web前端学习路线图从哪里可以找到呢?在此为大家整理完整的适合零基础学员的web前端学习路线分享给大家：1.HTML5介绍内容包括：(互联网发展趋势、H5语言的优势
  • 2020年小白要知道的Web前端学习路线 web前端学习指南
    今天小编要跟大家分享的文章是关于2020年小白要知道的Web前端学习路线。准备在2020年学习Web前端技术的小伙伴们来和小编一起看看本篇文章，希望能够对大家有所帮助！第一阶段：●HTML+CSS:HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、●JavaScript基础：Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器
  • 【融职培训】Web前端学习 第7章 Vue基础教程2 创建Vue项目 lmonkey_01
    一、使用vue/cli创建Vue项目在第七章我们已经介绍了如何使用npm命令全局安装node包，本节我们需要安装一个名为@vue/cli的包来创建我们的vue项目，安装代码如下所示：npminstall-g@vue/cli安装完成之后，在命令行可以使用Vue命令命令创建一个vue项目，具体命令如下所示vuecreatehello安装过程需要连接国外服务器下载项目模板和依赖包，如果网速过慢可以在配套
  • 谁说程序员都是秃子?给你个眼神自己体会！ 秋风_bdfd
    在网络上，各种黑程序员的段子铺天满地；最最最让我受不了的就是秃顶！我们程序员是需要加班，需要动脑想逻辑。但是，我要申明一点：我不是秃头！谣传：男程序员都是秃头，女程序员满脸痘痘在我们身边有着这样一群人，每天起得比鸡早，睡得比狗晚，吃得比猪差，干得比驴多。没错，就是我们程序员。这里还是要推荐下小编的web前端学习裙:6879，58461，不管你是小白还是大牛，小编我都欢迎，不定期分享干货，包括小编自
  • html常用标签大全 八重樱勿忘
    html中标签有很多，每一种标签都有着不同的用处，下面这篇文章给大家总结html常用的标签，每一种标签都会跟随一个例子，话不多说，让我们来看看具体内容。我的学习交流群web前端学习交流群字体标签，用于展示效果中修饰文字样式文字size:控制字体大小.最小1~最大7。如果设置范围不在1~7之间，设置无效color：控制字体颜色.使用英文设置（例如：red,blue…）face：控制字体类型。只能设置
  • web前端 html+css+javascript游戏网页设计实例 (网页制作课作业) IT黑马程序员 学生网页设计作业期末作业web前端学生网页作业网页模版htmldw网页设计
    精彩专栏推荐✍️作者简介:一个热爱把逻辑思维转变为代码的技术博主作者主页:【主页——获取更多优质源码】web前端期末大作业：【毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【echarts大屏展示大数据平台可视化(150套)】免费且实用的WEB前端学习指南：【web前端零基础到高级学习视频教程120G干
  • 【融职培训】Web前端学习 第3章 JavaScript基础教程4 条件语句 lmonkey_01
    一、概述语句执行流程有三种：顺序执行、条件执行、循环执行。条件语句表示的就是按照条件判断执行哪些代码（或不执行哪些代码）。例如：我们登录一个软件，输入用户名和密码的时候，输入正确则登录成功，输入错误，会弹出相关提示，这就是一个典型的分支语句（在实际开发中，这个功能或设计多个分支语句）。二、if语句if语句是最基本的条件控制语句，它让JavaScript程序可以选择执行顺序，我们可以通过一个布尔值来
  • 【融职培训】Web前端学习 第2章 网页重构9 css定位 lmonkey_01
    一、定位的基本概念在我们浏览网页的过程中，经常会发现网页中的元素重叠展示，例如一个列表压在了一张图片之上，或者浏览器右下角突然弹出的广告压到了其他元素之上，这些都需要使用css的定位才能实现，本节我们就讲解css定位相关的属性，定位可以分为三类:绝对定位相对定位固定定位二、css定位详解我们可以通过position属性，将一个元素设置成定位元素，之后就可以通过top、left、bottom、rig
  • web前端学习（二）：React是最优秀的web框架，基于JS专注于视图层 起航吧！少年 web前端学习前端框架reactjavascript
    React是用于构建用户界面的JavaScript库,只关注于视图，主要表现为将数据渲染为HTML视图。一、React基础学习npx普通安装创建一个项目npxcreate-react-appreact-app创建一个react-app项目yarnstart启动项目(默认3000端口)http://localhost:3000/高级安装--使用脚手架npmi-gcreate-react-appcre
  • 史上最全web前端学习资料总结 强哥科技兴
    HTML+CSS入门：HTML30分钟入门：http://deerchao.net/tutorials/html/html.htmw3school：http://www.w3school.com.cn/html/index.asp菜鸟教程：http://www.runoob.com/html/html-tutorial.html绿叶学习网：http://www.lvyestudy.com/html
  • web前端学习之TypeScript（持续更新中...） 书剑走江湖 typescript前端
    web前端学习之TypeScriptTypeScript简介什么是TypeScript?TypeScriptVSJavaScript深度对比安装TypeScriptHelloTypeScript基础原始数据类型任意值TypeScript简介什么是TypeScript?TypeScript是一种有微软开发的自由和开源的编程语言，是JavaScript的超集。TypeScript拓展了JavaScri
  • 修BUG？不存在的！我是上班的，不是卖身的！ 秋风_bdfd
    作为一名程序员，加班就是家常便饭，不要加班的程序员都不是好程序员。你以为每天6点下班回家是休息时间吗？不！连上公司VPN继续写代码。你以为周末是可以休息放松的吗？不！一到周末就由新的需求，然后继续加班写代码。（ps：正常的不是996吗？[捂脸]）这里还是要推荐下小编的web前端学习群:687958461，不管你是小白还是大牛，小编我都欢迎，不定期分享干货，包括小编自己整理的一份最新的web前端资料
  • 程序员的一段代码！网友：你有没有艺术细胞？ 秋风_bdfd
    最近小编看到一条帖子，楼主将发了一段代码，结果引来大批网友的吐槽：网友表示：工具包有自带的，你还写，主要还写的很烂。还有网友表示：代码没问题，就是太啰嗦了，不优雅而已。不过也有网友表示这段代码质量差，编写这段代码的人眼界低，方法命名都错了。这里还是要推荐下小编的web前端学习群:687958461，不管你是小白还是大牛，小编我都欢迎，不定期分享干货，包括小编自己整理的一份最新的web前端资料和0基
  • 程序员与用户之间的那些事，两个字：真实！ 秋风_bdfd
    在外行来看，程序员都是拥有超能力的人，他们用一段段的字母+数字将这个时代带上了高潮。但是在程序员眼里都认为自己很普通，与常人一样，他们都认为自己能够做到的事，其他人也能做到。（ps：我本来就是普通人好吧，我能做到的为什么别人不能做到？）这里还是要推荐下小编的web前端学习群:687958461，不管你是小白还是大牛，小编我都欢迎，不定期分享干货，包括小编自己整理的一份最新的web前端资料和0基础入
  • 【融职培训】Web前端学习 第2章 网页重构15 flex布局 lmonkey_01
    一、flex布局概述此前我们制作的所有网页都是基于盒子模型和浮动布局完成的，本节我们一起学习弹性布局（或者叫弹性盒子布局），这是一种更先进的布局方式，可以让网页布局更简洁，更易于维护。本节会针对flex布局的常用属性，讲解如何将flex布局应用到实际项目中。二、flex容器将一个元素设置如下属性1.box{2display:flex;3}此容器会变成一个flex容器（flexcontainer），
  • Web前端学习：BAT前端面试送命题—JS三座大山 Web前端小辰
    Web前端开发工程师是一个很新的职业，是从事Web前端开发工作的工程师。主要进行网站开发，优化，完善的工作。网页制作是Web1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。给你学习路线，html-css-js-ajax-jq-html5-css3-bootstrap-vue.js-node.js-react.jd前言本篇文章比较适合3年以上的前端工作者，JS三座大山
  • Web前端学习有哪些优势，HTML5与前端什么关系？ Web前端小辰
    HTML5与Web前端什么关系，Web前端有哪些优势？Web前端就业怎么样?现在学习前端就业前景好吗?越来越多人了解Web前端，也有很多年轻人想进入到Web前端的行列，但是现在Web前端还值得大家去选择学习吗?对于很多同学疑虑的问题，下面就给大家解答一下，其实现在学习前端的话就业是没有问题的，为啥这么说?Web前端这一技术是从美工演变而来的，其名称具有很明显的时代特征。而且现在越来越多的IT企业对
  • 爱创课堂分享web前端学习路线自学如何找到工作 爱创乐育知识速递 javascriptcssvue.jshtmlhtml5
    爱创课堂分享web前端学习路线自学如何找到工作，自学能不能学会WEB前端并且找到WEB前端开发岗位的工作取决于自身条件，如果基础好，自律性强那么将会容易很多，还有就是自学最难克服的并不是知识点，而是自己的学习环境是否真的能让自己静心学习。就学历和专业而言我们可以来分析成功率，本科生计算机相关专业的那么他的自学成功率就会很高，因为本身基础好，我国高考制度已经充分证明来他的实力，所以这样的人才学习能力
  • 零基础小白怎么入门前端，Web前端都学些什么 Web前端小辰
    零基础小白怎么入门前端？Web前端都学些什么？对于刚刚准备想进入Web前端行业的人来说，可能只知道Web前端开发前景好，薪资高，但是很多人都不知道要从事Web前端要学会哪些技术。那么下面就把Web前端学习路线告诉大家，让更多想进入Web前端行业的人了解更清楚一些。以下是的学习路线，学习内容包括7大学习阶段：第一阶段：前端页面重构内容包含了：(PC端网站布局项目、HTML5+CSS3基础项目、Web
  • web前端学习笔记之Node.js 偷到月亮了吗. 学习笔记node.jsjavascript
    文章目录01浏览器中的JavaScript运行环境02什么是Node.js03安装Node.js04使用Node运行JS代码05fs模块文件操作05.1什么是fs模块05.2读取指定文件内容fs.readFile()05.3写入文件内容fs.writeFile()05.4fs-整理成绩案例05.5fs-路径动态拼接问题05.6fs-使用注意事项06path模块路径操作06.1path模块是什么06
  • web前端期末大作业——HTML+CSS+JavaScript仿王者荣耀游戏网站设计与制作 STU网页优选 web课程与设计前端网页设计web前端期末大作业html期末大作业
    精彩专栏推荐✍️作者简介:一个热爱把逻辑思维转变为代码的技术博主作者主页:【主页——获取更多优质源码】web前端期末大作业：【毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【echarts大屏展示大数据平台可视化(150套)】免费且实用的WEB前端学习指南：【web前端零基础到高级学习视频教程120G干
  • 想象中的程序员生活与现实版程序员！ 秋风_bdfd
    程序员，一个颇为神秘的群体，今天小编就整理了别人眼中的程序员和真实程序员之间的差别，话不多说，直接上货。外形：想象的程序员：要么是一身黑衣，充满霸气颜值，智商都爆表，现实中的程序员是这样的：工作别人眼中的程序员：这里还是要推荐下小编的web前端学习群:687958461，不管你是小白还是大牛，小编我都欢迎，不定期分享干货，包括小编自己整理的一份最新的web前端资料和0基础入门教程，欢迎初学和进阶中
  • 强大的销售团队背后 竟然是大数据分析的身影 蓝儿唯美 数据分析
    Mark Roberge是HubSpot的首席财务官，在招聘销售职位时使用了大量数据分析。但是科技并没有挤走直觉。 大家都知道数理学家实际上已经渗透到了各行各业。这些热衷数据的人们通过处理数据理解商业流程的各个方面，以重组弱点，增强优势。 Mark Roberge是美国HubSpot公司的首席财务官，HubSpot公司在构架集客营销现象方面出过一份力——因此他也是一位数理学家。他使用数据分析
  • Haproxy+Keepalived高可用双机单活 bylijinnan 负载均衡keepalivedhaproxy高可用
    我们的应用MyApp不支持集群，但要求双机单活（两台机器：master和slave）： 1.正常情况下，只有master启动MyApp并提供服务 2.当master发生故障时，slave自动启动本机的MyApp，同时虚拟IP漂移至slave，保持对外提供服务的IP和端口不变 F5据说也能满足上面的需求，但F5的通常用法都是双机双活，单活的话还没研究过 服务器资源 10.7
  • eclipse编辑器中文乱码问题解决 0624chenhong eclipse乱码
    使用Eclipse编辑文件经常出现中文乱码或者文件中有中文不能保存的问题，Eclipse提供了灵活的设置文件编码格式的选项，我们可以通过设置编码 格式解决乱码问题。在Eclipse可以从几个层面设置编码格式：Workspace、Project、Content Type、File 本文以Eclipse 3.3（英文）为例加以说明： 1. 设置Workspace的编码格式： Windows-&g
  • 基础篇--resources资源 不懂事的小屁孩 android
    最近一直在做java开发，偶尔敲点android代码，突然发现有些基础给忘记了，今天用半天时间温顾一下resources的资源。 String.xml    字符串资源   涉及国际化问题  http://www.2cto.com/kf/201302/190394.html   string-array
  • 接上篇补上window平台自动上传证书文件的批处理问卷 酷的飞上天空 window
    @echo off : host=服务器证书域名或ip，需要和部署时服务器的域名或ip一致 ou=公司名称, o=公司名称 set host=localhost set ou=localhost set o=localhost set password=123456 set validity=3650 set salias=s
  • 企业物联网大潮涌动：如何做好准备？ 蓝儿唯美 企业
    物联网的可能性也许是无限的。要找出架构师可以做好准备的领域然后利用日益连接的世界。 尽管物联网（IoT）还很新，企业架构师现在也应该为一个连接更加紧密的未来做好计划，而不是跟上闸门被打开后的集成挑战。“问题不在于物联网正在进入哪些领域，而是哪些地方物联网没有在企业推进，” Gartner研究总监Mike Walker说。 Gartner预测到2020年物联网设备安装量将达260亿，这些设备在全
  • spring学习——数据库（mybatis持久化框架配置） a-john mybatis
    Spring提供了一组数据访问框架，集成了多种数据访问技术。无论是JDBC，iBATIS(mybatis)还是Hibernate，Spring都能够帮助消除持久化代码中单调枯燥的数据访问逻辑。可以依赖Spring来处理底层的数据访问。 mybatis是一种Spring持久化框架，要使用mybatis，就要做好相应的配置： 1，配置数据源。有很多数据源可以选择，如：DBCP，JDBC，aliba
  • Java静态代理、动态代理实例 aijuans Java静态代理
    采用Java代理模式，代理类通过调用委托类对象的方法，来提供特定的服务。委托类需要实现一个业务接口，代理类返回委托类的实例接口对象。 按照代理类的创建时期，可以分为：静态代理和动态代理。 所谓静态代理：　指程序员创建好代理类，编译时直接生成代理类的字节码文件。 所谓动态代理：　在程序运行时，通过反射机制动态生成代理类。   一、静态代理类实例： 1、Serivce.ja
  • Struts1与Struts2的12点区别 asia007 Struts1与Struts2
    1) 在Action实现类方面的对比：Struts 1要求Action类继承一个抽象基类；Struts 1的一个具体问题是使用抽象类编程而不是接口。Struts 2 Action类可以实现一个Action接口，也可以实现其他接口，使可选和定制的服务成为可能。Struts 2提供一个ActionSupport基类去实现常用的接口。即使Action接口不是必须实现的，只有一个包含execute方法的P
  • 初学者要多看看帮助文档 不要用js来写Jquery的代码 百合不是茶 jqueryjs
    解析json数据的时候需要将解析的数据写到文本框中,  出现了用js来写Jquery代码的问题;   1, JQuery的赋值  有问题    代码如下: data.username 表示的是:  网易            $("#use
  • 经理怎么和员工搞好关系和信任 bijian1013 团队项目管理管理
            产品经理应该有坚实的专业基础，这里的基础包括产品方向和产品策略的把握，包括设计，也包括对技术的理解和见识，对运营和市场的敏感，以及良好的沟通和协作能力。换言之，既然是产品经理，整个产品的方方面面都应该能摸得出门道。这也不懂那也不懂，如何让人信服？如何让自己懂？就是不断学习，不仅仅从书本中，更从平时和各种角色的沟通
  • 如何为rich:tree不同类型节点设置右键菜单 sunjing contextMenutreeRichfaces
    组合使用target和targetSelector就可以啦，如下： <rich:tree id="ruleTree" value="#{treeAction.ruleTree}" var="node" nodeType="#{node.type}" selectionChangeListener=&qu
  • 【Redis二】Redis2.8.17搭建主从复制环境 bit1129 redis
    开始使用Redis2.8.17 Redis第一篇在Redis2.4.5上搭建主从复制环境，对它的主从复制的工作机制，真正的惊呆了。不知道Redis2.8.17的主从复制机制是怎样的，Redis到了2.4.5这个版本，主从复制还做成那样，Impossible is nothing! 本篇把主从复制环境再搭一遍看看效果，这次在Unbuntu上用官方支持的版本。   Ubuntu上安装Red
  • JSONObject转换JSON--将Date转换为指定格式 白糖_ JSONObject
    项目中，经常会用JSONObject插件将JavaBean或List<JavaBean>转换为JSON格式的字符串，而JavaBean的属性有时候会有java.util.Date这个类型的时间对象，这时JSONObject默认会将Date属性转换成这样的格式：   {"nanos":0,"time":-27076233600000,
  • JavaScript语言精粹读书笔记 braveCS JavaScript
    【经典用法】：   //①定义新方法 Function .prototype.method=function(name, func){ this.prototype[name]=func; return this; } //②给Object增加一个create方法，这个方法创建一个使用原对
  • 编程之美-找符合条件的整数 用字符串来表示大整数避免溢出 bylijinnan 编程之美
    import java.util.LinkedList; public class FindInteger { /** * 编程之美 找符合条件的整数 用字符串来表示大整数避免溢出 * 题目：任意给定一个正整数N，求一个最小的正整数M(M>1)，使得N*M的十进制表示形式里只含有1和0 * * 假设当前正在搜索由0，1组成的K位十进制数
  • 读书笔记 chengxuyuancsdn 读书笔记
    1、Struts访问资源 2、把静态参数传递给一个动作 3、<result>type属性 4、s:iterator、s:if c:forEach 5、StringBuilder和StringBuffer 6、spring配置拦截器 1、访问资源 (1)通过ServletActionContext对象和实现ServletContextAware,ServletReque
  • [通讯与电力]光网城市建设的一些问题 comsci 问题
          信号防护的问题,前面已经说过了,这里要说光网交换机与市电保障的关系       我们过去用的ADSL线路,因为是电话线,在小区和街道电力中断的情况下,只要在家里用笔记本电脑+蓄电池,连接ADSL,同样可以上网........     
  • oracle 空间RESUMABLE daizj oracle空间不足RESUMABLE错误挂起
    空间RESUMABLE操作  转 Oracle从9i开始引入这个功能，当出现空间不足等相关的错误时，Oracle可以不是马上返回错误信息，并回滚当前的操作，而是将操作挂起，直到挂起时间超过RESUMABLE TIMEOUT，或者空间不足的错误被解决。 这一篇简单介绍空间RESUMABLE的例子。 第一次碰到这个特性是在一次安装9i数据库的过程中，在利用D
  • 重构第一次写的线程池 dieslrae 线程池 python
    最近没有什么学习欲望,修改之前的线程池的计划一直搁置,这几天比较闲,还是做了一次重构,由之前的2个类拆分为现在的4个类. 1、首先是工作线程类:TaskThread,此类为一个工作线程,用于完成一个工作任务,提供等待(wait),继续(proceed),绑定任务(bindTask)等方法 #!/usr/bin/env python # -*- coding:utf8 -*-
  • C语言学习六指针 dcj3sjt126com c
    初识指针，简单示例程序： /* 指针就是地址，地址就是指针 地址就是内存单元的编号 指针变量是存放地址的变量 指针和指针变量是两个不同的概念 但是要注意： 通常我们叙述时会把指针变量简称为指针，实际它们含义并不一样 */ # include <stdio.h> int main(void) { int * p; // p是变量的名字， int *
  • yii2 beforeSave afterSave beforeDelete dcj3sjt126com delete
    public function afterSave($insert, $changedAttributes) { parent::afterSave($insert, $changedAttributes); if($insert) { //这里是新增数据 } else { //这里是更新数据 } }  
  • timertask shuizhaosi888 timertask
    java.util.Timer timer = new java.util.Timer(true); // true 说明这个timer以daemon方式运行（优先级低， // 程序结束timer也自动结束），注意，javax.swing // 包中也有一个Timer类，如果import中用到swing包， // 要注意名字的冲突。 TimerTask task = new
  • Spring Security（13）——session管理 234390216 sessionSpring Security攻击保护超时
    session管理 目录   1.1     检测session超时 1.2     concurrency-control 1.3     session 固定攻击保护         
  • 公司项目NODEJS实践0.3[ mongo / session ...] 逐行分析JS源代码 mongodbsessionnodejs
        http://www.upopen.cn   一、前言         书接上回，我们搭建了WEB服务端路由、模板等功能，完成了register 通过ajax与后端的通信，今天主要完成数据与mongodb的存取，实现注册 / 登录 /
  • pojo.vo.po.domain区别 LiaoJuncai javaVOPOJOjavabeandomain
    　　POJO = "Plain Old Java Object"，是MartinFowler等发明的一个术语，用来表示普通的Java对象，不是JavaBean, EntityBean 或者 SessionBean。POJO不但当任何特殊的角色，也不实现任何特殊的Java框架的接口如，EJB， JDBC等等。 　　 　　即POJO是一个简单的普通的Java对象，它包含业务逻辑
  • Windows Error Code OhMyCC windows
    0 操作成功完成. 1 功能错误. 2 系统找不到指定的文件. 3 系统找不到指定的路径. 4 系统无法打开文件. 5 拒绝访问. 6 句柄无效. 7 存储控制块被损坏. 8 存储空间不足, 无法处理此命令. 9 存储控制块地址无效. 10 环境错误. 11 试图加载格式错误的程序. 12 访问码无效. 13 数据无效. 14 存储器不足, 无法完成此操作. 15 系
  • 在storm集群环境下发布Topology roadrunners 集群stormtopologyspoutbolt
    storm的topology设计和开发就略过了。本章主要来说说如何在storm的集群环境中，通过storm的管理命令来发布和管理集群中的topology。   1、打包 打包插件是使用maven提供的maven-shade-plugin，详细见maven-shade-plugin。 <plugin> <groupId>org.apache.maven.
  • 为什么不允许代码里出现“魔数” tomcat_oracle java
    　　在一个新项目中，我最先做的事情之一，就是建立使用诸如Checkstyle和Findbugs之类工具的准则。目的是制定一些代码规范，以及避免通过静态代码分析就能够检测到的bug。 　　迟早会有人给出案例说这样太离谱了。其中的一个案例是Checkstyle的魔数检查。它会对任何没有定义常量就使用的数字字面量给出警告，除了-1、0、1和2。 　　很多开发者在这个检查方面都有问题，这可以从结果
  • zoj 3511 Cake Robbery(线段树) 阿尔萨斯 线段树
    题目链接：zoj 3511 Cake Robbery 题目大意：就是有一个N边形的蛋糕，切M刀，从中挑选一块边数最多的，保证没有两条边重叠。 解题思路：有多少个顶点即为有多少条边，所以直接按照切刀切掉点的个数排序，然后用线段树维护剩下的还有哪些点。 #include <cstdio> #include <cstring> #include <vector&
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他