前端面试
-T先生-
风一样的男子,简称疯子。
展开
-
行内元素间距问题
问题描述:经常遇到给display:inline-block的元素设置间距3px;实际情况其间距一定大于3px(加float情况除外)元素解释特点:在标准文档流里面,块级元素具有以下特点: 1. 总是在新行上开始,占据一整行; 2. 高度,行高以及外边距和内边距都可控制; 3. 宽度始终是与浏览器宽度一样,与内容无关; 4. 它可以容纳内联元素和其他块元素。原创 2016-03-11 10:59:43 · 10408 阅读 · 2 评论 -
前端开发中最常用的JS代码片段(二)
前端开发中最常用的JS代码片段(二)翻译 2016-05-12 15:53:29 · 652 阅读 · 0 评论 -
前端开发中最常用的JS代码片段
前端开发中最常用的JS代码片段翻译 2016-05-11 16:38:31 · 2356 阅读 · 0 评论 -
输入框placeholder字体
输入框placeholder字体原创 2016-03-16 17:03:13 · 1836 阅读 · 0 评论 -
15分钟帮你轻松理解 JS闭包
记得几年前刚工作,听到高大上的 JS闭包 一词时 让我一头雾水,很多初学者也许和我当时一样困惑,其实 闭包 也并没那么高深莫测。今天我写了篇简单的学习笔记 帮助大家轻松理解 JS闭包。转载 2016-05-11 14:19:56 · 496 阅读 · 0 评论 -
无缝滚动和轮播
无缝滚动和轮播都是循环的执行翻页或者位移操作一般无缝运行的时间间隔较小(50ms),轮播2-3s核心: 视窗的scrollTop或margin-top小于它的高度的时候,一直往上移,else置零(下移原理相同);或者scrollLeft 或margin-left小于它的宽度的时候,一直往左移,else置零(右移原理相同)原创 2016-04-11 11:29:10 · 2480 阅读 · 0 评论 -
搜索框简易处理方式
要做一个由1 2 3部分组成的搜索框,可以参考一下代码:PS:核心计算.search_box .result的width(120px)等于.search_box input.search_input的padding-left的值原创 2016-03-28 11:48:02 · 1001 阅读 · 0 评论 -
js数组之稀疏数组和密集数组
var arr = []; arr[1] = 1; 和var arr = [undefined, 1]; 看似同一数组,但是(0 in arr)及arr.indexOf(undefined)的输出值完全不一样。 所以像取元素在数组中的位置的代码,就要加入 i in arr 的判断原创 2016-04-12 18:22:45 · 1407 阅读 · 0 评论 -
一名全栈工程师Node.js之路
编者按:高可用架构分享及传播在架构领域具有典型意义的文章,本文由桑世龙在高可用架构群分享。转载请注明来自高可用架构公众号「 ArchNotes 」。桑世龙,天津空弦科技 CTO,开源项目 Moajs 作者,Node.js 技术传道者。曾就职在新浪、网秦,曾做过前端、后端、数据分析、移动端负责人、做过首席架构师、技术总监,全栈技术实践者。目前主要关注技术架构和团队梯队建设方向。“Java转载 2016-04-12 11:27:45 · 16194 阅读 · 3 评论 -
为什么说DOM操作很慢
一直都听说DOM很慢,要尽量少的去操作DOM,于是就想进一步去探究下为什么大家都会这样说,在网上学习了一些资料,这边整理出来。 首先,DOM对象本身也是一个js对象,所以严格来说,并不是操作这个对象慢,而是说操作了这个对象后,会触发一些浏览器行为,比如布局(layout)和绘制(paint)。下面主要先介绍下这些浏览器行为,阐述一个页面是怎么最终被呈现出来的,另外还会从代码的角度,来说明一些转载 2016-03-11 11:52:03 · 371 阅读 · 0 评论 -
经典面试题-div间距
条件:div1 margin-bottom:20px;div2 margin-bottom:10px;问题:div1和div的距离是多少?原创 2016-03-11 10:08:02 · 777 阅读 · 1 评论 -
滚动条美化/自定义滚动条
自定义滚动条写在前面:由于用的是css3,所以只有在支持css3的浏览器下才有效;目前支持WebKit内核的浏览器(例如chrome,部分手机浏览器)自定义;如果考虑兼容性,可以使用js处理。原创 2016-03-30 16:34:38 · 5000 阅读 · 0 评论 -
让弹出层始终显示在屏幕正中间
一、block元素相对于父级居中:给该元素设置宽高(如果被内部元素撑开,也可不写);然后设置样式margin:0 auto;二、inline元素相对于父级居中:给父级元素设置样式:text-align:center;三、弹层相对于浏览器窗口(或屏幕)居中:可将弹层对应的dom作为body第一层子元素,然后给弹层设置样式原创 2016-03-29 11:39:10 · 42601 阅读 · 0 评论 -
window.open()
1、window.open()支持环境:JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+2、基本语法:window.open(pageURL,name,parameters) 其中: pageURL 为子窗口路径 name 为子窗口句柄 parameters 为窗口参数(各参数用逗号分隔)原创 2016-04-01 10:18:30 · 305 阅读 · 0 评论 -
输入框的value问题(DOM的property和attribute)
用js给input赋值的一般采用以下两种方式:一、i.value=200;二、i.setAttribute('value',300);已上两种看似都是给value赋值,但是结果去不同。输入框的value问题归咎于DOM的property和attribute原创 2016-03-18 16:59:04 · 3794 阅读 · 0 评论 -
推广下layer——一款含有弹层、日期、分页、模板组件的ku
官网 http://www.layui.com/先看下代码:layui.use(['layer', 'form'], function(){ });layer.open({ skin: 'demo-class', title: '提示', content:s…………………………原创 2016-04-21 17:46:25 · 4318 阅读 · 0 评论