- 博客(18)
- 收藏
- 关注
RSS订阅原创 文档对象模型(DOM)
1. 文档对象类型(DOM) 1.1. DOM 节点node1.1.1. 节点分类1.1.2. 节点层次1.2. DOM 节点属性1.2.1. 标签的内容属性 1.2.1.1. innerHTML1.2.1.2. innerText1.2.1.3. 区别1.2.2. 节点的属性 1.2.2.1. nodeName1.2.2.2. nodeValue1.2.2.3. n...
2018-09-04 21:19:46
1340
原创 DOM 中的 offset 属性
1. DOM 中的 offset 属性1.1. offsetParent与当前元素最近的经过定位(position 不等于 static)的父级元素，主要分为下列几种情况：元素自身有 fixed 定位，offsetParent 的结果为 null当元素自身有 fixed 固定定位时，我们知道固定定位的元素相对于视口进行定位，此时没有定位父级，offsetParent 的...
2018-09-04 21:16:41
2770
2
原创 JavaScript中this的用法
1. JavaScript 中 this 的用法this是 JavaScript 语言的一个关键字。它是函数运行时，在函数体内部自动生成的一个对象，只能在函数体内部使用。function test() { this.x = 1;}函数test运行时，内部会自动有一个this对象可以使用。1.1. 函数调用函数可以直接被调用，这个时候this被绑定到了全局对象。...
2018-09-02 14:39:00
132
原创 JavaScript创造对象的4种基本方法
1. 字面量创建 基本写法2. 使用内置构造函数创建对象 JS中的内置构造函数基本写法3. 工厂模式 基本写法4. 自定义构造函数模式 用构造函数模式将前面的例子重写：自定义构造函数通用写法：1. 字面量创建字面量创建是由若干名/值对组成的映射表，名/值对中间用冒号分隔，名/值对之间用逗号分隔，整个映射表用花括号括起来。基本写法var st...
2018-08-27 17:15:22
403
原创 JavaScript预解析
JavaScript预解析一、原理定义：JavaScript“预解析”，可以理解为把变量或函数预先解析到它们被使用的环境中。通俗点讲，即浏览器在正式运行JavaScript代码前，预先根据关键字var、function等，来查找一些需要被解析的东西，给这些需要被解析的东西提前赋值，其中包括： （1）凡是传参，直接赋值参数； （2）凡是var的，都会赋予一个undefined作为...
2018-08-23 19:34:25
166
原创 JavaScript冒泡排序
JavaScript冒泡排序1）核心思路：依次比较两个相邻的值，如果后面的比前面的小，则将小的元素排到前面。依照这个规则进行多次并且递减的迭代，直到顺序正确。平均时间复杂度O(n*n)最好情况O(n)最差情况O(n*n)空间复杂度O(1)稳定性：稳定2）算法描述 1. 比较相邻的元素。如果第一个比第二个大，就交换它们两个； 2. 对每一对相邻元素作同样的工作，从开始第一...
2018-08-23 19:24:30
145
原创 JavaScript基础02（运算符、语句）
一、运算符（操作符）1.1. 算术运算符算术运算符： 加（+）、减（-）、乘（*）、除（/）、取模（%）1.2. 赋值运算符简单的赋值操作符由等于号（=）表示，其作用就是把右侧的值赋给左侧的变量。每个主要算术操作符都有对应的复合赋值操作符。乘/赋值（*=）；除/赋值（/=）；模/赋值（%=）；加/赋值（+=）；减/赋值（-=）；1.3. 一元运算...
2018-08-18 19:29:02
185
原创 JavaScript基础01（注释、变量、数据类型）
一、JavaScript注释ECMAScript使用C风格的注释，包括单行注释和块级注释。单行注释以两个斜杠开头，块级注释以一个斜杠和一个星号（/*）开头，以一个星号和一个斜杠（*/）结尾。 1.1 单行注释 用来描述一个或多行代码// 这是一个变量 var name = 'hm'; 1.2 多行注释 用来注释多行代码/* var age = 18; va...
2018-08-16 15:49:54
421
原创 JavaScript简史及实现
JavaScript简史Nombas与ScriptEase大概在 1992 年，一家称作 Nombas 的公司开发了一种叫做 C 减减（C-minus-minus，简称 Cmm）的嵌入式脚本语言,并将这个脚本语言捆绑在一个可以嵌入到浏览的CEnvi的共享软件中，代表了第一个在万维网上使用的客户端语言。后来由于mm听起来比较消极，Nombas又将Cmm的名字修改为ScriptEase.虽...
2018-08-15 21:36:19
757
原创 iconfont的使用方法
一、iconfont的使用登录http://www.iconfont.cn/ 阿里巴巴矢量图标库，github或微博登录 选择喜欢的图标添加入库 然后点击右侧购物车，点击最下面的‘下载代码’按钮，下载保存到本地，解压即可得到需要的文件 有三种方法使用（1）unicode引用unicode是字体在网页端最原始的应用方式，特点是：兼容性最好，支持ie6+，及所有现代浏览器。 支持...
2018-08-03 16:49:48
44343
原创 CSS学习 Day06
一、元素的显示与隐藏display 值 描述 none 元素完全隐藏不占位置 block 此元素将显示为块级元素，此元素前后会带有换行符 inline 默认。此元素会被显示为内联元素，元素前后没有换行符 inline-b...
2018-08-02 10:23:09
106
原创 CSS学习Day05 定位
一、定位定位的使用包含两个部分：定位的方式 偏移值 left,right,top,bottom1、静态定位所有的标准流都是静态定位position:static;一般用于将某些已经定位的元素还原成标准流，用的很少偏移值对于静态定位来说不起作用，我们以后说的元素定位不包括静态定位2、相对定位相对定位是相对自己的标准流的位置进行定位移动position:rela...
2018-08-01 21:47:04
154
原创 CSS学习Day04 浮动
一、浮动1、布局的三种基本方式（1）标准流 按照标签默认的特性摆放盒子即为标准流（2）浮动流 利用浮动摆放盒子即为浮动流（3）定位流 利用定位摆放盒子即为定位流2、浮动的意义（1）浮动最开始是做图文绕排的。（2）浮动的布局应用场景：让元素直接排成一排，或者一个靠左一个靠右3、浮动的特性浮动的元素脱标脱标：（脱离了标准流）标准流：块元素独占一行，行内元素可...
2018-08-01 08:39:18
141
原创 CSS学习 Day03
一、盒子模型1、盒子模型概述CSS 盒子模型 (Box Model) 规定了元素框处理元素内容、内边距、边框和外边距的方式。 2、边框（border） 属性 值 描述 border-color transparent:默认，透明 边框颜色 b...
2018-07-27 10:18:11
175
原创 CSS学习Day02
1、样式表 样式名 样式 描述 优点 缺点 使用情况 控制范围 内嵌式样式表 <style> css语句 </style> 在html里面嵌套一个styl...
2018-07-25 15:12:12
239
原创 CSS学习Day01
1、H5新增的标签 标签 描述 header 头部区域 footer 页脚区域 nav 导航区域 section 模块 aside 侧边栏区域 ...
2018-07-22 23:37:04
141
原创 HTML学习Day2
1. 列表（1）无序列表ul：Unordered List li：List Item<ul> <li>列表一</li> <li>列表一</li> </ul>特点：列表之间没有顺序 在实际工作中用的较多（2）有序列表ol:Ordered List<ol&g
2018-07-22 08:24:16
139
原创 HTML学习Day01
1. 浏览器内核内核（Rendering Engine）：可大概译为“渲染引擎”，不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释（如标准通用标记语言下的一个应用HTML、JavaScript）并渲染（显示）网页。(1)IE （edge）（Trident）(2)火狐（firefox）（Gecko）(3)谷歌（chrome）（blink）(4)苹果（safari）（w...
2018-07-20 20:13:51
195
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人