2015年07月_石倩蓉

原创 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 613

原创 css前端笔试面试题

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

2015-07-21 19:28:28 840

转载浏览器引擎

网页浏览器引擎俗称浏览器内核，又叫排版引擎(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 1956

原创 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 614

转载 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 475

转载 HTML语义化

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

2015-07-23 11:12:04 522

原创 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 1038

原创 JS获取表单元素的value

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

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

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

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

2015-07-20 09:48:40 3301

原创盒子模型

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

WRITE LESS，DO MORE