- 博客(37)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 js 找出当前元素所包含的最后一个元素节点（不是文本节点）
elem.lastChild只能确保找出的是当前元素的最后一个节点，不能保证这个节点是元素节点还是文本节点。为了确保找出的节点是当前元素的最后一个元素节点，可以如下写：var elemChildren=elem.getElementByTagName("*"):if(elementChilder.lengthvar elem=elemChildren[elemChildren.le
2015-12-06 18:59:19
7670
原创 js array.length 问题
当你的js里面array 储存的数组下标不是 0,1,2,3,4 的时候用array.length的值一直都为0当你的下标为 0.1,2,3,4 的时候，它的array.length可以使用并且随着增加而增加，不再显示为零
2015-12-06 18:04:39
1822
转载 移动前端开发之viewport的深入理解
在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。一、viewport的概念通俗的讲，移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域，在具体一点，就是浏览器上(也可能是一个app中的
2016-04-05 15:38:05
426
转载 css中可继承属性与不可继承属性
不可继承的：display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、left、right、top、bottom、z-index、float、clear、table-layout、vertical-align、page-break
2016-03-27 19:25:50
1432
原创 margin，padding，top，left，transform：translate（10%，10%）等使用百分比的时候参造物的问题
1.margin，padding 使用百分比时候参照物的问题（1）父元素直接规定了宽度，高度。 #right { width: 600px; height: 300px; position: absolute; top:0; left:0; background-color: aqua;...
2016-03-25 16:14:20
2333
原创 父元素高度为auto：子元素使用top：-50%没有效果的问题
当为父元素设定了height：auto的时候，子元素设置position：relative top：50%没有效果的问题代码如下： html, body { width:100%; height:100%; } #one { position: abso
2016-03-23 13:47:05
2423
转载 css 长单词不换行溢出容器的解决方法 word-wrap与word-break
这两个东西是什么，我相信至今还有很多人搞不清，只会死记硬背的写一个word-wrap:break-word;word-break:break-all;这样的东西来强制断句，又或者是因为这两个东西实在是太拗口了，长得又差不多，导致连背都很难背下来。那它们到底是什么呢？我在mozilla的官网上找到如下的解释：word-wrapword-break我们看到两个解释中都出现了 b
2016-03-23 13:09:20
2565
原创 元素的水平居中，垂直居中以及同时水平，垂直居中方法
一.元素的水平居中：1,文本的水平居中：text-align：centediv.txtCenter{ text-align:center; border:1px solid red; margin:20px;}我是文本，哈哈，我想要在父容器中水平居中显示。结果：2,已知宽度的块元素居中： div{ width:500px; margin:20
2016-03-21 16:37:19
3565
转载 css 中 float：left ，right 浮动与非浮动内联元素与块元素之间的显示关系
CSS中很多时候会用到浮动来布局，也就是经常见到的float:left或者float:right，简单点来说，前者是左浮动(往左侧向前边的非浮动元素飘，全是飘得元素的话，就按照流式来浮动从左到右，放不下则换行)，后者是右浮（往右飘）动。但仅仅是如此吗？No! 要注意以下几点： 1、 浮动元素会被自动设置成块级元素，相当于给元素设置了display:blo
2016-03-20 15:05:06
986
转载 为何img、input等内联元素可以设置宽、高
元素是文档结构的基础，在CSS中，每个元素生成了一个包含了元素内容的框（box，也译为“盒子”）。但是不同的元素显示的方式会有所不同，例如和就不同，而和也不一样。在文档类型定义（DTD）中对不同的元素规定了不同的类型，这也是DTD对文档之所以重要的原因之一。1. 替换和不可替换元素从元素本身的特点来讲，可以分为替换和不可替换元素。a) 替换元素替换元素就是浏览器根据元素的标签和
2016-03-20 14:25:40
1626
转载 BFC 简介
BFC全称是Block Formatting Context，即块格式化上下文。它是CSS2.1规范定义的，关于CSS渲染定位的一个概念。要明白BFC到底是什么，首先来看看什么是视觉格式化模型。视觉格式化模型视觉格式化模型(visual formatting model)是用来处理文档并将它显示在视觉媒体上的机制，它也是CSS中的一个概念。视觉格式化模型定义了盒
2016-03-18 20:30:54
411
转载 css 外边距合并问题
外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。外边距合并外边距合并（叠加）是一个相当简单的概念。但是，在实践中对网页进行布局时，它会造成许多混淆。简单地说，外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者
2016-03-18 13:58:32
473
原创 overflow ：hidden 和 clear：both 与 clearfix撑起高度坍塌的父元素应用
overflow ：hidden 和 clear：both防止父元素塌陷的应用二者都可以应用于清除浮动，将包含有float元素的高度坍塌的父元素高度撑起来；（1）overflow：hidden：只要在父元素里面设置：overflow ：hidden 即可：原理:因为overflow属性（除了应用visible），对于scroll hidden auto 都会对当中的 flo
2016-03-18 13:32:31
1315
转载 步骤比较细致的 圣杯布局说明
圣杯布局的实现过程圣杯布局和双飞翼布局，他们的都要求三列布局，中间宽度自适应，两边定宽，这样做的优势是重要的东西放在文档流前面可以优先渲染，而双飞翼布局是对圣杯布局的一种改良，下一篇文章会讲到。圣杯布局：用到浮动、负边距、相对定位，不添加额外标签DOM结构：div class="header">Headerdiv>div class="bd"> div
2016-03-18 11:33:03
436
原创 css 当用id选择器与 class 选择器选择同一目标但是应用不同修饰时的选择问题
为同一个p元素设置id为intro与class为bb，对他们进行不同颜色设置，结果应用了针对id设置时显示的颜色p{color:red}#intro {color:green}.bb{color:black}This is a paragraph of introduction.This is a paragraph.This is a paragr
2016-03-16 16:58:12
3726
转载 jQuery $.proxy
JQuery.proxy(function,context):使用context代替function中的context。比如：var you = { type: "person", test: function(event) { $("#log").append( this.type + " " ); }$("#test").click(you.test
2016-03-16 16:46:56
408
转载 css： position 与 z-index 问题（2）
多次在项目中遇到html页面元素的非期待重叠错误，多数还是position定位情况下z-index的问题。其实每次解决类似问题思路大致都是一样的，说到底还是对z-index的理解比较模糊，可以解决问题却不大了解其原因，导致重复出错......于是决定把重叠问题弄清下，把z-index理顺下。经过一番查找对比实践理解，下面就从元素重叠的背景常识及可能原因说起，浅谈下position定位元素的z-
2016-03-14 15:03:12
438
转载 css：position 与 z-index 问题（1）
你对CSS中的position定位和z-index属性的用法是否了解，position属性中static、absolute、relative三个参数，这里和大家分享一下其用法。深入理解CSS中的position定位和z-index属性由于平时不太用到，所以过去写CSS的时候对于position属性的absolute、relative值理解比较模糊，对于z-index的层叠更是摸不着头脑，除
2016-03-14 15:01:24
457
原创 JQ addback( ) 与 end （ ） 区别
addback （） 返回当前的元素与先前的元素的集合end（ ） 只返回链式结构中先前的元素。例子：addback（）：考虑一个页面，一个简单的列表就可以了：1234567ul> li>list item 1li> li>list item 2li> li class="third-item">list item
2016-02-22 16:10:46
2058
原创 JQ中 :not .not 伪类与方法之间的选择
$('#news tr:nth-child(even)').addClass('alt');与 $('#news').find('tr:nth-child(even)').addClass('alt'); 是一样的结果，有时候使用.not() 方法而不是 ：not 选择器来执行，因为：使用 :not() 通常会构建出一个非常复杂的选择器。所以大多数情况下，推荐使用not()方法。J
2016-02-22 14:50:26
1791
1转载 Jquery map()与get（）
jQuery之map（）和get（）jQuery下有个概念叫“类数组”，比如$( " li " )，当取到一个集合的时候，会有数组的一些属性，但是instancseof Array仍然是false。但是var a=$( "li" ).get（）这样处理一下，然后instancseof Array就返回true。要注意var a=$( "li" ).get（1）里头加序列号可以取到单
2016-02-21 16:17:13
655
原创 css 背景属性
背景位置background-position:值值可以是 center top bottom right left ，XXpx，XXcm, XX%,其中center， top，bottom，right，left 一共可以组成九个方向，单一关键字规则如下。可以省略center。XX%表示更复杂：百分数值同时应用于元素和图像，当水平方向为0%时，图像左边和元素左边对其，当
2016-01-05 09:44:49
357
原创 project Euler 14
417msimport java.util.Date;/*** Created by Administrator on 2015/5/18.*/ class E14 { public static long[] compute(long number) { long[] result=new long[2]; result[0]=nu
2015-05-21 19:30:36
443
原创 project Euler 12
时间是216msimport java.util.Date;/** * Created by Administrator on 2015/5/11. */public class E12 { //计算低x个三角形数 public static int computeTri(int x) { int sum=0;
2015-05-21 19:12:32
508
原创 project Euler 15 可改进，用杨辉三角
时间是 0ms。/** * Created by Administrator on 2015/5/21. */public class E15 { public static long compute(long bigNumber,long smallNumber) { long result=1; long cycleInd
2015-05-21 18:58:01
511
原创 project Euler problem13
计算数组中对应位置的存储个位数的数字时出现错误，求商求余进行对最高位的剥离时出现错误，可以直接算出该数是n位数，然后求商temp=number/10^n,再用number—temp*10^n,或者直接用number=number%10^n;我用的是第一种方法，用时11msimport java.io.*;/** * Created by Administrator on 201
2015-05-13 10:17:38
333
原创 Project Euler Problem 11
//08 02 22 97 38 15 00 40 00 75 04 05 07 78 52 12 50 77 91 08//49 49 99 40 17 81 18 57 60 87 17 40 98 43 69 48 04 56 62 00//81 49 31 73 55 79 14 29 93 71 40 67 53 88 30 03 49 13 36 65//52 70 95
2015-05-11 21:33:01
336
原创 project Euler problem 10
/** * Created by Administrator on 2015/5/10. */public class E10 { //判断一个数是否是质数 public static boolean isPrime(int x) { boolean isPrime=true; for(int i=2;isqrt(x)
2015-05-10 15:19:05
362
原创 project Euler problem 9
/** * Created by Administrator on 2015/5/9. */public class E9 { public static int[] computeTri() { int []temp=new int[3]; for(int i=1;i1000;i++) {
2015-05-09 23:27:50
401
原创 project Euler problem 8
import java.util.ArrayList; /** * Created by Administrator on 2015/5/9. */ public class E8 { public static void main(String[] args) { String number=new
2015-05-09 22:19:21
401
原创 Project Euler Problem 7
public class E7 { public static void main(String[] args) { int count=0; boolean finish=true; boolean isPrime=true; int i=2; while (finish) {
2015-05-08 23:32:27
287
原创 Project Euler Problem 6
public class E6 { public static void main(String[] args) { int soq=0,qos=0; for(int i=1;i100;i++) { soq+=i*i; qos+=i; } qos=qos*qos;
2015-05-08 23:02:36
296
空空如也
C++ 缩写符号问题简洁写法的错误
2014-10-06
TA创建的收藏夹 TA关注的收藏夹
TA关注的人