- 博客(19)
- 收藏
- 关注
RSS订阅转载 前端网页内容性能优化
减少HTTP请求次数 80%的响应时间花在下载网页内容(images, stylesheets, javascripts, scripts, flash等)。减少请求次数是缩短响应时间的关键！可以通过简化页面设计来减少请求次数，但页面内容较多可以采用以下技巧。 1. 捆绑文件: 现在有很多现成的库可以帮你将多个脚本文件捆绑成一个文件，将多个样式表文件捆绑成一个文件，以此来减少文件的下...
2015-10-11 22:00:00
94
转载 AngularJS的优缺点
优点： 1. 模板功能强大丰富，并且是声明式的，自带了丰富的Angular指令；2. 是一个比较完善的前端MV*框架，包含模板，数据双向绑定，路由，模块化，服务，过滤器，依赖注入等所有功能；3. 自定义Directive，比jQuery插件还灵活，但是需要深入了解Directive的一些特性，简单的封装容易，复杂一点官方没有提供详细的介绍文档，我们可以通过阅读源代码来找到某些我们需要的...
2015-10-08 23:48:00
136
转载 认识AngularJS
AngularJS诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。 AngularJS是为了克服HTML在构建应用上的不足而设计的。 AngularJS通过使用我们称为标识符(di...
2015-10-08 23:39:00
86
转载 jQuery与Ajax的应用
1 Ajax发展历史 AJAX全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。 使用Ajax的最大优点，就是能在不更新整个页面的前提下维护数据。这使得Web应用程序更 为迅捷地回应用户动作，并避免了在网络上发送那些没有改变过的信息，减少网络阻塞。 2 Ajax的基础应用 首先，...
2015-09-27 23:47:00
84
转载 jQuery的一些特性和用法
1.精准简单的选择对象(dom)： $('#element');//相当于document.getElementById("element")$('.element');//Class$('p');//html标签 $("form>input");//子对象 $("div,span,p.myClass");//同时选择多种对象 $("tr:odd").cs...
2015-09-27 23:33:00
65
转载 less和sass
LESS 是动态的样式表语言，通过简洁明了的语法定义，使编写 CSS 的工作变得非常简单。 LESS 在 CSS 的语法基础之上，引入了变量，Mixin（混入），运算以及函数等功能，大大简化了 CSS 的编写，并且降低了 CSS 的维护成本，就像它的名称所说那样，LESS 可以让我们用更少的代码做更多的事情。 本质上，LESS 包含一套自定义的语法及一个解析器，用户根据这些语法定义自...
2015-09-21 00:28:00
71
转载 Bootstrap （Web前端CSS框架)
Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。它是由动态CSS语言less写成。Bootstrap 包的内容 基本结构：Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。 CSS：Bootstrap 自带以下特性：全局的 CSS 设置、定义基本的 HTML 元素样式、可扩展的 class，以及一...
2015-09-20 23:49:00
241
转载 面向对象和构造函数
面向对象程序设计的基本思想是将现实中的事物抽象为对象。 抽象出来的对象被赋予相应的状态和行为，通过对消息的响应完成一定的任务。 对象都具有以下两个共性： 具有一定的状态（形态）和特性，如电视机有尺寸、外形、颜色等外部特性。 每个对象对应一组特定的操作，如电视机有开关，选择频道等操作。 每个对象都有自身唯一的标识，通过这种标识，可找到相应的对象。 面向对象编程的3个原则...
2015-09-13 23:19:00
106
转载 BFC(块级格式化上下文)
定义：BFC(Block formatting context)为块级格式化上下文。它是一种环境，不会对周围其它盒子的布局产生影响，它只规定了内部如何布局。 BFC布局规则 1.内部的Box会在垂直方向，一个接一个地放置。 2.Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠 3.每个元素的margin box的左边， 与包含块bo...
2015-09-13 22:15:00
67
转载 图片轮播
一、对图片的左边距进行初始化 for(var i = 0;i < lis.length;i++){ lis[i].style.marginLeft = "0"; }二、轮播方法设置 var run = setInterval(方法，周期)三、轮播速度设置 var lileft = parseInt(li[0]....
2015-07-23 22:21:00
54
转载 JS对表单的操作
一、获得表单引用 通过直接定位的方式来获取 document.getElementById(); document.getElementsByName(); document.getElementsByTagName(); 2.通过集合的方式来获取引用 document.forms[下标] docu...
2015-07-22 22:06:00
91
转载 JS事件流
事件流：当页面元素触发事件的时候，该元素的容器以及整个页面都会按照特定顺序响应该元素的触发事件，事件传播的顺序叫做事件流。 一、事件流的分类 1.冒泡型事件(所有的浏览器都支持 w3c标准) 由明确的事件源到最不确定的事件源依次向上触发。 2.捕获型事件(IE不支持 w3c标准 火狐) 不确定的事件源到明确...
2015-07-21 22:27:00
80
转载 JS事件基础和绑定
一、事件的分类 鼠标事件 键盘事件 表单事件 页面事件 二、事件驱动 .事件 javascript侦测到的用户的操作或是页面的一些行为(怎么发生的) 事件源 引发事件的元素。(发生在谁的身上) 事件处理程序 对事件处理的程序或是函数 (发生了什么事) 三、事件的绑定 在脚本中绑定 直接在HTM...
2015-07-21 00:09:00
88
转载 DOM样式表
一、getElementById的封装 function $(id) { return document.getElementById(id); } 二、cssRules 它是一个包含了样式表中定义的所有CSS规则的集合，chrome和firefox浏览器能正确实现该标准；IE浏览器将其命名为rules。 docu...
2015-07-20 00:01:00
105
转载 7月16日：DOM总结
一、获取节点的方式 getElementById、getElementByTagName、getElementByName、getElementByClassName;前2种兼容性更好，后2种需要调试 if(children[i].nodeType == 3 && /^\s+$/.test(children[i].nodeValue)) { ...
2015-07-16 23:51:00
62
转载 7月14日：JS的基础语法
首先，是最近的课程安排： JS的基础语法→BOM→DOM→DOM样式表→JS事件→JS表单→正则表达式； 以下为今天的学习内容： 一、JS的介绍 JS是一种弱类型的解释语言，它用var来定义变量。JS要在网页环境中运行，而Java可以在任何平台使用 二、JS的原始数据类型 undefined：未定义类型和值，无返回值 null：表示不存在的对象 boolean...
2015-07-15 23:02:00
115
转载 7月15日：BOM总结
BOM（浏览器对象模型）是JS实现的一部分，没有任何相关的标准。 一、Window对象 a.窗口操作： 1. moveBy(IE) 相对移动 window.moveBy(100,100); 2. moveTO (IE) 以屏幕左上角为原点进行移动 window.moveTo(100, 100); ...
2015-07-15 21:36:00
93
转载 7月13号：2D的转换和过渡，动画效果设置
一、2D的转换通过transform来实现，它有4种方式： 位移：translate（x坐标，y坐标），它是以左上角为原点的位移，不影响其他元素 缩放：scale（X倍数，Y倍数），它是以元素中心为原点进行缩放 旋转：rotate（度数），它是以元素中心为原点进行旋转 斜切（扭曲）：skew（X度数，Y度数）:X和Y方向同时进行扭曲拉缩 二、过渡是通过transitio...
2015-07-14 23:58:00
93
转载 7月9号
今天，我们学习了CSS3的部分内容。 部分CSS3的选择器 nth-child(n)：选择第n个子元素 last-child:最后一个子元素 nth-of-type(n):同类型中第n个同级元素 nth-last-of-type（n）：同类型中倒数第n个同级元素 only-child：父元素中仅有的一个子元素 only-of-type：同类型中唯一的一个同级元素...
2015-07-09 21:13:00
71
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人