2018年03月_RongU

原创面试小汇总-(盒模型)

CSS 盒子模型CSS 盒子模型(Box Model)所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。下面的图片说明了盒子模型(Box Model)：不同部分的说明：Margin(外边距) - 清除边框...

2018-03-16 16:11:29 230

原创面试小汇总-(阻止冒泡)

JS事件流其中一种是冒泡事件，当一个元素被触发一个事件时，该目标元素的事件会优先被执行，然后向外传播到每个祖先元素，恰如水里的一个泡泡似的，从产生就一直往上浮，到在水平面时，它才消失。在这个过程中，如果你只希望事件发生在目标元素，而不想它传播到祖先元素上去，那么你需要在“泡泡”离开对象之前刺破它。function stopPropagation(e) { e = e || window...

2018-03-16 16:06:34 217

原创面试小汇总-(Object.keys)

在实际开发中，我们有时需要知道对象的所有属性，原生js给我们提供了一个很好的方法：Object.keys()，该方法返回一个数组。1.传入对象，返回属性名var obj = {'a':'123','b':'345'};console.log(Object.keys(obj)); //['a','b']var obj1 = { 100: "a", 2: "b", 7: "c"};consol...

2018-03-16 15:53:40 194

原创面试小汇总-(cookie)

(摘自菜鸟教程)JavaScript CookieCookie 用于存储 web 页面的用户信息。什么是 Cookie？Cookie 是一些数据, 存储于你电脑上的文本文件中。当 web 服务器向浏览器发送 web 页面时，在连接关闭后，服务端不会记录用户的信息。Cookie 的作用就是用于解决 "如何记录客户端的用户信息":当用户访问 web 页面时，他的名字可以记录在 cookie 中。在用户...

2018-03-16 15:50:08 288

原创面试小汇总-(如何在页面上同时使用 jQuery 和其他框架？)

jQuery 和其他 JavaScript 框架正如您已经了解到的，jQuery 使用 $ 符号作为 jQuery 的简写。如果其他 JavaScript 框架也使用 $ 符号作为简写怎么办？其他一些 JavaScript 框架包括：MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScript MVC、Google Web Toolkit、Googl...

2018-03-15 19:05:38 204

原创面试小汇总-(get，post)

GET后退按钮/刷新无害，POST数据会被重新提交（浏览器应该告知用户数据会被重新提交）。GET书签可收藏，POST为书签不可收藏。GET能被缓存，POST不能缓存。GET编码类型application/x-www-form-url，POST编码类型encodedapplication/x-www-form-urlencoded 或 multipart/form-data。为二进制数据使用多重编...

2018-03-15 17:59:18 179

原创面试小汇总-(javascript/jQuery怎么防止全局变量污染和fn名称冲突？)

1、用命名空间var nameSpace={v1:xxx,v2:xxx, a1:function(){...}, a2:function(){...}}2、用!function(){}()将内容包起来！function(){ v1=xxx; v2=xxx; function a1(){...} function a2(){...} }...

2018-03-15 17:54:18 643

原创面试小汇总-(css实现垂直居中和水平居中)

水平居中设置 1、行内元素设置 text-align:center 2、定宽块状元素设置左右 margin 值为 auto 3、不定宽块状元素 a:在元素外加入 table 标签（完整的，包括 table、tbody、tr、td），该元素写在 td 内，然后设置 margin...

2018-03-15 17:50:08 387

原创面试小汇总-(mvc,mvp,mvvm)

（摘自阮一峰）一、MVCMVC模式的意思是，软件可以分成三个部分。视图（View）：用户界面。控制器（Controller）：业务逻辑模型（Model）：数据保存各部分之间的通信方式如下。View 传送指令到 ControllerController 完成业务逻辑后，要求 Model 改变状态Model 将新的数据发送到 View，用户得到反馈所有通信都是单向的。二、互动模式接受用户指令时，MVC...

2018-03-15 11:17:20 917

原创面试遇到的知识点小记

1.box-sizing2.position3.display4.apply,call5.mvc,mvvm6.debounce7.ajax8.form9.垂直居中10.缓存11.get,post12.flex13.seo14.全局变量$和fn名称冲突15.vue.js和AngularJS,React,jQuery相比昨天的面试题就记住这几个问题了博客会持续更新面试官具体问...

2018-03-14 16:49:07 185

原创面试小汇总-(display)

display(摘自w3school)定义和用法display 属性规定元素应该生成的框的类型。说明这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型，如果使用 display 不谨慎会很危险，因为可能违反 HTML 中已经定义的显示层次结构。对于 XML，由于 XML 没有内置的这种层次结构，所有 display 是绝对必要的。注释：CSS2 中有值 compact 和 ...

2018-03-14 16:27:32 271

原创面试小汇总-(position)

position（摘自w3school）定义和用法position 属性规定元素的定位类型。说明这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。默认值：static继承性：no版本：CSS2JavaScript 语法：object.style.position="absolu...

2018-03-14 16:24:29 292

原创面试小汇总-(box-sizing)

box-sizing（摘自w3school）定义和用法box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。例如，假如您需要并排放置两个带边框的框，可通过将 box-sizing 设置为 "border-box"。这可令浏览器呈现出带有指定宽度和高度的框，并把边框和内边距放入框中。<!DOCTYPE html><html><head>&l...

2018-03-14 16:14:12 339

转载 js中的call()和apply()

1. 每个函数都包含两个非继承而来的方法：call()方法和apply()方法。2. 相同点：这两个方法的作用是一样的。都是在特定的作用域中调用函数，等于设置函数体内this对象的值，以扩充函数赖以运行的作用域。一般来说，this总是指向调用某个方法的对象，但是使用call()和apply()方法时，就会改变this的指向。call()方法使用示例：//例1 <script>...

2018-03-14 13:28:03 117

转载函数节流（throttle）与函数去抖（debounce）

一.前言以下场景往往由于事件频繁被触发，因而频繁执行DOM操作、资源加载等重行为，导致UI停顿甚至浏览器崩溃。 1. window对象的resize、scroll事件 2. 拖拽时的mousemove事件 3. 射击游戏中的mousedown、keydown事件 4. 文字输入、自动完成的keyup事件实际上对于window的resize事件，实际需求大多为停止改变大小n毫秒后执行后...

2018-03-14 11:46:23 156

转载 Node 定时器详解

JavaScript 是单线程运行，异步操作特别重要。只要用到引擎之外的功能，就需要跟外部交互，从而形成异步操作。由于异步操作实在太多，JavaScript 不得不提供很多异步语法。这就好比，有些人老是受打击，他的抗打击能力必须变得很强，否则他就完蛋了。Node 的异步语法比浏览器更复杂，因为它可以跟内核对话，不得不搞了一个专门的库 libuv 做这件事。这个库负责各种回调函数的执行时间，毕竟异...

2018-03-08 11:46:38 139

weixin_39658215的博客