- 博客(348)
- 资源 (2)
- 收藏
- 关注
RSS订阅转载 元素定位(position属性值)有哪些？
本题点评在web前端中，元素定位是必须掌握的，是网页制作的必备技能，也是衡量是否为一个合格的web前端开发的标准之一，在网页设计中，很多地方都需要使用定位，例如菜单弹出，提示信息层等都需要定位。所以本题的难易程度为简单。解题思路position为元素定位属性，包含以下属性值absolute绝对定位相对位置为父元素为非static的第一个父元素进行定位。 fixed 固定定位（老IE6
2017-08-08 16:42:54
13588
转载 如何居中一个元素（二）（正常、绝对定位、浮动元素）?
题目点评这道题目的提问比较多，连续问了三个问题，正常元素、绝对定位元素、互动元素如何居中，而且居中没有说清楚是垂直居中还是水平居中，要回答清楚这个问题，必须得有深厚的功底，而且要分类的来回答，条理要清楚。可以先把水平居中各种情况说清楚，然后在把垂直居中说清楚。（一）元素水平居中的方式 1）行级元素水平居中对齐（父元素设置 text-align:center） <div style="width:
2017-08-08 15:51:31
366
原创 对前端的新认识？
对前端的理解真正的前端，应该是负责人机交互的，和交互与体验走的更近，而这类职位就需要兼顾代码和设计，是个交叉职位，和传统意义上的程序员其实并不是一路的，通常玩不到一块的，反而和设计师走的比较近，哈哈。
2017-08-08 14:50:17
521
原创 vue.js开发外卖App项目总结(一)
1.IE8以下不支持ES5的特性，IE9+，firefoxs,chrome,safari,opera均支持ES5特性 2.MV*包括MVC、MVP、MVVM框架 应用场景：针对具有复杂交互逻辑的前端应用提供基础的架构抽象通过Ajax数据持久化，保证前端用户的体验其中vue,angular,react都是MVVM框架什么是vue.js?vue于2014年初开源，vue-route
2017-08-08 10:47:23
8255
原创 web前端面试题-各大公司面试题（360）
1 下面代码的输出值是：alert(1&&2) 2 answer：1、只要“||”前面为false,不管“||”后面是true还是false，都返回“||”后面的值。2、只要“||”前面为true,不管“||”后面是true还是false，都返回“||”前面的值。3、只要“&&”前面是false，无论“&&”后面是true还是false，结果都将返“&&”前面的值。4、只要“&&”前面是true
2017-08-07 21:50:12
5380
转载 JS事件循环详解
本文讲什么?伴随着JavaScript这种web浏览器脚本语言的普及，对它的事件驱动交互模型，以及它与Ruby、Python和Java中常见的请求-响应模型的区别有一个基本了解，对您是有益的。在这篇文章中，我将解释一些JavaScript并发模型的核心概念，包括其事件循环和消息队列，希望能够提升你对一种语言的理解，这种语言你可能已经在使用但也许并不完全理解。这篇文章是写给谁的?这篇文章是针对在客户端
2017-08-07 21:45:34
334
转载 为什么说 DOM 操作很慢
一直都听说DOM很慢，要尽量少的去操作DOM，于是就想进一步去探究下为什么大家都会这样说，在网上学习了一些资料，这边整理出来。首先，DOM对象本身也是一个js对象，所以严格来说，并不是操作这个对象慢，而是说操作了这个对象后，会触发一些浏览器行为，比如布局（layout）和绘制（paint）。下面主要先介绍下这些浏览器行为，阐述一个页面是怎么最终被呈现出来的，另外还会从代码的角度，来说明一些不好的实践
2017-08-06 21:43:43
327
转载 高性能JavaScript DOM编程
我们知道，DOM是用于操作XML和HTML文档的应用程序接口，用脚本进行DOM操作的代价很昂贵。有个贴切的比喻，把DOM和JavaScript（这里指ECMScript）各自想象为一个岛屿，它们之间用收费桥梁连接，ECMAScript每次访问DOM，都要途径这座桥，并交纳“过桥费”,访问DOM的次数越多，费用也就越高。因此，推荐的做法是尽量减少过桥的次数，努力待在ECMAScript岛上。我们不可能
2017-08-06 20:55:16
267
转载 高性能JavaScript 重排与重绘
先回顾下前文高性能JavaScript DOM编程，主要提了两点优化，一是尽量减少DOM的访问，而把运算放在ECMAScript这一端，二是尽量缓存局部变量，比如length等等，最后介绍了两个新的API querySelector()以及querySelectorAll()，在做组合选择的时候可以大胆使用。而本文主要讲的是DOM编程可能最耗时的地方，重排和重绘。1、什么是重排和重绘浏览器下载完页面
2017-08-06 17:31:00
361
转载 JavaScript高级程序设计笔记 事件冒泡和事件捕获
1、事件冒泡要理解事件冒泡，就得先知道事件流。事件流描述的是从页面接收事件的顺序，比如如下的代码：<body> <div> click me! </div></body>如果在body和div内都注册了click的事件监听，之后又点击了div区域，是body先响应还是div先响应？有意思的是，当时的浏览器开发团队IE和Netscape提出了差不多完全相反的事件流的概念。IE的事件
2017-08-06 16:33:32
195
转载 谈谈异步编程
目前需求中涉及到大量的异步操作，实际的页面越来越倾向于单页面应用。以后可以会使用backbone、angular、knockout等框架，但是关于异步编程的问题是首先需要面对的问题。随着node的兴起，异步编程成为一个非常热的话题。经过一段时间的学习和实践，对异步编程的一些细节进行总结。1.异步编程的分类解决异步问题方法大致包括：直接回调、pub/sub模式(事件模式)、异步库控制库(例如async
2017-08-06 11:33:16
421
转载 JavaScript定时器与执行机制解析
从JS执行机制说起浏览器（或者说JS引擎）执行JS的机制是基于事件循环。由于JS是单线程，所以同一时间只能执行一个任务，其他任务就得排队，后续任务必须等到前一个任务结束才能开始执行。为了避免因为某些长时间任务造成的无意义等待，JS引入了异步的概念，用另一个线程来管理异步任务。同步任务直接在主线程队列中顺序执行，而异步任务会进入另一个任务队列，不会阻塞主线程。等到主线程队列空了（执行完了）的时候，就会
2017-08-06 11:15:51
1695
转载 从setTimeout说事件循环模型
作为一个从其他编程语言（C#/Java）转到Javascript的开发人员，在学习Javascript过程中，setTimeout()方法的运行原理是我遇到的一个不太好理解的部分，本文尝试结合其他编程语言的实现，从setTimeout说事件循环模型1.从setTimeout说起setTimeout()方法不是ecmascript规范定义的内容，而是属于BOM提供的功能。查看w3school对setT
2017-08-06 09:30:05
628
1
转载 刨根问底HTTP和WebSocket协议(一)(二)
转自：http://www.jianshu.com/p/0e5b946880b4 http://www.jianshu.com/p/f666da1b1835
2017-08-05 15:45:21
345
转载 CSS 布局经典问题初步整理
转自：http://brianway.github.io/2017/05/18/css-layout-classical-problems/
2017-08-05 15:41:16
210
转载 前端工程师面试题汇总
HTMLDoctype作用？严格模式与混杂模式如何区分？它们有何意义? HTML5 为什么只需要写 ？ 行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？ 页面导入样式时，使用link和@import有什么区别？ 介绍一下你对浏览器内核的理解？ 常见的浏览器内核有哪些？ html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 H
2017-08-05 15:34:19
292
转载 js对象的深拷贝和浅拷贝
为啥要用深拷贝？在很多情况下，我们都需要给变量赋值，给内存地址赋值，但是在赋引用类型值的时候，只是共享同一个内存区域，导致赋值的时候，还跟之前的值保持一致性。看一个具体的例子// 给test赋值了一个对象var test = { a: 'a', b: 'b'};// 将test赋值给test2// 此时test和test2是共享了同一块内存对象，这也就是浅拷贝var test
2017-08-05 11:06:42
377
原创 20170804阿里面试题
做完一个项目后，对前端有什么新认识？Node有哪些模块（整体看），你用到哪些？Vue是什么？给一个不懂的人讲讲？有哪些生命周期？怎么实现的？从哪些方面提升性能？你是怎么测试的？原型链有哪些层次，Object，Array，String之类的什么关系？Function.prototype之类的指向什么？你目前打算从前端那个方面进行深入？PC端？移动端？说了很对，好像有canvas，网络什么的记
2017-08-04 20:33:41
256
原创 setTimeout()和setInterval()区别
注意：在内存方面区别setTimeout在时间间隔后将定时器插入循环队列，若前面有执行时间较长的程序，则可能推迟执行。 setInterval按照时间间隔将定时器插入循环队列，但是循环队列中某一时刻只能有一个定时器对象实例，因此，两个定时器中间有执行时间较长的程序则可能会越过某些定时器，且两个定时器的执行间隔不一定会等于设定的间隔，可能大也可能小。区别详述甚至可能会错误的把两个实现定时调用的函数理
2017-08-03 15:49:28
491
转载 排序算法的稳定性
不稳定：快选堆希(1)冒泡排序 冒泡排序就是把小的元素往前调或者把大的元素往后调。比较是相邻的两个元素比较，交换也发生在这两个元素之间。所以，如果两个元素相等，我想你是不会再无聊地把他们俩交换一下的；如果两个相等的元素没有相邻，那么即使通过前面的两两交换把两个相邻起来，这时候也不会交换，所以相同元素的前后顺序并没有改变，所以冒泡排序是一种稳定排序算法。(2)选择排序选择排序是给每个位置选择当前元
2017-08-03 15:39:49
227
原创 正则表达式各种方法总结
正则就是用来设置规则，来完成我们需求的一些操作的，比如登录验证啦，搜索指定的东西啦等。定义正则： 1 var re = new RegExp(“a”); //RegExp对象。参数就是我们想要制定的规则。有一种情况必须用这种方式，下面会提到。 2 var re = /a/; // 简写方法 推荐使用 性能更好 不能为空 不然以为是注释 ，正则的常用方法 1 test() :在字
2017-08-02 21:48:02
4060
原创 笔试题-堆排序
参考：https://jingyan.baidu.com/article/5225f26b057d5de6fa0908f3.html 1.堆 堆实际上是一棵完全二叉树，其任何一非叶节点满足性质： Key[i]<=key[2i+1]&&Key[i]<=key[2i+2]或者Key[i]>=Key[2i+1]&&key>=key[2i+2] 即任何一非叶节点的关键字不大于或者不小于其
2017-08-02 21:40:55
641
原创 拼多多笔试题总结
1.font-size会引起页面reflow 2.使得页面内div不可见的是：opacity:0而z-index:-100和width:0,height:0不可以 3.排序算法中稳定的
2017-08-02 10:46:35
3694
1
转载 css中盒子模型的理解
参考：http://blog.csdn.net/lxcao/article/details/526204531）盒子模型有两种，W3C和IE盒子模型（1）W3C定义的盒子模型包括margin、border、padding、content ，元素的width=content的宽度( 2 )IE盒子模型与W3C的盒子模型唯一区别就是元素的宽度，元素的width=content+padding+borde
2017-08-01 17:48:57
601
转载 iframe.contentWindow 介绍
参考：http://blog.csdn.net/alex8046/article/details/51456098一、父级窗口操作iframe里的dom js操作iframe里的dom可以使用contentWindow属性： contentWindow属性，是指 指定的frame或者iframe所在的window对象，在IE中iframe或者frame的contentWindow属性可以省略，
2017-08-01 17:17:05
10627
原创 js中的对象
在JavaScript中对象是一个无序属性的集合，其属性可以包含基本值、对象或者函数。对象最简单的创建方式JavaScript中创建对象最简单的方式就是创建一个Object对象的实例，然后再添加属性和方法。var person = new Object();person.name = 'jenemy';person.age = 24;person.getName = function() {
2017-08-01 15:25:39
252
原创 响应式布局的方式
一、利用@media进行断点，在每个断点中编写css@media (max-width:768px){ //css}在MDN,@media上，发现很多值都可以做判断的。宽，高，宽高比，颜色（这个是指定输出设备每个像素单位的比特值），是否横屏或竖屏，还有很多，可以去MDN看看。 二、
2017-08-01 10:21:54
470
转载 事件类型、绑定方式
事件类型1、表单事件：submit事件reset事件click事件change事件focus事件（不冒泡） （IE和ES5支持冒泡的focusin）blur事件（不冒泡） （IE和ES5支持冒泡的focusout）input事件（ES5 textinput提供更方便的获取输入文字的方案）2、Window事件load事件DOMContentLoaded事件readyStatechage事件unload
2017-08-01 09:39:34
463
原创 正则表达式知识点总结
var re = /<%([^%>]+)?%>/g, reExp = /(^( )?(if|for|else|switch|case|break|{|}))(.*)?/g;如以上两个表达式所示，^在[ ]中表示非；而^在( )中表示开始符。
2017-07-24 09:32:16
282
转载 正则表达式(括号)、[中括号]、{大括号}的区别小结
正则表达式的() [] {}有不同的意思。 () 是为了提取匹配的字符串。表达式中有几个()就有几个相应的匹配字符串。 (\s*)表示连续空格的字符串。[]是定义匹配的字符范围。比如 [a-zA-Z0-9] 表示相应位置的字符要匹配英文字符和数字。[\s*]表示空格或者*号。{}一般用来表示匹配的长度，比如 \s{3} 表示匹配三个空格，\s{1,3}表示匹配一到三个空格。(0-9) 匹配 ‘0
2017-07-23 19:55:51
626
转载 ECMAScript 2017 语言规范发布
Ecma 国际公布了第八版的 ECMAScript 语言规范 ECMAScript 2017(或 ES8)。ECMAScript 是标准化的 JavaScript 语言，1997 年发布了第一版，1998 年和 1999 年发布了第二和第三个版本，之后沉寂 了许多年，直到 Ajax 流行起来后标准工作才再次起步，2009 年发布了第五个版本，自 2015 年起每年发布一个版本。ECMAScript
2017-07-23 15:22:20
386
转载 详解js闭包
转自：详解js闭包闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。闭包的特性闭包有三个特性：1.函数嵌套函数2.函数内部可以引用外部的参数和变量3.参数和变量不会被垃圾回收机制回收闭包的定义及其优缺点闭包 是指有权访问另一个函数作用域中的变量的函数，创建闭包的最常见的方式就是在一个函数内创建另一个函数，通过另一个函数访问这个函数的局部变量闭
2017-07-23 15:02:19
207
原创 git命令
提交文件到git1.初始化一个Git仓库，使⽤用git init命令。我们把文件往Git版本库⾥里添加的时候，是分两步执行的：（以下命令执行必须在本地仓库所在的文件中） 第一步是用“git add”把文件添加进去，实际上就是把文件修改添加到暂存区；(git add . 该命令一次性提交所有修改到暂存区) 第二步，使用命令git commit -m ‘<descripti...
2017-07-23 10:05:57
265
转载 jquery源码解析(第4章元素之理解样式)
我们知道HTML样式定义的三种方式：<link/>外部引入也就是定义 CSS 中的<style/>嵌入式样式style特性地定义给一个HTML元素设置css属性，如：var head= document.getElementById("head");head.style.width = "20px";head.style.height = "10px";head.style.display
2017-07-22 21:43:19
69
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人