2016年06月_刘小妞

转载前端开发面试题（转载）

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

2016-06-26 20:50:25 810

转载前端面试

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

2016-06-26 19:50:01 475

原创常见的浏览器兼容问题

1.浏览器和内核目前有很多浏览器，而且浏览器的内核也不相同，因此浏览器对网页的解析就有一定出入，这就导致了浏览器的兼容问题。使用Trident内核的浏览器：IE、Maxthon、TT；使用Gecko内核的浏览器：Netcape6及以上版本、FireFox；使用Presto内核的浏览器：Opera7及以上版本；使用Webkit内核的浏览器：Safari、Chrome。2.浏览器兼容浏览器兼容分为htm

2016-06-26 17:47:55 1376

原创前端性能优化---读书笔记

1.减少HTTP请求一个正常HTTP请求的流程简述：如在浏览器中输入”www.xxxxxx.com”并按下回车，浏览器再与这个URL指向的服务器建立连接，然后浏览器才能向服务器发送请求信息，服务器在接受到请求的信息后再返回相应的信息，浏览器接收到来自服务器的应答信息后，对这些数据解释执行。如果网页中有很多图片，css，js信息，将会频繁的语服务器建立连接和释放连接，必然会造成资源浪费。网速相同的条件

2016-06-26 15:27:40 640

原创 ES6变量的解构赋值--读书笔记

1.数组的解构赋值 ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。var [a, b, c] = [1, 2, 3];let [foo, [[bar], baz]] = [1, [[2], 3]];foo // 1bar // 2baz // 3let [ , , third] = ["foo", "bar", "baz"];t

2016-06-26 13:04:08 678

原创 ES6学习--let和const命令

1.let命令所声明的变量命令所在代码块有效：{ let a=10; var b=1;}a;// ReferenceError: a is not defined.b;//1for循环的计数器，就很适合let命令for (let i = 0; i < arr.length; i++) {}console.log(i);//ReferenceError: i is not defin

2016-06-26 11:25:22 565

原创 javascript浏览器---学习笔记

1.浏览器对象window对象不但充当全局作用域，而且表示浏览器窗口。 window对象有innerWidth和innerHeight属性，可以获取浏览器窗口的内部高度和宽度。内部宽高是指出去菜单栏，工具栏，边框等占位元素周，用于显示网页的净宽高。兼容性：IE<=8不支持对应的，还有一个outWidth和outerHeight属性，可以获取浏览器窗口的整个宽高。navigator对象表示浏览

2016-06-25 17:56:00 479

原创 javascript面向对象编程---学习笔记

1.面向对象编程 javscript不区分类和实例的概念，而是通过原型(prototype)来实现面向对象编程。var Student = { name: 'Robot', height: 1.2, run: function () { console.log(this.name + ' is running...'); }};var xiaomi

2016-06-25 11:58:10 479

原创 javascript标准对象

1. 对象在javascript世界里，一切都是对象。typeof 123; // 'number'typeof NaN; // 'number'typeof 'str'; // 'string'typeof true; // 'boolean'typeof undefined; // 'undefined'typeof Math.abs; // 'function'typeof n

2016-06-25 11:11:11 354

原创 javascript闭包的理解

1.闭包内部函数可以访问外部函数的变量，但是外部函数不能访问内部函数的变量。　function f1(){　　　　var n=999;　　　　function f2(){　　　　　　alert(n); // 999　　　　}　　}函数f2被包括在f1内部，这是f1内部的所有局部变量，对f2都是可见的。但是f2内的局部变量，对f1是不可见的。既然f2可以读取f1中的局部变量，那么只要把f2作

2016-06-24 22:14:15 538

原创 javascript函数复习

1.定义函数function abs(x){ if (x>=0){ return x;}else{return -x;}}如果没有return语句，函数执行完毕后也会返回结果，只是结果为undefined由于javascript的函数也是一个对象，abs()函数实际上是一个函数对象，而函数名abs可以视为指向该函数的变量第二种定义函数的方式var abs=function(x){ if

2016-06-24 16:07:48 435

原创 javascript常见知识点整理1

1.==和===false==0;//truefalse===0;//false第一种是==比较，它会自动转换数据类型再比较;第二种是===比较，它不会自动转换数据类型，如果数据类型不一致，返回false，如果一致，再比较。 2.NaN 与所有其他的值都不相等，包括它自己NaN===NaN;//false3.null表示一个空的值，它与0和空字符串都不同，0是一个数值，空字符串表示长度为0的字符

2016-06-24 11:29:02 372

原创 jquery中fadein函数实现图片逐渐清晰显示

开始时设置图片不显示，然后调用fadeIn，图片逐渐显示出来。<!DOCTYPE html><html><head><script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script><style>#img1{width:200px;height:133px;display:none;}</style>

2016-06-23 22:18:00 2569 1

原创 javascript实现网页图片逐渐清晰

原理分析： 1.需要显示的图片正常显示 2.设置一个空的div，用来放一个透明层，逐渐调节透明层的透明度，实现图片逐渐清晰的显示注意：透明层补需要在图片的上层，所以z-index=1,然后透明层设置一个背景，逐渐调节这个层的透明度，实现渐进显示。运行过程：开始的时候调用show（1），然后设置时间每秒调用一次show函数，每次调用的时候n加一，用来改变不同的透明度，当调用4时，透

2016-06-23 22:15:53 1212

原创 Javascript模块化编程--学习笔记

1.模块的原始写法：模块时实现特定功能的一组方法。只要把不同的函数（以及记录状态的变量）简单的放在一起，就算是一个模块。function fun1(){//实现一个功能}function fun2(){//实现另一个功能的函数}上面的函数fun1() ,fun2()组成了一个模块，使用的时候，直接调用就行了。这种做法的缺点很明显：污染了全局变量，无法保证不与其他模块发生变量名冲突，而且

2016-06-23 17:48:54 470

原创 gulp在项目中的使用

在之前的文章中，已经详细的讲述了怎么安装gulp，它的工作过程，然后现在来谈谈项目中的具体使用。入门教程 http://blog.csdn.net/liuwengai/article/details/51729547使用教程使用gulp-htmlmin压缩html，可以压缩页面javascript、css，去除页面空格、注释，删除多余属性等操作。1.全局和项目都安装好gulp之后，安装一下ht

2016-06-22 14:41:10 2593

原创 gulp模块的方法

1. src() gulp模块的src方法，用于产生数据流。它的参数表示所要处理的文件，这些指定的文件会转换成数据流。js/app.js 指定确切的文件名js/*.js 某个目录所有后缀名为js的文件js/**/*.js 某个目录及其所有子目录中所有后缀名为js的文件！js/app.js 除了js/app.js以外所有文件*.+(js css)匹配项目根目录下，所有后缀名为js或css的文

2016-06-22 13:15:37 2824

原创 gulp详细教程---学习总结

gulp介绍 gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；可以大大提高我们的工作效率。与Grunt的不同：流：Gulp是一个基于流的构建系统，使用代码优于配置的策略。代码优于配置：维护Gulp更像是写代码，而且Gulp遵循CommonJS规范，因此跟写Node程序没有差别。没有产生中间

2016-06-21 19:03:40 4068 1

原创 Sass语法

1.使用 SASS文件就是普通的文本文件，里面可以直接使用CSS语法。文件后缀名是.scss(Sassy CSS)1）屏幕上显示testsass.scss文件转化为css代码 2）如果将显示的结果保存test.css文件 3）让sass自动监听某个文件或目录的变化并做相应的处理。如：发现.scss文件变化，显示提示信息；发现.scss文件变化，自动生成编译后的css文件。监视 testsass

2016-06-20 22:24:26 988

原创 Sass安装

推荐网站： http://www.w3cplus.com/sassguide/index.html http://www.ruanyifeng.com/blog/2012/06/sass.html 一，Sass简介Sass是一种”CSS预处理器”（css preprocessor）。它的基本思想是：用一种专门的编程语言，进行网页样式设计，然后再编译成正常的CSS文件。（注意：CSS不是一种编程

2016-06-20 21:58:28 365

转载前端面试的总结（转载）

1.Doctype作用? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?（1）、<!DOCTYPE> 声明位于文档中的最前面，处于 <html> 标签之前。告知浏览器的解析器，用什么文档类型规范来解析这个文档。（2）、严格模式的排版和 JS运作模式是以该浏览器支持的最高标准运行。（3）、在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。（4

2016-06-20 21:29:37 3515 1

原创前端面试--大众点评

学习了这么久，第一次面试前端，虽然只是简单的十分钟的电话面试，但是还是很紧张。主要问题： 1.介绍你的项目 2.html的状态 3html5新增加的标签 4.css的display：none和visibility区别 5.怎么清除浮动 6.jquery的选择器 7.jquery的on和事件绑定区别问题答案的总结html的状态：详细见这篇博客：http://blog.csdn.n

2016-06-20 20:57:53 8143

转载 HTML状态码大全（301,404,500等）

这些状态码被分为五大类： 100-199 用于指定客户端应相应的某些动作。 200-299 用于表示请求成功。 300-399 用于已经移动的文件并且常被包含在定位头信息中指定新的地址信息。 400-499 用于指出客户端的错误。（自己电脑这边的问题）自己电脑这边的问题） 500-599 用于支持服务器错误。（对方的问题）对方的问题）一些常见的状态码为： 200 - 服

2016-06-20 18:45:03 10734

转载前端面试题总结

1. 请用div+css写出文字水平垂直居中，图片水平垂直居中的样式及布局。2. 请用div+css写出左侧固定(width：200px)，右侧自适应的页面布局。3. 请写出至少五种css浏览器兼容性的写法。4. jquery的绑定事件有几种方式，请举例说明其优缺点。5. 请写出至少三种js浏览器兼容性的写法。

2016-06-20 17:21:56 902

原创新浪云SAE---git配置

1.首先需要注册一个新浪云的账号，注册地址：http://t.cn/RG0rWLh 然后创建一个项目。 2.项目创建完成后，有三种代码管理的方式，第一种是付费的，第二种是git，第三种是svn。三种方式只能选择一种，而且选择之后不能改变。这里选择git方式。这时会有一个代码部署的说明 3.在本地的d盘下创建一个SAE的文件夹，用来存放代码，然后创建项目文件夹testlemon和版本1

2016-06-20 14:41:05 2909

原创 Firebug调试工具

FireBug窗口功能：控制台：JavaScript命令行操作、显示JS错误信息、提示信息、日志信息，右侧可写自己的JS命令。 HTML：显示页面的HTML源码。 CSS：编辑页面的CSS源码。脚本：显示页面脚本和调试。 DOM：显示页面对象和DOM属性。网络：显示页面下载和花费时间。 Cookies：显示页面请求的Cookies，及查看和修改。标签可以通过点击其下拉菜单控制

2016-06-19 22:21:17 357

原创 Yahoo军规---前端优化

1.减少http请求 2.使用CDN（内容分发网络）在离你最近的地方，放置一台性能好链接顺畅的副本服务器，让你能够以最近的距离，最快的速度获取内容。 3.添加Expire/Cache-Control头 4.启用Gzip压缩把文件先压缩，再传输。将资源在服务端口先进行压缩处理减小体积，然后在浏览器上在解压缩解释执行！ 5.将css放在页面最上面先加载css，放头部<

2016-06-19 21:56:32 422

原创 SEO优化

SEO:search engine optimization 1.网站结构优化控制首页链接数量（中小网站100以内，页面导航、底部导航、锚文字链接等）扁平化目录层次（小蜘蛛跳转3次可以到达网站内任何一个内页，网站的设计主页、栏目、内容页，不要用纵线性的结构）导航SEO优化（头部、底部、内容部分，主导航、副导航、分类导航，尽量用文字，面包屑导航，在每个网站上留下面包屑，使用户

2016-06-19 20:55:20 633

原创 JSON学习笔记

JSON:JavaScript对象表示法(JavaScript Object Notation),是存储和交换文本信息的语法。 JSON是轻量级的文本数据交换格式，独立于语言。对于 AJAX 应用程序来说，JSON 比 XML 更快更易使用： 1、使用 XML 1）读取 XML 文档 2）使用 XML DOM 来循环遍历文档 3）读取值并存储在变量中

2016-06-19 15:45:00 713

原创 AJAX基础和jQuery中的AJAX

AJAX是在不重新加载整个页面的情况下，与服务器交换数据并异步更新部分网页。 1. javascript使用ajax （1）生成XMLHttpRequest对象var xmlhttp;if(window.XMLHttpRequest){xmlhttp=new XMLHttpRequest();}else{ xmlhttp=new ActiveXObject("Microsoft.X

2016-06-19 14:35:54 453

原创 AJAX学习笔记--慕课网Ajax

AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。 AJAX是与服务器交换数据并更新部分网页的技术，在不重新加载整个页面情况下更新部分网页。同步：异步 XMLHttpRequest 用于在后台与服务器交换数据。所有现代浏览器（IE7+、Firefox、Chrome、Safari 以及 Opera）均内建 XMLH

2016-06-18 21:45:34 855

原创 jQuery遍历

1.祖先 parent()方法：返回被选元素的直接父元素$(document).ready(function(){ $("span").parent();});parents()方法：返回被选元素的所有祖先元素，一直到文档的根元素 parentsUntil()方法：返回介于两个给定元素之间的所有祖先元素$(document).ready(function(){ $("span").p

2016-06-18 21:17:58 330

原创 jQuery设置和修改HTML

1.DOM操作获得内容 text()–设置或返回所选元素的文本内容 html()–设置或返回所选内容的内容 val()–设置或返回表单字段的值$(document).ready(function(){ $("#btn1").click(function(){ alert("Text: " + $("#test").text()); }); $("#btn2").clic

2016-06-18 20:37:24 5092

原创 jQuery 语法+动画--2016.6.18

1.语法 (selector).action()(selector).action() (this).hide()–隐藏当前元素 (“p”).hide()–隐藏所有段落(“p”).hide()–隐藏所有段落 (“.test”).hide()–隐藏所有class=”test”的元素 (“#test”).hide()–隐藏所有id=”test”的元素(“#test”).hide()–隐藏所

2016-06-18 18:34:43 331

原创 javascript 常用方法

1.常用的HTML DOM**属性** innerHTML:节点（元素）的文本值 parentNode：节点元素的父节点 childNodes:元素的子节点 attributes:元素的属性节点 2.DOM 对象方法getElementById()//返回带有指定ID的元素getElementsByTagName()//返回包含带有指定标签名称的所有元素节点列表getElementsB

2016-06-17 22:29:19 313

原创 JavaScript Window-浏览器对象模型

浏览器对象模型BOM（Browser Object Model）所有浏览器都支持window对象，它表示浏览器窗口。所有javascript全局对象，函数以及变量均自动成为window对象的成员。全局变量是window对象的属性全局函数是window对象的方法window.document.getElementById("header");//与此相同document.getElem

2016-06-17 17:01:00 405

原创 javaScript 对象

javascript所有事物都是对象：字符串，数值，数组，函数。对象只是带有属性和方法的特殊数据类型。访问对象的属性//objectName.propertyNamevar message="hello world";var len=message.length;访问对象的方法//objectName.methodName()var message="hello world";var x

2016-06-17 16:05:54 252

原创 JavaScript HTML DOM

通过HTML DOM,可访问JavaScript HTML文档中所有的元素。当网页被加载时，浏览器会创建页面的文档对象模型(Document Object Model) 1.查找HTML元素通过id找到HTML元素var x=document.getElementById("div1");//如果找到，该方法以对象的形式返回该元素。未找到，x的值为null通过类名查找 HTML 元素

2016-06-17 13:44:06 321

原创 javascript基础复习--2016.6.16

1.javascript引入<script>//这里是javascript代码</script><script type="text/javascript" src="main.js"></script>对比css<style>//这里是css样式部分</style><link type="text/css" href="css/mian.css">2.javascript输出访问某

2016-06-16 22:17:11 460

原创 CSS3用户界面

新的用户界面特性包括重设元素尺寸，盒尺寸以及轮廓。 1.resize resize 属性规定是否可由用户调整元素尺寸。div{resize:both;overflow:auto;}2.box-sizing 属性允许您以确切的方式定义适应某个区域的具体内容。box-sizing:border-box;3.outline-offset 属性对轮廓进行偏移，并在超出边框边缘的位置绘制轮廓轮

2016-06-16 11:42:35 668

空空如也

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

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