Главная

JavaScript-匿名函数和闭包(16)

匿名函数:没有名字的函数闭包:可访问一个函数作用域内的局部变量的函数 一、匿名函数普通函数1234function box(){ // 函数名是box; return 'Lee'; }box(); // =>Lee; 调

JavaScript--面向对象与原型(15)

对象ECMA-262把对象(object)定义为“属性的无序集合,每个属性存放一个原始值、对象或函数”。 面向对象语言的要求:一种面向对象语言需要向开发者提供四种基本能力: 封装-把相关的信息(无论数据或方法)存储在对象中的能力 聚集-把一个对象存储在另一个对象内的能力 继承-由一个类(或多个类)得来类的属性和方法的能力 多态-编写能以多种方法运行的函数或方法的能力 对象的构成在ECMASc

JavaScript-变量和作用域(12)

一、变量JS变量是松散型的(不强制类型)本质,决定了它只是在特定时间用于保存特定值的一个名字而已;由于不存在定义某个变量必须要保存何种数据类型值的规则,变量的值及其数据类型可以在脚本的声明周期内改变 1.基本类型和引用类型基本类型保存在栈内存中的简单数据段;即这种值完全保存在内存中的一个位置;基本类型值包含:Undefined|Null|Boolean|Number|String 引用类型保存在

HTML5--SVG

一、SVG概述SVG是Scalable Vector Graphics的缩写,即缩放式矢量图形; 优点: 使用编辑器即可编辑图形 基于XML、SVG的图形可以被很容易的搜索,脚本化和压缩 缩放不影响图形质量 支持随意打印成需要的尺寸 SVG开源标准 缺点: 比正常格式图片体积大 即使小图片也可能很大 二、SVG绘制1.SVG绘制圆形–circle circle:绘制SVG圆形标签 cx/cy

Sass和Compass基础

一、背景知识1.Sass是什么  Sass可以简化你的Css工作流,并可以使你的Css的扩展和维护工作变的更加容易!例如,曾几时何,因为客户的需求的变更,你必须不断的通过查找和替换来更改一个像素值,或者,为了能够确定多栏布局中某一栏的宽度,你需要使用计算像素值软件才能搞定。  Sass引入了一些新的概念如,变量,混合,嵌套和选择器继承。Sass 生成良好格式化的 CSS 代码,易于组织和维护。 

前端面试题--理论

1.输入网址按下回车,到看到网页这个过程中发生了什么 域名解析 发起TCP的3次握手 简历TCP连接后发起http请求 服务器端响应http请求,浏览器得到html代码 浏览器解析html代码,并请求html代码中的资源 浏览器对html进行渲染呈现给用户参考:一次完成的HTTP事务是怎样一个过程 2.谈谈你对前端性能优化的理解 请求数量:合并脚本和样式表,CSS Sprites,拆分初始化负

JavaScript-对象

前言 对象是JS的基本数据类型; 对象也可看做是属性的无序集合,每个属性都是一个名/值对; 也可以把对象看成是字符串到值的映射; 对象除了可以自有的属性,还可以从一个称为原型的对象继承属性;对象的方法通常是继承的属性; JS对象是动态的——可以新增属性也可以删除属性; 内置对象:由ECMAScript规范定义的对象或类; 宿主对象:由JS解释器所嵌入的宿主环境定义的,如:HTMLElement对

Bootstrap插件

一、模态弹出框Bootstrap框架中的模态弹出框,分别采用了“modal”、“modal-dialog”和“modal-content”样式,而弹出框真正的内容都放置在“modal-content”中。 12345678910111213141516171819202122232425<button type="button" data-toggle="modal" data-targ

Ajax详解(上)

一、Ajax介绍 Asynchronous JavaScript and XML (异步的JavaScript和XML) 二、同步和异步 同步:提交请求→等待服务器处理→处理完毕返回(这期间客户端浏览器不能执行别的代码) 异步:请求通过事件触发→服务器处理(这时浏览器仍然可以执行其他代码)→处理完毕 XMLHttpRequest对象 XMLHttpRequest:用于在后台与服务器交换数据

jQuery基础--Ajax

1.使用load()方法异步请求数据使用load()方法通过Ajax请求加载服务器中的数据,并把返回的数据放置到指定的元素中:1load(url,[data],[callback]) url:加载服务器地址data:请求时发送的数据callback:数据请求成功后,执行的回调函数1234567891011$(function(){ $('#btnShow').bind('click'