随笔分类 -  Web前端笔记

布局篇
摘要：要准备面试，把一些知识重新回顾学习一下单列顶宽，单列自适应方法一 : 浮动和负边距的实现 1 2 3 4 5 Document 6 28 29 30 31 右侧主体自适应区块32 33 左侧定宽200px区块34 35 方法一考虑到先加载右侧内容，所以放在上面方法二：浮动布局 ... 阅读全文
posted @ 2015-07-12 09:36 夏目の-の 阅读(153) 评论(0) 推荐(0)
表格排序
摘要：先展开一下表格排序的思路：获取表格的DOM引用来定位数据行 ————(获取到要排序的表格id，通过id获取到表格的tbody，html中要写成thead和tbody，把头部和数据区分开来，然后获取到行rows)创建一个数组，将迭代tr元素并将它们放入数组中————（a.排序有sort()方法，此方法... 阅读全文
posted @ 2015-06-22 11:42 夏目の-の 阅读(294) 评论(0) 推荐(0)
利用js查找页面中的内链，外链
摘要：起初没听说过内链外链，只有链接锚文本，在面试中被问到如何查找到页面中的内链和外链，就在想，什么是内链和外链啊？？？？？？？后来面试官给我解释了一下他们的区别，自己稍微懂了，自己当时回答的是通过获取a标签的href属性，查找字符串中是否存在href，后来又被问到如果用选择器怎么用呢？自己不会....后... 阅读全文
posted @ 2015-06-21 11:28 夏目の-の 阅读(1878) 评论(0) 推荐(1)
事件机制（事件冒泡与事件捕获）
摘要：Click me!事件冒泡微软提出了名为事件冒泡(event bubbling)的事件流。时间冒泡就是指事件会从最内层的元素开始发生，一直向上传播，直到document对象。因此上面的例子在事件冒泡的概念下发生click事件的顺序应该是p -> div -> body -> html -> ... 阅读全文
posted @ 2015-06-20 21:22 夏目の-の 阅读(579) 评论(0) 推荐(0)
图片无缝滚动
摘要：jquery图片无缝滚动代码左右上下无缝滚动图片 卷板 钢板 卷板 卷板 钢板 ... 阅读全文
posted @ 2015-06-02 09:12 夏目の-の 阅读(200) 评论(0) 推荐(0)
两种方法可以达到背景图不缩放的效果
摘要：方法一. 把图片作为background有几个CSS的属性要提一下：background-size：cover，这个CSS3的属性作用是把背景图像扩展至足够大，以使背景图像完全覆盖背景区域，背景图像的某些部分也许无法显示在背景定位区域中，如果不使用这个属性，在IE11和FireFox中缩放浏览器，背... 阅读全文
posted @ 2015-05-06 10:21 夏目の-の 阅读(3301) 评论(0) 推荐(0)
HTML当中特殊字符的表示
摘要：（回车换行） （空格符） &（AND符号） &（右尖括号、大于号） >°（度） °•（间隔符） •´ ´" "“ “” ”‰ ‰← ←↑ ↑→ →↓ ↓↔ ↔... 阅读全文
posted @ 2015-04-28 10:23 夏目の-の 阅读(851) 评论(0) 推荐(0)
溢出文本用“...”代替
摘要：之前一直尝试用但是总出不来效果，今天写代码又用这个，发现自己用错地方了，(⊙﹏⊙)b.....先上正确代码 1 2 3 4 5 text-overflow: ellipsis; 6 7 18 19 测试文字能否被截取20 测试文字能否被截取21 22 今天是将新闻列表中的溢... 阅读全文
posted @ 2015-04-27 21:19 夏目の-の 阅读(418) 评论(0) 推荐(0)
【转】图标字体化浅谈
摘要：在做手机端Web App项目中,经常会遇到小图标在手机上显示比较模糊的问题，经过实践发现了一种比较好的解决方案，图标字体化。在微社区项目中，有很多小的Icon（图标），如分享、回复、赞、返回、话题、访问、箭头等，这些Icon（图标）一般都是纯色的。开始制作时考虑用双倍大小的Sprite图，通过CSS... 阅读全文
posted @ 2015-04-25 11:05 夏目の-の 阅读(212) 评论(0) 推荐(0)
字体在网页中画ICON图标
摘要：用字体在网页中画ICON图标有三种小技巧：1、用CSS Sprite在网页中画小图标 实现方法：首先将小图片整合到一张大的图片上然后根据具体图标在大图上的位置，给背景定位。background-position:xpos ypos;相对位置为左上角的0 0，向右向下取负值　实例部分的html代码及... 阅读全文
posted @ 2015-04-25 10:40 夏目の-の 阅读(395) 评论(0) 推荐(0)
图片轮播
摘要：之前一直都是用jquery写，没有尝试过原生的javascript，今天尝试着弄了一下，代码真多，注释添加的很详细，供学习交流.....写的时候发现一些小问题：1、javascript获取div宽高时，不能使用div.style.width等，弹窗alert(div.style.width);时会发... 阅读全文
posted @ 2015-04-19 15:30 夏目の-の 阅读(264) 评论(0) 推荐(0)
js获取网页屏幕可视区域高度
摘要：document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.documentElement.clientWidth ==> 可见区域宽度document.documentElement.c... 阅读全文
posted @ 2015-04-16 15:56 夏目の-の 阅读(55385) 评论(1) 推荐(2)
获取数字在圆周率中的位置
摘要：第一个问题是首先要获取圆周率PI的值，自己在网上查了一下利用Leibniz定理，计算出圆周率。第二个问题是获取手机号码的后四位，利用stringObject.substring(start,stop)方法提取字符串中介于两个指定下标之间的字符。第三个问题遍历输出号码后四位的每一位，用stringOb... 阅读全文
posted @ 2015-04-02 15:31 夏目の-の 阅读(14307) 评论(0) 推荐(0)
随机数两种方法
摘要：今天做阿里前端笔试，做到了随机数，是一道挺基础的题，但平时很少接触到这个，考试时间紧迫，自己基础也不牢固，没好好写出来，现在有重新码一遍，也加深自己的印象，作为第一篇在博客园安家落户的随笔随机数 阅读全文
posted @ 2015-04-01 22:38 夏目の-の 阅读(425) 评论(1) 推荐(0)