html/css
关注
分享
扫一扫
caoPengFlying
编程，学的是思维，写的是人生！
展开
-
tomcat 部署ip地址访问不到
最近要做webapp那么在调试的时候不仅仅要在Pc端也要在手机端来查看效果，那么就要本地的机器变成服务器，使用tomcat是非常常用的方法。 配置好了tomcat后，使用localhost:8080可以登录到tomcat那个网页但是ip地址访问不到，我查了各种资源，最终本地还是没有访问到ip地址，但是同在局域网内的其他的机器可以访问，目前开发是没有问题的，下面给一些解决的办法吧。 如果启动tom原创 2017-09-27 09:08:54 · 14885 阅读 · 0 评论 -
JS参数传递
学了一些语言之后，觉得这个c++还是非常好的，因为他有引用，有值。所以想改变哪个有明确的的办法。但是JS理论上是引用。就是说你改变了形参的值，实参也会改变。后面我试了一下，代码如下： function swap(x, y){ var t = x; if(x< y){ x = y; y = t; }原创 2017-07-27 13:48:32 · 2903 阅读 · 0 评论 -
JS计时器
JS提供了两种计时器的方法window.setInterval()； 这个方法就是在一个周期内反复执行一直到窗口关闭或者 clearInterval()window.setTimeout(); 延迟执行内容setInterval()的使用方法： setInterval(code,millisec); code:可以是方法名，如果是方法不要加小括号。同时也可以是字符串原创 2017-07-30 11:04:31 · 5009 阅读 · 0 评论 -
程序中的逻辑运算符：&&
经常用逻辑运算符，常见的有与 或 非 与：&& 运算规则是，几个条件。当前面的条件有否定时，后面的条件或者语句是不执行的。只有前面的条件成立后，才往后执行。 或：|| 从头到尾一直执行到底。 非：! 一般不会连着几个关系使用。 要强调的是与符号可以使用类似的条件运算符(a<0) ? b=0 : b=1;可以改成(b=1) && (a>0) && b=0;原创 2017-07-31 10:15:14 · 8283 阅读 · 0 评论 -
JS for-in 循环
学了数组、字符串之后，经常需要遍历整个的值。 遍历有几种方法for循环，通过这些数据本身的长度来控制，从头循环到尾。for(var i=0; i<str.length; i++){ alert(str[i]);}for-in循环，for循环的简单写法，专门用于遍历for(var i in arr){ alert(arr[i]);}两种写法都得到了下标所对应的值。那么两者原创 2017-08-03 09:41:09 · 3621 阅读 · 0 评论 -
js为li列表添加点击事件
今天看到一个面试题目//html代码<body> <ul> <li>1</li> <li>2</li> <li>3</li> </ul></body>//js代码var oli = document.getElementsByTagName("li"); for(var i=0; i<oli.length; i++){原创 2017-11-09 23:24:01 · 53115 阅读 · 2 评论 -
js变量的生命周期
在javascript中 声明一个变量是使用var 来声明一个变量。一个变量的声明意味着就是我们在内存当中申请了一个空间用来存储。这个内存也就是我们电脑的运行内存，如果我们一直的声明变量，不释放的话。会占用很大的内存。在c/c++当中是需要程序员在合适的地方手动的去释放变量内存，而javascript和java拥有垃圾回收机制，他们会自己回收。 在js当中变量分为两种：全局变量和局部变量原创 2017-11-12 10:37:17 · 6544 阅读 · 0 评论 -
快速掌握javascript中的let
let是ECMAScript 6标准中引入的。在ECMAScript 6之前， JavaScript有三种类型的范围：全局范围函数范围词汇范围为了详细的探索let语句，请看下面代码 function foo() { var x = 7; if(x>5){ var x = 9; console.log(x);原创 2017-11-13 21:48:30 · 578 阅读 · 0 评论 -
js深度拷贝和浅度拷贝
变量的拷贝在代码当中常常用得到。在js当中参数传递有两种一种是值传递，常见的类型有number,string,boolean等还有一种是引用传递比如对象。 值传递，在拷贝变量之后，拷贝出来新的变量的值改变后，他原来的变量的值并不会改变。如下面代码：var a = 25;var b = a;b = 18;console.log(a);//25console.log(b);//18引用传递，在原创 2017-11-20 23:27:17 · 753 阅读 · 0 评论 -
js数组去重
数组去重是js当中经常遇到的，废话不多说上代码。 方法一： function getNewArr(arr) { var newArr = []; for(var i =0;i<arr.length-1;i++){ if(newArr.indexOf(arr[i]) == -1){ newArr.push(原创 2017-11-17 08:29:15 · 275 阅读 · 0 评论 -
canvas 画图片没有显示
h5新添加了一个元素叫做canvas画布，可以用它画出很多的图形。其中提供了一个方法 drawImage 方法的说明可以看canvas手册 我按照上面写了一个demo<body> <img src="furit.png" id="fruit"> <canvas id="canvas" width="400" hegiht="400"></canvas></body>var fr原创 2017-11-28 14:47:35 · 2911 阅读 · 0 评论 -
js实现60秒内不能重复点击按钮
在网页中经常看到一个发送验证码的按钮，点击之后变成60s递减 一直到了0秒后又变成文字发送验证码。并且才能继续点击。这个利用到了 js当中的定时器。我这里就改成了5s后才能再次点击。其道理是一样的。 代码如下：html lang="en">head> meta charset="UTF-8"> title>Titletitle>head>body>button id原创 2018-01-21 15:30:05 · 4406 阅读 · 0 评论 -
变量的本质
变量，从开始接触一直到现在也有个5年左右了。听到老师讲过他就是内存单元，用来存储数据。这句话一直觉得没啥理解不理解的。变量就是变量嘛，存东西的。觉得没有什么可以讲的。但是今天听到了一个例子就是这个游戏作弊器。我觉得更加深刻的理解了。下面就说一下这个游戏作弊器。* *我小的时候一直玩单机游戏，因为我哥哥很早就买了电脑，放假我就跟他一起玩。那个时候还是玩仙剑奇侠传、鬼武者2、暗黑破坏神等等之类的东西。原创 2017-07-26 10:29:12 · 4529 阅读 · 0 评论 -
初识HTML5（一）
初识html4计算机语言第一次h5的课，老师讲了这个计算机语言由简单的2进制到汇编再到现在的高级语言。包括C 、 C++、 PHP、 Java、 C#等 那我们现在使用的编程语言基本上都是基于JavaScript，Js 和Java 的关系就像是之前所说的老婆和老婆饼的关系。那就是没有任何关系。标记语言.html文件是纯文本文件，什么叫纯文本就是不存储任何格式，只有内容。把同样的内容放在txt htm原创 2017-07-07 11:30:44 · 6330 阅读 · 0 评论 -
overflow属性的用法
经常用到overflow:hidden这个属性。 我们不给元素设置高，而是让他的孩子来撑起他的高。这个时候用的就是这个属性。 那是因为这个父亲是块级元素 所以会撑起它的高。 如果元素时内联元素，那么这个属性的意思就是隐藏显示多余的内容。 类似的效果就是 图片的大小固定后，给他父亲加上该属性并用css3放大的属性。就有了该效果 代码如下： a{ d原创 2017-09-15 09:54:07 · 5596 阅读 · 0 评论 -
for-in循环和for循环遍历数组
今天在写代码的时候在用for-in循环遍历数组的时候会出现一些莫名的东西出来，后面查了一下资料。才知道for-in 循环和for循环的区别。 for -in 循环 就是迭代，他迭代的是当前对象的所有的属性和方法，它本身会过滤掉系统原来写好的属性和方法，如果我们给他加了属性和方法。在for-in 的时候就会将这些我们加的属性和方法遍历出来。 比如：我给js当中的array加了一个方法//Array原创 2017-09-26 01:22:02 · 14747 阅读 · 0 评论 -
js模拟点击事件
在页面加载之后，我们经常会遇到联动的问题。这个时候就需要在页面加载后就自动触发第一个点击事件这样后面的联动才能在网页中显示出来。 在js当中可以使用 trigger方法$("selector").trigger("click");比如在我的代码中我先给这个ul 里面的li 添加了点击事件 然后模拟触发了这个事件。 $(".place-classify ul").on("click","原创 2017-09-25 00:39:35 · 23076 阅读 · 1 评论 -
延迟hover事件
延迟hover事件最近在写导航栏的时候遇到一个问题，就是我给一个导航列表加了一个动画，更换的时候会触发这个动画。实际效果如图 这个是要达到的效果，但是在实现的时候，随着鼠标在导航栏上移动会产生卡顿的现象。 如图背景图会在鼠标经过的每一个导航中卡顿一下，解决的办法就是延迟hover的触发事件。 代码如下var timer; $('.navigation ul li ').hover(fu原创 2017-09-22 09:19:56 · 6228 阅读 · 0 评论 -
隐藏多余的文字变为...
在前端经常会遇到类似的效果。 就是一段文字显示不下的时候默认隐藏然后用…来代替。 只需要给元素加上以下几个css属性。 overflow: hidden; text-overflow:ellipsis; white-space: nowrap;就可以实现该效果原创 2017-09-15 09:09:36 · 5831 阅读 · 0 评论 -
js 键盘监听事件
今天在模仿百度一下的页面，实现搜索框的效果。通过baidu的接口实现了输入数据的提示，当我给键盘添加监听事件的时候就出了问题。 首先是监听这个输入框里面的内容更改时 就改变提示的内容。所以我给他添加了onkeyup的事件 $("#txt").on("keyup",function(event){ var txt = $("#txt").val();原创 2017-08-25 14:30:17 · 5337 阅读 · 0 评论 -
块级元素与内联元素总结
块级元素与 内联元素的区别块级元素：（1）独占一行。（2）宽和高能够起作用 内联元素（行内元素）：与块级元素相反。块级元素常见的有： div、p、tr、th、h、ol、 ul、li、dl、table等 内联元素常见的有： a、td、span、input、button等块级元素与内联元素的嵌套一般所有的块级元素内可以放内联元素。 块级元素中嵌套块级元素就有特殊情况了。比如<p> <d原创 2017-07-19 09:37:01 · 7107 阅读 · 1 评论 -
CSS三大特性
继承性样式具有继承性，一般有关text- line- font-都能够继承。 a标签的颜色不能继承 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <meta http-equiv="Co原创 2017-07-18 14:32:07 · 6555 阅读 · 0 评论 -
绝对定位与相对定位
学习了定位，感觉就是这个世界同时存在两个位面。绝对定位和相对定位可以决定这个东西所在的位面。如果穿越了位面，那么就只能在另外的位面生活，而不能回来。他的子孙后代也只能在另外的位面生活。如果他没有穿越位面，他的子孙基因突变穿越了位面，那么子孙就脱离的祖宗。相对定位 自己并没有脱离文档流绝对定位 自己脱离了文档流一般在使用定位时，都会用“父相子绝”父亲也可以时候祖宗，不一定就是亲身父亲。原创 2017-07-16 20:11:16 · 4641 阅读 · 0 评论 -
table表格
table是我们常用的一个标签。他的组成包括caption:表格的题目thead：表头tbody：表体tfoot：表尾th：一行一般用于表头tr：一行一般用于表体td：一列 有rowspan和colspan 合并行与合并列 <table > <tr> <td colspan="3" ></td> </tr> <tr> <t原创 2017-07-14 11:20:26 · 5150 阅读 · 0 评论 -
初识HTML5（二）
列表无序列表<ul> <li>河南</li> <li>河北</li> <li>江西</li> <li>江苏</li> </ul>有序列表<ol type="1" start="2"><li>第一章</li><li>第二章</li><li>第三章</li><li>第四章</li></ol>ol有两个常用的属性 1.type属性 2.start属性原创 2017-07-08 15:04:49 · 6056 阅读 · 0 评论 -
CSS选择器
选择器：描述后面的样式然后施加给一些目标。 根据选择依据的不同，产生了各种选择器。元素选择器根据标签元素名进行选择，通常选择一般所有的相同元素都有的样式比如下面的例子就是所有的div背景色都是黑色div{ background-color:#000;}id选择器通过元素的id来选择样式，只能施加给一个，因为id只能有一个。比如下面的例子就是id为id1的标签字体大小为22px #id1{原创 2017-07-18 11:07:25 · 5811 阅读 · 0 评论