HTML5CSS3特效-上下跳动的小球-遁地龙卷风

(-1)写在前面我用的是chrome49,这个idea是我在stackoverflow上回答问题时看到了,多谢这位同行,加深了我对很多技术点的理解,最近刚到北京,忙碌了一两天,在后续的日子里,会被安排面试,学习计划只能按工作流走了,做完这个要看一个特别酷的效果,好激动! (0)效果演示 (1)实现方案动画效果都是用animation做的 (2)知识点详解 a. border-radius:40px; 当div的长高都是80px的时候,div是一个圆形,其实长高都是60px的时候也是圆型,同理…

jquery toggle方法使用出错?请看这里-遁地龙卷风

这个函数在1.9之前和1.9之后的用法大不相同 1 1.9之间,用于点击元素时函数的轮流执行 toggle(function() { alert(1);//1,3,5,7... },function() { alert(2);//2,4,6,8... }) 还可以绑定更多 2 1.9之后用于隐藏.显示元素, 当元素显示时,他会隐藏元素,当元素隐藏时,他会显示元素. 直接绑定在元素上即可,不需要点击显示 <body> <div id="js" style="…

逻辑思维面试题-java后端面试-遁地龙卷风

(-1)写在前面最近参加了一次面试,对笔试题很感兴趣,就回来百度一下.通过对这些题目的思考让我想起了建模中的关联,感觉这些题如果没接触就是从0到1,考验逻辑思维的话从1到100会更好,并且编程简易模型就是输入->程序->输出,这有点像一个人藏东西让你找,去分析这个题的特性,从哪方面展开,从哪个点切入,根据已有的条件推出新的条件,从而选出正确答案.让我想到了我的瓶颈,做一个程序就像炼丹药,材料有了,配方有了,不同丹药需要的时间不一样,如何掌控火候是关键啊! (0)题目解答第一题 4 2 12…

JQuery data方法的使用-遁地龙卷风

(-1)说明我用的是chrome49,这个方法涉及到JQuery版本问题,我手里有3.0的,有1.9.1,后面将1.9.1及其以前的称为低版本,3.0称为高版本测试例子用到的showMessage方法如下 showMessage.i = 0; function showMessage(object) { var body = $("body")[0]; var $p =$("#debugp"); if($p.length==0) { $p = $("&…

JQuery simpleModal插件的使用-遁地龙卷风

(0)写在前面 jquery.simpleModal.浏览器这三者的兼容性,不仅显示在报错上,还体现在所呈现的效果不是预期上. 说一下我的环境 jquery-1.8.3.js jquery.simplemodal.js 1.4.4 chrome49 去官网下载simpleModal,可以省去很多麻烦,比如名子一样但内容不一样,说多了都是泪啊 (1)快速入手导入顺序 <script type="text/javascript" src="jquery-1.8.3.js…

JQuery实战图片特效-遁地龙卷风

(-1)写在前面这个idea是我拷贝别人的,但代码是我自已一点点敲出来的,首先向这位前辈致敬,我用的是chrome49.firefox43.IE9,jquery3.0.言辞请结合代码,避免断章取意. 用到的图片资源在我的百度云盘里http://yun.baidu.com/share/link?shareid=710445916&uk=1302053889 (0)知识预备 a.z-index 用来设置元素的层,值越大层次越高,当元素发生重叠时,值较大的显示在前面,值较小的显示在后面,值相同时,在…

《p5.js创意游戏编程》第一课：跳动的小球

准备:Hbuilder/vscode等可以编写网页的编辑器如果想立刻上手也可以使用在线编译器p5.js官方在线编辑器,如果打不开也可以使用国内的一款在线编辑器jsrun编辑器,(第一课先使用jsrun在线编辑器) 本案例最终代码17行开始创建画布,生成一个400*400大小的画布. function setup() { createCanvas(400, 400); } 创建背景及小球,首先通过background()函数创建一个天蓝色(87,250,255)的背景,再创建一个20*20大…

HTML中的标记-遁地龙卷风

第三版上一版本在未经验证的情况下,盲目的认为很多东西是那样,造成错误,非常抱歉. 0.什么是标记 <input type="checkbox" checked /><a href="http:www.baidu.com" title="123" id="lol">提示</a> 这里的checked.id.href.title就是标记 1.布尔标记已checked为例存在即应用,用来标记…

mysql SQL优化之嵌套查询-遁地龙卷风

mysql练习题-查询同时参加计算机和英语考试的学生的信息-遁地龙卷风

mysql存储过程编写-入门案例-遁地龙卷风

(-1)写在前面这篇文章只是简要的叙述了mysql存储过程编写的基本概念. 我使用的mysql版本是5.7.9-log. 参照<<深入浅出MySQL>>. (0) delimiter // delimiter //中的//可以指定为别的符号,比如delimiter @@,改变语句的结束的标识. 因为在存储过程中用到了;,不改变默认语句结束.标识将会报错. 创建完存储过程后别忘了自己更改过默认结束标识哦! (1)存储过程的创建在mysql命令行工具输入如下代码,当然你也可以在可视…

MyBatis处理一行数据-MyBatis使用sum语句报错-MyBatis字段映射-遁地龙卷风

第二版 (-1)写在前面我用的是MyBatis 3.2.4 (0) 编程轶事 select sum(value) ,sum(value2) from integral_list where MemberId = #{0} and operate = 1 and Year(AddTime) = #{1} and ChannelType = #{2} and ChannelCode = #{3} 我用的sqlyoug显示的的字段名分别是sum(value) .sum(value2) 我在xm…

MyBatis框架在控制台打印Sql语句-遁地龙卷风

第二版 (-1)写在前面我用的是MyBatis 3.2.4,Maven Project (0)mybatis-config.xml <settings> <setting name="logImpl" value="LOG4J"/> </settings> 这个是可以省略的,当 mybatis-config.xml,log4j.properties同一目录下时. (1)log4j.properties 内容 log4j.root…

Spring2.0-applicationContext.xml中使用el表达式给实体类属性赋值被当成字符串-遁地龙卷风

(-1)写在前面这两天读<javaweb开发王者归来>,学到Spring的PropertyPlaceholderConfigurer时出现一个问题,我已${jdbc.name}的形式赋值给bean中的属性,用main方法测试后,输出属性的值仍然是${jdbc.name}. (0)解决问题之路 a.我先想到是不是打错了,于是和书上仔细的对照了一下,发现书上说的是PropertyOverrideConfigurer,但实际上配置文件中写的是PropertyPlaceholderConfigure…

Java-使用二叉树实现快速排序-遁地龙卷风

(-1)写在前面在一次面试中被问及快速排序,回来后又看了一次以前做过的案例,说来惭愧,时至今日还需要读好长时间,才能明白自己代码的意思,主要是缺少注释和图解,深有感慨,决定好好记录一下. 之所以使用二叉树,是因为用递归实现当数据量过大时会报栈溢出的错误,我试了一下别人的电脑也是这个问题.当然使用二叉树也会报内存不足,原因是无法创建那么长的数组,堆区内存溢出.个人感觉要比递归实现好的多. (0)算法详解程序随机产生数据,将其放在数组里. a.将最小索引到最大索引之间的数据看做一个整体,程序已最…

CSS3过渡详解-遁地龙卷风

第二版 0.环境准备 (1)过渡需要浏览器的支持,使用这些属性要加上浏览器厂商的前缀,我用的chrome49已经不需要前缀了, -o- Opera -webkit- Safari.Chrome -moz- Firefox -ms- IE (2) css p { height:15px;/*类似于高度这种属性,必须明确指定值*/ } p:hover/*初始p:hover*/ { height:100px; } (3)html文件body部分 <p></p> 1.快速使用将下面属性加…

MyEclispe发布web项目-遁地龙卷风

(-1)写在前面我用的是MyEclipse8.5. 还记得以前帮助一个女同学解决问题的时候,特意情调了要先启动服务在发布项目,其实单独的时候都是知道的,总和起来后就容易片面的给出结论.因为不会发生问题所以啊也不知道自己错了.倒是了解后,很多莫名其妙的问题说的清了. (0)步骤说明注意这个名字是myeclipse中的项目名,默认发布到服务器也是这个名字,如果在MyEclipse通过rname更改了项目名,发布到服务器下的名字是不会更改的,remove在发布也没用,更改发布到服务器的名字的方法如…

css3径向渐变详解-遁地龙卷风

(-1)写在前面我用的是chrome49,如果你用的不是.可以尝试换下浏览器前缀.IE在这方面的实现又特例独行了.不想提及-,这篇是为后续做准备. (0)快速使用 background-image:-webkit-linear-gradient(red,blue); 或者 background-image: -webkit-gradient(linear,center top,center bottom,from(#ace),to(#f96)); (1)环境准备 #lol { width:30…

java抽象-老师的生日-逻辑思维-有趣的面试题-遁地龙卷风

(-1)写在前面都快去北京了,硬生生的安排一场java考试,对于那些特别细节的东西我忘了吧也不觉得有什么不好,以前都记得,也都见过,只不过平时不常用连接断了,但是你死记硬背是没用的,一段时间后还是会忘,唯一的途径就是多做东西,理论联系实际,相反这道题我感觉很有意思,也在网上看到了很多解释,觉得都有所不足,下面是我给出的答案. (0)详细解释设一个老师的生日为M月N日.把M告诉学生甲(即学生甲知道老师出生的月份),把N告诉学生乙(即学生乙知道老师出生的日).现有如下日期是公开的:3月4日,3月…

jQuery-H5-css3转盘抽奖-遁地龙卷风

(-1)写在前面这个idea不是我的,首先向这位前辈致敬. 我用的是chrome49, jquery3.0. 完整的程序案例在我的百度云盘http://pan.baidu.com/s/1jI2QSnW 最近大四实习,该走的都走了,过两天也要去北京找一个web前段的实习机会,世界这么大,我不得不去看看…. (0)知识储备 a. webkitTransitionEnd webkit是浏览器前缀,webkitTransitionEnd在过渡完成后触发.类似DOM对象.click的方式注册事件,对于w…

JQuery插件Validation的使用-遁地龙卷风

第二版 (-1)写在前面本文不是要详细说明Validation插件的使用,而是将满足开发需求的代码已最应该使用的方式写出来,并附有详细的注释想要了解更多,去jquery的官网,有最新,最全面的,后续可能会写怎么从jquery官网获得信息的博文 (0)资源配置官网的jar包: lib 有该插件所支持的最高版本jquery ,使用更高版本可能会发生错误,例如Jquery3.0 dist\localization\messages_zh.js 可以让默认报错信息使用中文导入的顺序 <scr…

JQuery实战手风琴-遁地龙卷风

(-1)写在前面这个图片是我从网上下载的,向这位前辈致敬.图片资源在我的百度云盘里.http://pan.baidu.com/s/1nvfJHdZ 我用的是chrome49,JQuery3.0,案例并没有考虑浏览器兼容问题,如果你看不到动画效果,尝试给css属性加上前缀. (1)知识储备 a.class 如果为class标记指定多个值,例如class=”dnf lol” dnf lol是没有先后观念的,等同于class=”lol dnf”,lol中的样式是否能够覆盖dnf中的样式,取决于css…

H5图像遮罩-遁地龙卷风

(-1)写在前面这个idea不是我的,向这位前辈致敬.我用的是chrome49.用到的图片资源在我的百度云盘里http://yun.baidu.com/share/link?shareid=1970396223&uk=1302053889 代码不能运行,说明你的浏览器版本不够高,加上对应浏览器前缀,还不行,浏览器不支持. 这个案例给了我很大启迪,从分析案例使用了什么属性.在到如何实现,最后还是看了源代码才做到一模一样. (1)知识预备 a.transform-origin transform-…

JQuery测手速小游戏-遁地龙卷风

(-1)写在前面我用的chrome49,jquery3.0,我得到过399分,信不信由你. (1)设计思路两个p元素放在div里,每个p元素的高度和宽度都和div一样,当鼠标放在div上时,第一个p向上移动(更改marginTop值),当鼠标离开div上时,第一个p向下移动. (2)知识储备 a. :nth-child #lol p:nth-child(1),当前元素p相对于他的父元素的所有子元素,如果第一个元素是p则匹配成功. #lol :nth-child(1) 相当于#lol *:nt…

H53D旋转-遁地龙卷风

(-1)写在前面首先图片是我从互联网上下载的,向这位前辈致敬.我用的是chrome49,没有加不同浏览器的前缀,jquery3.0,图片资源放在了我的百度云盘上http://pan.baidu.com/s/1o7LyHp4 (1)知识预备 a.浏览器x.y.z轴的概念左手竖代表y轴,右手横代表x轴,左右手摆成一个十字,z轴是即垂直x轴也垂直y轴穿过x.y交点的一条直线. b. :nth-of-type(1) img:nth-of-type(1),所有有子元素img的父元素的第一个img子元素…

canvas对象arc函数的使用-遁地龙卷风

(-1)写在前面我用的是chrome49 <canvas id="lol" height="300"></canvas> (1)详细介绍 arc函数用来显示圆的那一部分 context.arc(100,100,50,Math.PI/6,Math.PI*2,false); 1,2 参数指定圆心, 3 参数指定半径, 4 参数指定起始角度,5参数指定结束角度 6 参数为true逆时针画,false顺时针画,不传递为false a.象限分布 ex…

canvas对象arcTo函数的使用-遁地龙卷风

(-1)环境说明我使用的浏览器是chrome49 (1)详细介绍 $(function() { var context = lol.getContext("2d"); context.beginPath(); context.moveTo(100,10); context.arcTo(220,10,220,110,100); context.stroke(); context.closePath(); }) 起点并没有在arcTo函数指定,可以理解为上一子路径的终点, context…

读w3c中文教程对键盘事件解释的感想 -遁地龙卷风

写这篇博文源于w3c中文教程对键盘事件的解释, onkeydown 某个键盘按键被按下 onkeypress 某个键盘按键被按下并松开 onkeyup 某个键盘按键被松开可在实践中发现只注册keypress事件,一只按着某个字母键不放,绑定在document对象上的keypress事件是一直触发的. 只注册keydown事件,一只按着某个字母键不放,绑定在document对象上的keydown事件是一直触发的. 我们在个document上注册keydown.keypress.keyup事件时…

外国类似stackoverflow这样的网站访问慢怎么解决-遁地龙卷风

第二版百度搜索蓝灯下载桌面版双击运行如果打开的浏览器不是你想要的拷贝地址栏地址给你想要的浏览器一切就ok了!!!!! 建议不访问国外网站时,便将蓝灯关掉,否则在访问一些不开蓝灯能够正常访问的网站.下载应用,会出现问题.…

js表单元素checked、radio被选中的几种方式-遁地龙卷风

0.环境 <input type="checkbox" value="lol"/>lol var lol = document.getElementsByTagName("input")[0]; 1.HTML DOM a.lol.checked = true; 属性的值可以不是lol,只要转为布尔值的时候为true就可以,取值时只有true.false两种不会增加checked标记 b.lol.click(); 不会增加check…

【HTML5CSS3特效-上下跳动的小球-遁地龙卷风】的更多相关文章