2016年09月_刘小妞

转载 js中几种实用的跨域方法原理详解

这里说的js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域。下表给出了相对http://store.company.com/dir/page.html同源检测的结果:要解决跨域的问题，我们可以使用以下几种方法：一

2016-09-29 22:25:21 247

转载 JavaScript跨域总结和解决办法

什么是跨域JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象。但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦。这里把涉及到跨域的一些问题简单地整理一下：首先什么是跨域，简单地理解就是因为JavaScript同源策略的限制，a.com 域名下的js无法操作b.com或是c.a.com域名下的对象。更详细的说明可以看下表：U

2016-09-29 22:24:32 321

转载深入理解javascript关键字this

1. 一般用处2. this.x 与 apply()、call()3. 无意义（诡异）的this用处4. 事件监听函数中的this5. 总结在JavaScript中this变量是一个令人难以摸清的关键字，this可谓是非常强大，充分了解this的相关知识有助于我们在编写面向对象的JavaScript程序时能够游刃有余。1. 一般用处对于this变

2016-09-29 20:17:16 335

转载 CSS实现元素水平/垂直居中的方法

首先，我们来了解水平居中,它有很多种方法，我们暂时先来了解其中的几种：1. 在实现方案中，我们最熟悉的莫过于给元素定义一个宽度，然后使用margin：body{ width:960px; margin:0 auto;} 这个是当我们的定义元素的宽度时显现的，如果我们不能定义宽度时，该怎么办呢？2. 我们对于定位也是常用的，在这里当然也

2016-09-28 10:47:32 391

原创前端面试知识点--6

手写jsonp的实现 2、手写链表倒数第K个查找 3、http请求头，请求体，cookie在哪个里面？url在哪里面？ 4、垂直居中，多行文本垂直居中 5、原型链的解释 6、对闭包的理解，实现一个暴露内部变量，而且外部可以访问修改的函数（get和set，闭包实现） 7、{}=={}? []==[]? null==undefined? 8、基本的数据类型 9、基本的两列自适应布局

2016-09-27 22:02:05 1877

原创前端面试知识点--5

一面：事件类型、绑定方式；项目介绍；项目中实现的某个组件的实现方式；响应式布局的方式；二面：闭包是什么；js中的对象，对象的继承；我的项目中模态框表单的实现方式，如何调用的（这个其实项目中并没有用的那么高级，但是我给出了现在的思考和实现方式，临场发挥��）；跨域了解多少（讲了CORS、JSONP、postMessage啥的）；css盒子模型（这个基本都会问到）；浏览器内核有哪些

2016-09-27 21:34:59 1448

原创前端面试知识点--4

来自牛客网的面经 Javascript 是一种弱类型语言，它分别有什么优点和缺点？ Javascript 里面的数据类型有哪些？在 js 里 call() 与 apply() 有什么相同和不同？ XML 和 JSON 有过了解吧？能说一下分别介绍一下他们吗？ JSON 有什么优势？你最近都在看哪些书？《高性能网站建设》这本书里讲了些什么？对你有什么帮助？看到你简历里写有了解 C

2016-09-27 21:19:15 899

转载前端面试知识点--3

HTML/CSS1.DOM 文档加载(1) 顺序① 解析HTML结构；② 加载外部脚本和样式表文件；③ 解析并执行脚本代码；④ DOM树构建完成；//DOMContentLoaded⑤ 加载图片等外部文件；⑥ 页面加载完毕。//load(2) 代码① JavaScript//

2016-09-27 21:05:30 671

原创前端面试知识点--2

单页面应用路由原理模版引擎实现原理 AMD CMD差异 require加载模块的原理css：左边自适应右边固定宽度布局实现实现清除浮动居中问题 html标签分类 doctype作用 css选择器权重为什么import会导致无样式闪烁js：基本数据类型，怎么判断属于哪个类型怎么判断是一个数组继承方式（各自实现） call,apply区别跨域几种方式 a

2016-09-27 21:02:48 396

原创前端面试知识点--1

来自牛客网的经验分享1.css 盒模型 2.css 布局，左边定宽右边自适应。两种方法，NEC上的用负边距消除宽度，用弹性布局。然后问我有没有第三种。。。 3.冒泡和捕获，事件流哪三个阶段？除了冒泡和捕获，还有目标阶段。他们的先后顺序，先捕获，到了目标，再冒泡。（不要只记概念，要了解是干么用的） 4.实现事件代理。用jquery写了。要求写原生。子元素传递上来的应该是event.target或

2016-09-27 20:57:18 1015

原创输出字符串的全排列

参考文章：http://blog.csdn.net/hackbuteer1/article/details/7462447全排列就是从第一个数字起每个数分别与它后面的数字交换#include<iostream>using namespace std;#include<assert.h>void Permutation(char* pStr, char* pBegin){ assert(

2016-09-27 20:48:01 502

转载前端面试大全

Doctype作用？标准模式与兼容模式各有什么区别? （1）、声明位于位于HTML文档中的第一行，处于 html> 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。（2）、标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点

2016-09-22 22:21:03 416

转载前端面试知识点

Doctype作用？严格模式与混杂模式如何区分？它们有何意义?HTML5 为什么只需要写？行内元素有哪些？块级元素有哪些？空(void)元素有那些？页面导入样式时，使用link和@import有什么区别？介绍一下你对浏览器内核的理解？常见的浏览器内核有哪些？html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分

2016-09-22 22:16:50 690

转载前端面试整理

HTML+CSS1.对WEB标准以及W3C的理解与认识标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性；2.xhtml和html有什么区别HTM

2016-09-22 22:15:32 427

转载前端开发面试题

HTML&CSS：对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级、HTML5、CSS3、FlexboxJavaScript：数据类型、运算、对象、Function、继承、闭包、作用域、原型链、事件、RegExp、JSON、Ajax、DOM、BOM、内存泄漏、跨域、异步装载、模板引擎、前端MVC、路由、模块化、Canvas、E

2016-09-22 22:13:41 2348

转载前端面试笔试题

初级Javascript：1.JavaScript是一门什么样的语言，它有哪些特点？没有标准答案。2.JavaScript的数据类型都有什么？基本数据类型：String,boolean,Number,Undefined, Null引用数据类型：Object(Array,Date,RegExp,Function)那么问题来了，如何判断某变量是否为数组数

2016-09-22 22:08:58 1737

转载 AJAX 跨域请求 - JSONP获取JSON数据

Asynchronous JavaScript and XML (Ajax ) 是驱动新一代 Web 站点（流行术语为 Web 2.0 站点）的关键技术。Ajax 允许在不干扰 Web 应用程序的显示和行为的情况下在后台进行数据检索。使用 XMLHttpRequest 函数获取数据，它是一种 API，允许客户端 JavaScript 通过 HTTP 连接到远程服务器。Ajax 也是许多 mas

2016-09-22 22:06:17 463

转载有关于CSS的面试题和练习

创建这个按钮我在Mobify的CodePen账号里看到这样的一个想法。给大家一张按钮的图片，并告诉大家：仅使用CSS属性，创建这样的一个按钮这将是测试候选人的CSS3技能的一个强大的测试例子。这个按钮具有很多样式，我们一起来看看：他们是如何处理多边框的？在这里，box-shadow可能是最好的办法。他们是使用text-transf

2016-09-22 22:05:06 1795

转载 css中的盒子模型

盒子模型是css中一个重要的概念，理解了盒子模型才能更好的排版。其实盒子模型有两种，分别是 ie 盒子模型和标准 w3c 盒子模型。他们对盒子模型的解释各不相同，先来看看我们熟知的标准盒子模型：从上图可以看到标准 W3C 盒子模型的范围包括 margin、border、padding、content，并且 content 部分不包含其他部分。　从上图可以看到 IE

2016-09-22 22:02:46 263

转载 js 算出Array数组中出现次数最多的元素

var array = new Array(4, 5, 4,7, 8, 4,2,67,5,89,5,67); var count = 1; var yuansu= new Array();//存放数组array的不重复的元素比如{4,5,7,8,2,67,89,} var sum = new Array(); //存放数组array中每个不同元

2016-09-22 22:01:46 5008

转载 javascript事件绑定的三种方法

要想让 JavaScript 对用户的操作作出响应，首先要对 DOM 元素绑定事件处理函数。所谓事件处理函数，就是处理用户操作的函数，不同的操作对应不同的名称。在JavaScript中，有三种常用的绑定事件的方法：在DOM元素中直接绑定；在JavaScript代码中绑定；绑定事件监听函数。一. 在DOM元素中直接绑定这里的DOM元素，可以理解为HTML标签。JavaSc

2016-09-22 22:00:51 1386

转载认识js中的function和this

javascript中的函数不同于其他的语言，每个函数都是作为一个对象被维护和运行的。通过函数对象的性质，可以很方便的将一个函数赋值给一个变量或者将函数作为参数传递。在继续讲述之前，先看一下函数的使用语法：以下是引用片段：function func1(…){…}var func2=function(…){…};var func3=function func4(…){…};

2016-09-22 21:49:17 1060

转载 JavaScript删除数组重复元素的5个高效算法

去正规的互联网公司笔试、面试有很大的概率会碰到使用javascript实现数组去重的编码问题：如：魅族笔试题；本博文就 js 如何实现数组去重整理出5种方法，并附上演示Demo 以及源码。1.遍历数组法最简单的去重方法，实现思路：新建一新数组，遍历传入数组，值不在新数组就加入该新数组中；注意点：判断值是否在数组的方法“indexOf”是ECMAScript5 方法，IE8以

2016-09-13 12:33:52 399

转载高效地随机选取数组中的元素

有前端题目大概是这样的：考虑到性能问题，如何快速从一个巨大的数组中随机获取部分元素。比如有个数组有100K个元素，从中不重复随机选取10K个元素。为了演示方便我们将数据简化，先给出方案最后再用大点的数据来测试性能的对比。常规解法常规做法倒也不难，生成一个0到数组长度减1的随机数，这个数也就是被选中元素在原数组中的下标，获得该元素后将值保存到另一个数组同时通过数组的splice方法将

2016-09-13 12:32:49 3982

转载 jQuery中attr()、prop()、data()用法及区别

.attr()，此方法从jq1.0开始一直存在，官方文档写的作用是读/写DOM的attribute值，其实1.6之前有时候是attribute，有时候又是property。.prop()，此方法jq1.6引入，读/写DOM的property。.data()，此方法在jq1.2.3引入，作用是把任意的值读取/存储到DOM元素对应的jq对象上。从性能上对比，.prop() > .data(

2016-09-13 11:25:03 343

转载去除inline-block元素间间距的N种方法

原文：http://www.zhangxinxu.com/wordpress/2012/04/inline-block-space-remove-%E5%8E%BB%E9%99%A4%E9%97%B4%E8%B7%9D/一、现象描述真正意义上的inline-block水平呈现的元素间，换行显示或空格分隔的情况下会有间距，很简单的个例子：间距就来了~~

2016-09-13 11:19:59 233

转载 BFC原理

原文：http://www.cnblogs.com/lhb25/p/inside-block-formatting-ontext.html一、BFC是什么？　　在解释 BFC 是什么之前，需要先介绍 Box、Formatting Context的概念。　　Box: CSS布局的基本单位　　Box 是 CSS 布局的对象和基本单位，直观点来说，就是一个页面是由很多个

2016-09-13 11:17:28 344

转载 Flex布局

原文：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicoolFlex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。.box{ display: flex;}行内元素也可以使用Flex

2016-09-13 11:15:56 282

转载 CSS实现单行、多行文本溢出显示省略号（…）

如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。实现方法：overflow: hidden;text-overflow:ellipsis;white-space: nowrap;效果如图：但是这个属性只支持单行文本的溢出显示省略号，如果我们要实现多行文本溢出显示省略

2016-09-13 11:13:44 417

转载三种纯CSS实现三角形的方法

原文：http://www.feelcss.com/three-pure-css-to-achieve-the-triangle-method.html纯 CSS 做三角形的方法，目前我知道三种，分别是利用 border 属性，“◆”字符，和 CSS3 transfrom 做 45 度旋转实现的，CSS3的方法是在码头哥的博客上学到的，很感谢你们的分享，前端有你们更精彩！1.利

2016-09-13 11:10:34 2955

转载浏览器的渲染原理简介

浏览器工作大流程　　废话少说，先来看个图：　　从上面这个图中，我们可以看到那么几个事：　　1）浏览器会解析三个东西：一个是 HTML/SVG/XHTML，事实上，Webkit 有三个 C++ 的类对应这三类文档。解析这三种文件会产生一个 DOM Tree。CSS，解析 CSS 会产生 CSS 规则树。Javascript，脚本，主要是通过 DOM API 和

2016-09-13 10:31:46 308

转载浏览器渲染原理

基本概念WEB 页面运行在各种各样的浏览器当中，浏览器载入、渲染页面的速度直接影响着用户体验简单地说，页面渲染就是浏览器将 HTML 代码根据 CSS 定义的规则显示在浏览器窗口中的这个过程。渲染过程1. 用户输入网址（假设是个 HTML 页面，并且是第一次访问），浏览器向服务器发出请求，服务器返回 HTML 文件；2. 浏览器开始载入 HTML 代码，发现标签

2016-09-13 10:30:09 243

转载 css 原理及其优化

在写css代码时做一些简单的优化，这样css的渲染速率会有一定的提高的。浏览器是如何渲染页面和加载页面为什么有些网站打开的时候会加载会很慢，而且是整个页面同时显示的，而有些网站是从顶到下逐步显示出来的？要搞懂这个可以先从下面这个常规流程开始：浏览器下载的顺序是从上到下，渲染的顺序也是从上到下，下载和渲染是同时进行的。在渲染到页面的某一部分时，其上面的所有部

2016-09-13 10:28:16 348

转载聊聊前端工程师的职业规划

今天腾讯的前端工程大牛从自己的5年的职业生涯中总结了一些思考，大致分为3个阶段，从毕业新手到前端大牛，都有小小心得与同学们分享，想走前端这路的同学，可以参考下。　　在敲下这个标题的时候，心里好虚。话说我一直不太喜欢发表这些看上去很假大空的文字，每个人的职业规划都是独有的，不具有太大的可复制性，把自己的经历放出去，容易误人子弟。只是最近很多师弟们(别问我为什么都是师弟，我想静静……也不要问

2016-09-13 09:51:47 3129

关于一个WEB前端的职业规划，其实是有各种的答案，没有哪种答案是完全正确的，全凭自己的选择，只要是自己选定了，坚持去认真走，就好。在这里，我只是简要说一下自己对于这块儿内容的理解。有一个观点想要分享给大家的是：任何规划和目标的实现都依赖于知识的积累，而知识的积累来源于学习及学习后大量的实践。我提供一个实践途径，我们可以在工作之余的时间在网上或外包公司那里接一些私单做，因为目标不是赚钱，我们可以用最

2016-09-13 09:39:03 32974 1

转载 jQuery经典面试题及答案精选（转）

问题：jQuery的美元符号$有什么作用？回答：其实美元符号$只是”jQuery”的别名，它是jQuery的选择器，如下代码：$(document).ready(function(){});当然你也可以用jQuery来代替$，如下代码：jQuery(document).ready(function(){});jQuery中就是通过这个美元符号来实现各种灵活的DOM元素选

2016-09-09 16:36:11 2693

转载左边固定，右边自适应及左边自适应，右边固定布局的几种方法

自适应布局在现在的布局中，很容易遇见，下面是在平时工作中对左边固定，右边自适应及左边自适应，右边固定布局的几种方法的一些总结，希望能帮到大家，如果大家有更多更好的意见，欢迎补充！页面布局如下：一、左边固定，右边自适应的布局1. 左边左浮动，右边加个overflow:hidden; #lt{ float: left;width:200px; backg

2016-09-09 11:32:27 1555

原创数值的整数次方

bool g_InvalidInput=false; double Power(double base, int exponent){ g_InvalidInput=false; if(equal(base,0.0)&& exponent<0){ g_InvalidInput=true; return 0.0; } un

2016-09-07 09:50:29 244

空空如也

冈萨雷斯 JPEG2000 参数不知道设置为多少合适 下载了开源代码 也不会运行

冈萨雷斯 JPEG2000 参数不知道设置为多少合适下载了开源代码也不会运行