石倩蓉-CSDN博客

原创 html笔试面试题

1.html中的行内元素，块元素，空元素有哪些？2.Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?3.emmet技术

2015-07-21 21:05:08 589

原创 javascript笔试面试题

1.找出一个字符串中出现次数最多的字符，统计这个次数//方法一：（别人）/*1.hash table散列表，一种数据结构2.for-in语句是一种精准的迭代语句，可以用来枚举对象的属性。for(var key in window){ console.log(key);}列举出window对象的属性名，每次循环都将window对象的属性名赋给变量key*/var s

2015-07-21 19:31:19 612

原创 css前端笔试面试题

1.position的absolute与fixed共同点与不同点相同点：（1）改变行内元素的呈现方式，display被置为block。（2）都脱离了文档流，不占据空间（3）默认会覆盖到文档流的上方不同点：（1）absolute相对于定位了的父元素,fixed相对于浏览器窗口定位，滚动页面，元素相对于浏览器窗口的位置不变2.

2015-07-21 19:28:28 839

转载 AJAX中的同步加载与异步加载

AJAX是四个单词的简写，其中Asynchronous即异步的意思，异步的链接可以同时发起多个，并且不会阻止JS代码执行。与之对应的概念是同步，同步的链接在同一时刻只会有一个，并且会阻止后续JS代码的执行，JS必须等待同步链接加载完毕后才能继续执行。AJAX发展到现在，不但可以发起异步链接，也可以发起同步链接。只是异步相对同步用到的更多。AJAX是四个单词的简写，其中Asynchr

2015-11-23 08:59:54 805

原创五种查找算法总结

一、顺序查找　　条件：无序或有序队列。　　原理：按顺序比较每个元素，直到找到关键字为止。　　时间复杂度：O(n)二、二分查找（折半查找）　　条件：有序数组　　原理：查找过程从数组的中间元素开始，如果中间元素正好是要查找的元素，则搜素过程结束；　　　　　如果某一特定元素大于或者小于中间元素，则在数组大于或小于中间元素的那一半中查找，而且跟开始一样从中间元素开始

2015-11-20 10:51:45 578

转载 nodeName和tagName

这两个概念，相信各位前端同学肯定都是比较清楚的，在JavaScript的开发中常常会用到，之前我一般都是用tagName，后来发现nodeName也能有一样的效果，但是他们直接的区别一直都不清楚，知道昨天看见了篇文章，讲得很清楚，因此就在这里翻译过来，也算加上自己的印象吧。原文地址：http://aleembawany.com/2009/02/11/tagname-vs-nodenam

2015-09-08 09:44:30 724

原创 DOM优化

1.概念： DOM定义了访问 HTML和 XML 文档的标准，DOM会将文档看做一棵树，同时定义了很多方法来操作树中的每个节点。他不是指具体的某个东西，而是指一套准则。2.重点：DOM与js为独立的两部分，要减少两者之间的交互，否则会影响性能。3.innerHTML和DOM方法对比： Chrome：DOM方法快（appendChild）其

2015-09-07 22:16:56 459

原创滑动门技术

1.利用北京图像的可层叠性，并允许他们在彼此之间进行滑动，以创造出一些效果2.扩展性要求高，图片比较大的，用三层嵌套扩展性要求低，图片比较小的，用两层嵌套

2015-09-03 19:01:04 480

原创表格

1.table不是inline,block,inline-block,属于display：table因为table支持宽高，支持内容撑开宽度，但是是独占一行2.不要table中th,td以外的元素元素添加样式，存在兼容性问题3.单元格默认平分table的宽度4.th里面的内容默认加粗并且左右上下居中显示5.

2015-09-03 17:20:50 380

原创 block inline inline-block

1.块元素（1）默认独占一行（2）没有设置宽度时，独占一行（3）支持宽高属性（4）代码换行不会被解析为空格（5）支持所有CSS命令caption,thead,tbody,tfoot,tr,th,tdform,p,address,divh1~h6,hrul,ol,li,dl,dt,ddfieldset,legend2.行内元素（1）默认一行可以显示多个

2015-09-02 21:34:06 307

原创 CSS绘制三角形

Document .triangle{ width:0; height:0; border-left:30px solid transparent; border-right:30px solid transparent; border-bottom:30px solid red; } 其中：border-left：控制

2015-09-02 17:25:19 293

原创超链接中的href

标签的 href 属性用于指定超链接目标的 URL。href 属性的值可以是任何有效文档的相对或绝对 URL，包括片段标识符和 JavaScript 代码段。如果用户选择了标签中的内容，那么浏览器会尝试检索并显示 href 属性指定的 URL 所表示的文档，或者执行 JavaScript 表达式、方法和函数的列表。超链接的 URL。可能的值：绝对 URL - 指向另

2015-08-24 17:27:46 962

原创安装sass

ruby安装因为sass依赖于ruby环境，所以装sass之前先确认装了ruby。先导官网下载个ruby在安装的时候，请勾选Add Ruby executables to your PATH这个选项，添加环境变量，不然以后使用编译软件的时候会提示找不到ruby环境sass安装安装完ruby之后，在开始菜单中，找到刚才我们安装的ruby，打开Start Command P

2015-08-09 11:06:43 340

原创清除浮动的方法

清除浮动是每一个 web前台设计师必须掌握的机能。css清除浮动大全，共8种方法。浮动会使当前标签产生向上浮的效果，同时会影响到前后标签、父级标签的位置及 width height 属性。而且同样的代码，在各种浏览器中显示效果也有可能不相同，这样让清除浮动更难了。解决浮动引起的问题有多种方法，但有些方法在浏览器兼容性方面还有问题。下面总结8种清除浮动的方法（测试已通过

2015-08-02 21:42:53 744

原创伪类after

after顾名思义是在元素后面的意思，实质是在元素之后添加内容。这个伪元素允许制作人员在元素内容的最后面插入生成内容，需要和content属性一起使用，设置在对象后发生的内容。默认地，这个伪元素是inline行内元素，不过可以使用属性 display 改变这一点。所有主流浏览器都支持 :after 伪元素，但对于IE来说，只有IE8以上版本支持。

2015-08-02 21:19:53 698

转载浏览器引擎

网页浏览器引擎俗称浏览器内核，又叫排版引擎(layout engine)或者渲染引擎(rendering engine)，是一套处理标记语言(例如html、xml、图片文件等)和格式化信息(例如css、xsl、xml等)并且进行内容展现的应用软件组件。前世今生世界上的第一个浏览器是monolithic，出现的具体时间无法考证，只知道后来这款浏览器采用

2015-07-30 20:00:34 354

转载前端面试题

转载：http://www.cnblogs.com/wolm/p/3624930.htmlThe last time that refresh: 2014/3/11 13:47:07本文总结了一些常见前端面试（多数源于网络），希望阅后也要用心钻研其中的原理，重要知识需要系统学习，透彻学习，形成自己的知识链。万不可投机取巧。只求当时过关，非长久之计也！面试有几点需要注意：（来

2015-07-26 18:41:05 1955

原创 eval()

eval()函数可计算某个字符串，并执行其中的javascript代码eval(string);string：必需。要计算的字符串，其中含有要计算的javascript表达式或要执行的语句。该方法只接受原始字符串作为参数，如果string参数不是原始字符串，那么该方法将不作任何改变的返回。因此不要为其传递String对象作为参数。如果试图覆盖eval属性或把eval()方法赋予另一

2015-07-24 10:55:50 436

转载 chrome调试js

转载：http://www.open-open.com/lib/view/open1384785324165.html你是怎么调试 JavaScript 程序的？最原始的方法是用 alert() 在页面上打印内容，稍微改进一点的方法是用 console.log() 在 JavaScript 控制台上输出内容。嗯~，用这两种土办法确实解决了很多小型 JavaScript 脚本的调试问

2015-07-24 09:16:04 611

转载 chrome开发工具

转载：http://blog.csdn.net/chenmoquan/article/details/44943245Chrome 的开发者工具分为 8 个大模块，每个模块及其主要功能为：Element 标签页：用于查看和编辑当前页面中的 HTML 和 CSS 元素。Network 标签页：用于查看 HTTP 请求的详细信息，如请求头、响应头及返回内容等。Source 标签页

2015-07-23 21:35:10 348

原创事件捕获与事件冒泡

事件传播模型：事件冒泡和事件捕获两个过程即事件先到达根元素，再从根元素一层一层向下传播到目标元素，然后再一层一层向上传到根元素。one two three four var one=document.getElementById('one'); var two=document.getElementById('two'); var

2015-07-23 16:03:58 474

转载 HTML语义化

引子：近日杭州高温，不过受日食影响下了大雨(具体是不是，我也不知道)，气温下降，难得一个周末还加了一天班，晚上和一同学探讨html+css，他刚学，从他编写的html上就可以看出来，过分使用diV标签，html的语义化很不好，一直都在讨论关于html的语义化的东西，什么是html的语义化？html有什么好处？每个人都有自己的理解，我的博客上没有类似的文章，一直想写，也没有时间，正好，借

2015-07-23 11:12:04 521

原创 HTML DOM方法：setTimeout与setInterval

javascript都是以单线程的方式运行于浏览器的javascript引擎中的，setTimeout和setInterval的作用只是把你要执行的代码以你设定的一个时间点插入js引擎维护的一个代码队列中，插入代码队列并不意味着你的代码就会立马执行。setTimeoutfunction click() { // code block1... setTimeout(function()

2015-07-23 10:48:39 529

原创 php向js传值问题

php向JS传值的问题因为PHP数组的数据编码和JS 数组的编码格式不一样，不能直接输出。PHP函数库提供了编/解码JSON的函数：json_encode()和json_decode()，可以比较方便的传递数组或对象给javascript。注意：PHP 5.2以上才绑定了JSON扩展。json_encode()该函数主要用来将数组和对象，转换为json格式。js

2015-07-22 22:12:45 720

原创 javascript中的this

this对象指的是函数赖以运行的环境对象，因此this与函数的调用方式有关，函数的调用方式分为以下几种：1.作为对象的方法调用 var point = { x : 0, y : 0, moveTo : function(x, y) { this.x = this.x + x; this.y = this.y + y; } }; po

2015-07-22 08:56:04 312

原创闭包

闭包演示 p {background:gold;} /*function init() { var pAry = document.getElementsByTagName("p"); for( var i=0; i<pAry.length; i++ ) { pAry[i].onclick = function() { alert(i);

2015-07-21 19:01:42 351

原创执行上下文中的变量对象和活动对象

一个执行上下文可以抽象理解为object。每个执行上下文都有一系列的属性（可以称为上下文状态），他们用来追踪关联代码的执行进度。Execution context变量对象Vars,function declaration,arguments…作用域链

2015-07-21 10:29:34 1037

原创 JS获取表单元素的value

<!--1.optionselected属性，如果我们在下拉列表里面选择了一个option那么他的selected="true" ，如果我们想设置当前的option是选中状态的，那么我们只要设置它的selected=‘true’或者selected="selected"或者selected，这几种方式设置都可以，但是在我们使用jquery或者js获取selected这个属性的值时，如果他

2015-07-20 11:50:58 4628 1

原创用户用浏览器访问一个网站的时候具体的过程与步骤

1.用户在浏览器中输入网址，计算机提取出域名2.浏览器通过DNS查找域名对应的IP地址，获得IP地址后3.尝试与对应的服务器建立TCP连接，连接成功之后4.将用户的请求装入http数据包，通过建立的tcp连接发送给服务器，等待数据返回。5.如果数据成功返回，比如说，返回的是一个html页面，则渲染这个页面（可以理解为显示出来），渲染的过程中会遇到一些数据标记，比如图片，这时候就查找

2015-07-20 09:48:40 3298

原创盒子模型

css盒子模型分为两种，一种是遵循w3c标准的标准盒子模型，另外一种就是IE盒子模型。标准盒子模型IE盒子模型通过上面两张图可以看出，两种盒子模型都包括padding，margin，border，content，但是ie盒子模型的content包括border和padding。一个例子一个盒子的 margin 为 20px，border 为 1px，paddin

2015-07-17 09:41:18 387

原创如何管理一个页面中多个虚拟窗口，实现点击任意一个将其提升到最前（用户完全可见，不会被遮挡）

* { padding: 0; margin: 0;}#wins{position:relative;}.win{width:200px;height:100px;position:absolute;}.win1{backg

2015-07-16 22:03:11 649

原创九宫格

* { padding: 0; margin: 0;}/*text-align属性只能针对文本文字和img标签，对其他标签无效*/body {text-align: center;}div{ width:170px; height:170px; mar

2015-07-16 20:42:17 673

原创特殊布局

#content{position:relative;}#left{width:200px;background:red;height:500px;position:absolute;}#right{background:green;height:500px;margin-left:200px;} #left{width:200px;background:red;

2015-07-16 19:27:52 470

原创 <br/>与\n的区别

document.write("abcdef");document.write输出的是html，在html中用来表示换行，而\n属于javascriptalert("abc\ndef");alert的参数是javascript中的字符串，javascript中适用\n来表示换行。

2015-05-21 15:11:16 2531

原创 string的方法（slice,substr,substring）

1.stringObject.substring(start,stop)用于提取字符串中介于两个指定下标之间的字符。start和stop为非负的整数。返回值：一个新的字符串，内容是从start处到stop-1处的所有字符，字符串长度为stop-start.说明：（1）如果省略stop参数，那么返回的子串会一直到字符串的结尾。（2）如果start和stop的值相等，那么返回一个空

2015-05-14 20:34:55 544

原创删除数组元素的方法

1.arr.splice(index,howmany); 返回含有被删除的元素的数组。原来数组的长度、索引都会相应的改变。该方法IE5.5以后才支持2.arr.length=新的值；会从数组的末尾元素开始删除。3.Array.prototype.remove=function(dx) { if(isNaN(dx)||dx>this.

2015-05-14 08:43:05 494

转载 ECMAScript5 Object新增的属性和方法

虽然说现在并不是所有的浏览器都已经支持ECMAScript5的新特性，但相比于ECMAScript4而言ECMAScript5被广大浏览器厂商广泛接受，目前主流的浏览器中只有低版本的IE不支持，其它都或多或少的支持了ECMAScript5的新特性，其中重中之重自然是一切对象的基类型——ObjectObject.create(prototype[,descriptors])这个方法用

2015-05-13 15:37:14 690

转载 js中单引号和双引号的问题

单引号和双引号其实没啥区别，看你自己习惯了-------------------不正确-------------------正确双引号中再用双引号要这样：var str = "abc\"def\"ghi"用反斜杠来禁止解析双引号。下面是我摘录的，希望对你有用：在一个网页中的按钮，写onclick事件的处理代码，不小心写成如下：IE提示出错后，再漫不经心地

2015-05-13 09:40:57 418

原创正则表达式中的标志（/g和/m）

var exp=/pattern/flagg:表示全局模式（global），即pattern将匹配出所有的匹配项，并非在发现第一个匹配项时就立即停止（1）对于RegExp的test方法：加入g和不加入g没什么区别 RegExpObject.test(string) 如果字符串 string 中含有与 RegExpObject 匹配

2015-05-11 21:45:51 1351

原创 js中typeof和instanceof的区别

typeof一个一元运算符，放在运算数之前，运算数可以使任意数据类型。它返回的值是一个字符串，该字符串说明运算数的类型。typeof返回的结果是：number、boolean、string、function、object、undefined。对于array、null等特殊对象使用typeof一律返回object,这是typeof的局限性。var a;typeof(a);//声不声明

2015-05-11 21:44:28 404

空空如也

link引入外部css文件，放在head标签中和body标签中有什么区别

js中字符串转化为数值的情况，js代码如下

javascript中关于this的绑定问题

javascript的库和框架分别指什么，有什么区别