-
前端性能优化之-js异步加载
默认情况JavaScript是同步加载的，也就是javascript的加载是阻塞的，后面的元素要等待javascript加载完毕后才能进行再加载，对于一些意义不是很大的javascript，如果放在页头会导致加载很慢的话，是会严重影响用户体验的。因此有时候有必要实现js的异步加载，js异步主要有三种方式：defer(内联模式下仅IE可用)，async(HTML5新属性)，用js创建script，接下来，我们就来一起来看看这三种方式的使用。deferdefer的官方定义：defer 属性...…
-
详解vertical-algin
首先我们来看下官方给出的line-height属性的解释:line-height属性会影响行框的布局。在应用到一个块级元素时，它定义了该元素中基线之间的最小距离而不是最大距离。line-height 与 font-size 的计算值之差（在 CSS 中成为“行间距”）分为两半，分别加到一个文本行内容的顶部和底部。可以包含这些内容的最小框就是行框。<!DOCTYPE html><html lang="en"><head><meta charset="...…
-
IE css3常用属性兼容性
IE css3常用属性兼容性: min-width,min-height,max-width,max-height：ie7+ vw, vh, vmin：ie9+(ie不支持vmax) box-sizing：ie8+ @media：ie9+ rem：ie9+vw：相对于视口的宽度。视口被均分为100单位的vwh1 { font-size: 8vw;}vh：相对于视口的高度。视口被均分为100单位的vhvmax：相对于视口的宽度或高度中较大的那个。其中最大的那个被均分为100单位的v...…
-
requirejs与seajs的比较
相信大家都知道seaJs与requireJs这两个框架的作用，它们都是用来帮助前端程序员进行模块化开发的的框架，在讲seaJs与requireJs之前，我们先来说一下为什么我们的项目需要模块化。如果项目比较小，我们是不需要用到模块化的，但是一旦项目大起来，你会发现代码越来越难以进行维护，这些问题主要包括命名冲突和js依赖问题，下面举例来说明这些问题。（1）命名冲突A程序员开发的代码：<!DOCTYPE html><html lang="en"><head>...…
-
javascript笔记--（第二十三章）JSON
JSONJSON和XML类型，都是一种结构化的数据表示方式。所以，JSON并不是JavaScript独有的数据格式，其他很多语言都可以对JSON进行解析和序列化。JSON语法JSON的语法可以表示三种类型的值：简单值，对象，数组。简单值可以在JSON中表示字符串、数值、布尔值和null。但JSON不支持JavaScript中的特殊值undefined。对象JSON中的对象表示法需要加上双引号<script type="text/javascript"> { "name" ...…
-
javascript笔记--（第二十二章）事件
target和currentTarget的区别currentTarget始终是监听事件者，而target是事件的真正发出者<!DOCTYPE html><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div id="outdiv" style="width:300px;margin-left:100px;heigh...…
-
javascript笔记--（第二十一章）动态加载脚本和样式
动态脚本动态加载js<script type="text/javascript"> var flag = true;//设置true再加载 if (flag) { loadScript('test.js');//设置加载的js } function loadScript(url) { var script = document.createElement('script'); script.type = 'text/javascript'; script.src = u...…
-
javascript笔记--（第二十章）DOM元素尺寸和位置
获取元素CSS大小通过style内联获取元素的大小style获取只能获取到行内style属性的CSS样式中的宽和高，如果行内样式有宽高则获取；如果没有则返回空。<!DOCTYPE html><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div id="box" style="width:100px;">&l...…
-
javascript笔记--（第十九章）DOM操作表格及样式
Table对象常用集合 集合 描述 cells[] 返回包含表格中所有单元格的一个数组。 rows[] 返回包含表格中所有行的一个数组。 tBodies[] 返回包含表格中所有 tbody 的一个数组。...…
-
javascript笔记--（第十八章）常用DOM操作
DOM在 HTML DOM 中，所有事物都是节点。DOM 是被视为节点树的 HTML。主要有以下几种DOM类型： 元素类型 NodeType 元素 1 属性 2 文本 3 注释 8 文档 9 常用方法： ...…
stay hungry stay foolish