- 博客(51)
- 收藏
- 关注
原创 ES6语法新特性
文章目录ES6语法主要新特性1 变量声明let2 常量声明3 模板字符串4 函数默认参数5 箭头函数6 对象初始化简写7 解构8 Spread Operator9 import 和 exportES6语法主要新特性1 变量声明let我们都是知道在ES6以前,var关键字声明变量。无论声明在何处,都会被视为声明在函数的最顶部(不在函数内即在全局作用域的最顶部)。这就是函数变量提升例如 fu...
2018-12-10 21:25:24
775
原创 JavaScript中的伪数组和数组
伪数组和数组在JavaScript中,除了5种原始数据类型之外,其他所有的都是对象,包括函数(Function)。对象与数组的关系在说区别之前,需要先提到另外一个知识,就是 JavaScript 的原型继承。所有 JavaScript 的内置构造函数都是继承自 Object.prototype 。在这个前提下,可以理解为使用 new Array() 或 [] 创建出来的数组对象,都会拥有...
2018-12-04 14:37:34
15217
1
原创 JavaScript之闭包
什么是闭包闭包就是能够读取其他函数内部变量的函数,由于在 Javascript 语言中,只有函数内部的子函数才能读取局部变量,因此可以把闭包简单理解成 “定义在一个函数内部的函数”。所以,在本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁。闭包的模式:函数模式的闭包 function f1() { var num=10; //函数的声明 f...
2018-12-04 14:28:53
182
原创 JavaScript中的函数
文章目录函数函数的定义方式函数声明函数表达式函数声明与函数表达式的区别函数的调用方式函数内 `this` 指向的不同场景函数也是对象数组的函数调用call、apply、bind方法callapplybind小结函数的其它成员高阶函数作为参数作为返回值函数函数的定义方式函数声明函数表达式new Function函数声明function foo () {}函数表达式var ...
2018-12-04 14:19:41
197
原创 JavaScript中的继承
继承原型继承 function Person(name,age,sex) { this.name=name; this.sex=sex; this.age=age; } Person.prototype.eat=function () { console.log("人可以吃东西"); }; functio...
2018-12-04 13:40:28
138
原创 JavaScript之原型(prototype)
文章目录原型构造函数、实例、原型三者之间的关系属性成员的搜索原则:原型链实例对象读写原型对象成员原型中方法的相互访问更简单的原型语法原生对象的原型原型对象的问题原型对象使用建议原型Javascript 规定,每一个构造函数都有一个 prototype 属性,指向另一个对象。这个对象的所有属性和方法,都会被构造函数的实例继承。这也就意味着,我们可以把所有对象实例需要共享的属性和方法直接定义在...
2018-12-04 13:21:18
166
原创 JavaScript中的对象
文章目录JavaScript中的对象对象字面量对象创建方式属性和方法new关键字this详解对象的使用遍历对象的属性删除对象的属性简单类型和复杂类型的区别基本类型在内存中的存储复杂类型在内存中的存储基本类型作为函数的参数复杂类型作为函数的参数JavaScript中的对象JavaScript中的对象其实就是生活中对象的一个抽象JavaScript的对象是无序属性的集合。其属性可以包含基本值、...
2018-12-04 12:58:25
311
原创 JavaScript之预解析
预解析:就是在解析代码之前预解析做什么事?把变量的声明提前了----提前到当前所在的作用域的最上面函数的声明也会被提前—提前到当前所在的作用域的最上面预解析中,变量的提升,只会在当前的作用域中提升,提前到当前的作用域的最上面函数中的变量只会提前到函数的作用域中的最前面,不会出去预解析会分段(多对的script标签中函数重名,预解析的时候不会冲突) // 函数调用的时候,把会函数的...
2018-12-04 12:48:12
260
2
原创 JavaScript之作用域及作用域链
1.全局变量:声明的变量是使用var声明的,那么这个变量就是全局变量(除了函数内声明的以外,其他的任何位置定义的变量都是全局变量)全局变量可以在页面的任何位置使用,全局变量如果页面不关闭,那么就不会释放,就会占空间,消耗内存2.局部变量:在函数内部定义的变量,是局部变量,外面不能使用作用域:使用范围全局作用域:全局变量的使用范围局部作用域:局部变量的使用范围块级作用域(js没有块级作用域...
2018-12-04 12:41:25
166
原创 CSS3之背景
文章目录背景渐变背景缩放(CSS3)多背景(CSS3)背景渐变在线性渐变过程中,颜色沿着一条直线过渡:从左侧到右侧、从右侧到左侧、从顶部到底部、从底部到顶部或着沿任何任意轴。如果你曾使用过制作图件,比如说Photoshop,你对线性渐变并不会陌生。兼容性问题很严重,我们这里之讲解线性渐变语法格式:background:-webkit-linear-gradient(渐变的起始位置, 起始...
2018-11-21 10:51:55
132
原创 BFC(块级格式化上下文)
文章目录BFC(块级格式化上下文)元素的显示模式那些元素会具有BFC的条件什么情况下可以让元素产生BFCBFC元素所具有的特性BFC的主要用途BFC 总结BFC(块级格式化上下文)BFC(Block formatting context)直译为"块级格式化上下文"。元素的显示模式我们前面讲过 元素的显示模式 display。分为 块级元素 行内元素 行内块元素 ,其实,它还有很多...
2018-11-21 10:50:40
360
原创 CSS3之文字阴影
文字阴影(CSS3)以后我们可以给我们的文字添加阴影效果了 Shadow 影子text-shadow:水平位置 垂直位置 模糊距离 阴影颜色;前两项是必须写的。 后两项可以选写。...
2018-11-21 10:46:45
1944
2
原创 CSS3之伸缩布局
伸缩布局(CSS3)CSS3在布局方面做了非常大的改进,使得我们对块级元素的布局排列变得十分灵活,适应性非常强,其强大的伸缩性,在响应式开中可以发挥极大的作用。主轴:Flex容器的主轴主要用来配置Flex项目,默认是水平方向侧轴:与主轴垂直的轴称作侧轴,默认是垂直方向的方向:默认主轴从左向右,侧轴默认从上到下主轴和侧轴并不是固定不变的,通过flex-direction可以互换。Fle...
2018-11-21 10:45:24
293
原创 CSS3之动画
动画(CSS3) animation动画是CSS3中具有颠覆性的特征之一,可通过设置多个节点来精确控制一个或一组动画,常用来实现复杂的动画效果。语法格式:animation:动画名称 动画时间 运动曲线 何时开始 播放次数 是否反方向;关于几个值,除了名字,动画时间,延时有严格顺序要求其它随意@keyframes 动画名称 { from{ 开始位置 } 0% to{ ...
2018-11-21 10:44:04
133
原创 CSS3之变形
文章目录2D变形(CSS3) transform移动 translate(x, y)缩放 scale(x, y)旋转 rotate(deg)transform-origin可以调整元素转换变形的原点倾斜 skew(deg, deg)3D变形(CSS3) transformrotateX()rotateY()rotateZ()透视(perspective)translateX(x)translat...
2018-11-21 10:40:58
260
原创 CSS3之过渡
过渡(CSS3)过渡(transition)是CSS3中具有颠覆性的特征之一,我们可以在不使用 Flash 动画或 JavaScript 的情况下,当元素从一种样式变换为另一种样式时为元素添加效果。帧动画:通过一帧一帧的画面按照固定顺序和速度播放。在CSS3里使用transition可以实现补间动画(过渡效果),并且当前元素只要有“属性”发生变化时即存在两种状态(我们用A和B代指),就可以实...
2018-11-21 10:34:50
266
原创 CSS3盒模型
CSS3盒模型CSS3中可以通过box-sizing 来指定盒模型,即可指定为content-box、border-box,这样我们计算盒子大小的方式就发生了改变。可以分成两种情况:1、box-sizing: content-box 盒子大小为 width + padding + border content-box:此值为其默认值,其让元素维持W3C的标准Box Mode2、box...
2018-11-21 10:30:41
140
原创 CSS3 新增选择器
文章目录结构(位置)伪类选择器(CSS3)属性选择器伪元素选择器(CSS3)结构(位置)伪类选择器(CSS3):first-child :选取属于其父元素的首个子元素的指定选择器:last-child :选取属于其父元素的最后一个子元素的指定选择器:nth-child(n) : 匹配属于其父元素的第 N 个子元素,不论元素的类型:nth-last-child(n) :选择器匹配属于其元...
2018-11-21 10:29:26
128
原创 HTML5新标签
字符设定:HTML与XHTML中建议这样去写:HTML5的标签中建议这样去写常用新标签w3c 手册中文官网 : http://w3school.com.cn/header:定义文档的页眉 头部nav:定义导航链接的部分footer:定义文档或节的页脚 底部article:定义文章。section:定义文档中的节(section、区段)...
2018-11-21 10:27:24
520
原创 CSS W3C 统一验证工具
CSS W3C 统一验证工具CssStats 是一个在线的 CSS 代码分析工具网址是: http://www.cssstats.com/W3C 统一验证工具: http://validator.w3.org/unicorn/ ☆☆☆☆☆它可以检测本地文件!!http://tool.chinaz.com/Tools/CssFormat.aspx css 代码压缩...
2018-11-18 22:33:54
921
原创 web字体
文章目录web字体字体格式字体图标字体图标优点字体图标使用流程设计字体图标上传生成字体包下载兼容字体包字体引入到HTML追加新图标到原来库里面web字体字体格式不同浏览器所支持的字体格式是不一样的,我们有必要了解一下有关字体格式的知识。1、TureType(.ttf)格式.ttf字体是Windows和Mac的最常见的字体,是一种RAW格式,支持这种字体的浏览器有IE9+、Firefox3...
2018-11-18 22:32:10
316
原创 CSS之"精灵技术"
精灵技术产生的背景当用户访问一个网站时,需要向服务器发送请求,网页上的每张图像都要经过一次请求才能展现给用户。然而,一个网页中往往会应用很多小的背景图像作为修饰,当网页中的图像过多时,服务器就会频繁地接受和发送请求,这将大大降低页面的加载速度。为了有效地减少服务器接受和发送请求的次数,提高页面的加载速度,出现了CSS精灵技术(也称CSS Sprites、CSS雪碧)。精灵技术本质简单地说,...
2018-11-18 22:23:52
355
原创 CSS之用户界面样式
文章目录CSS用户界面样式鼠标样式cursor轮廓 outline防止拖拽文本域resizevertical-align 垂直对齐去除图片底侧空白缝隙CSS用户界面样式所谓的界面样式, 就是更改一些用户操作样式, 比如 更改用户的鼠标样式, 表单轮廓等。但是比如滚动条的样式改动受到了很多浏览器的抵制,因此我们就放弃了。 防止表单域拖拽鼠标样式cursor设置或检索在对象上移动的鼠标指针采用...
2018-11-18 22:17:32
228
原创 CSS之元素显示与隐藏
元素的显示与隐藏在CSS中有三个显示和隐藏的单词比较常见,他们分别是 display visibility 和 overflow。display 显示display 设置或检索对象是否及如何显示。display : none 隐藏对象 与它相反的是 display:block 除了转换为块级元素之外,同时还有显示元素的意思。特点: 隐藏之后,不再保留位置。visibility 可见性...
2018-11-18 22:08:40
141
原创 CSS之定位
文章目录定位(position)元素的定位属性静态定位(static)相对定位relative(自恋型)绝对定位absolute (拼爹型)父级没有定位父级有定位子绝父相绝对定位的盒子水平/垂直居中固定定位fixed(认死理型)叠放次序(z-index)四种定位总结定位模式转换定位(position)background-position 背景定位如果,说浮动, 关键在一个 “浮” 字上...
2018-11-18 13:18:21
296
原创 CSS之浮动
文章目录浮动什么是浮动?浮动详细内幕特性清除浮动清除浮动本质清除浮动的方法额外标签法父级添加overflow属性方法使用after伪元素清除浮动使用before和after双伪元素清除浮动浮动什么是浮动?元素的浮动是指设置了浮动属性的元素会脱离标准标准流的控制,移动到其父元素中指定位置的过程。在CSS中,通过float属性来定义浮动,其基本语法格式如下:选择器{float:属性值;}...
2018-11-18 11:27:29
142
原创 ArcGIS API for JavaScript 4.9学习笔记一(创建2D/3D地图)
ArcGIS API for JavaScript 4.9学习笔记一(创建2D/3D地图)2D:代码:<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="initial-scale=1, maximum-scale
2018-11-02 19:06:38
825
原创 Vue.js基本代码及基本指令
目录Tips1.Vue初步使用2.Vue的基本表达式3.几点注意事项4.事件修饰符5.v-model指令的学习6.Vue中的样式7.v-for8.v-if和v-showTips1.Vue初步使用<!DOCTYPE html><html lang="en"><head> <meta chars...
2018-11-01 12:57:56
436
原创 jQuery(三)
目录 Tips1.vau()2.html方法与text方法3.width方法与height方法4.scrollTop与scrollLeft5.offset方法与position6.jquery事件机制的发展历程7.on方式注册事件8.trigger()触发事件9.事件对象10.阻止冒泡和阻止浏览器的默认行为11.delay()12.链式编程...
2018-10-14 19:47:14
229
原创 jQuery(二)
目录 Tips1.修改CSS样式2.隐式迭代3.class操作4.属性操作5.prop方法6.show()和hide()方法7.slideDown()、slideUp()、slideToggle()8.fadeIn() 、fadeOut() 、fadeToggle9.自定义动画animate()10.动画队列11.停止动画stop()12.创...
2018-10-13 17:30:11
119
原创 JS中的BOM操作(一)
目录 Tips1.BOM简介2.对话框3.加载事件4.location对象5.history对象6.navigator对象Tips1.BOM简介 JavaScript分三个部分: 1. ECMAScript标准---基本语法 2. DOM--->Document Object Model 文档对象模型,操作页面元素的 ...
2018-10-12 21:55:23
3245
原创 JS中的DOM操作(四)
目录 Tips1. 绑定事件的区别2.为元素解绑事件3.事件冒泡代码1.为元素绑定事件和解绑事件的兼容代码2.为同一个元素绑定多个不同的事件,指向相同的事件处理函数Tips1. 绑定事件的区别 addEventListener(); attachEvent() 相同点: 都可以为元素绑定事件 不同点: 1.方法名不一样 ...
2018-10-12 21:38:26
118
原创 jQuery(一)
目录 Tips1.入口函数2.DOM对象(js对象)与jq对象3.$符号的实质4.基本选择器5.index()方法代码1.jq中的隔行换色2.过滤选择器(隔行变色)Tips1.入口函数 js的入口函数执行要比jQuery的入口函数执行得晚一些。 jq的入口函数会等待页面的加载完成才执行,但是不会等待图片的加载。 js的入口函数会等待页面...
2018-10-12 21:33:07
105
原创 JS中的DOM操作(三)
目录 Tips节点与元素:节点的属性:获取结节点的方法:节点兼容代码:元素创建的三种方式元素绑定多个事件元素绑定事件的兼容代码代码1.案例点击按钮设置div中p标签改变背景颜色2.节点操作隔行变色3.切换背景图片4.全选和全不选的实现5.点击按钮创建一个图片6.点击按钮创建列表7.点击按钮动态创建列表8.案例点击按钮创建一个表...
2018-10-10 19:26:54
257
原创 JS中DOM操作(二)
目录Tips:1.获取元素方式:2.innerText和textContent的区别:3.innerText和innerHTML的区别4.浏览器兼容代码5.设置、获取、移除自定义属性的值:代码:1.阻止超链接跳转2.相册3.隔行换色4.列表高亮显示5.显示和隐藏二维码6.div高亮显示7.模拟搜索框8.获取文本框的值9.自定义属性的设...
2018-10-09 12:37:15
206
原创 JS中DOM操作(一)
目录 DOM 简单介绍1.点击按钮显示图片2.点击按钮修改p标签内容3.点击按钮修改a标签的地址和热点文字4.点击按钮设置多个p标签的文字内容5.点击按钮修改图片的alt和title属性6.排他功能7.点击按钮修改性别和兴趣8、点击按钮设置div的宽和高和背景颜色9.点击按钮设置div隐藏和显示10.点击按钮设置div的样式11.改变页面整体颜...
2018-10-08 22:14:03
1642
原创 BootStrap入门
目录 BootStrap概述 BootStrap的入门开发 BootStrap的布局容器 BootStrap的栅格系统 BootStrap的全局CSS 使用BootStrap布局网站首页BootStrap概述 什么是BootStrap:简洁、直观、强悍的前端开发框架,让web开发更迅速、简单。 BootStrap有什么作用:复制粘贴, 能够提...
2018-09-30 21:38:34
898
原创 JQuery入门
目录JQuery简介什么JQueryJQuery的作用为什么学习JQuery: JQ的入门代码【JQ中根据ID查找元素】【JQ和JS之间的转换】 代码JQ的开发步骤: (将我们页面的JS代码和HTML页面代码进行分离)【JQ中的动画效果】1. 使用JQuery完成页面定时弹出广告步骤分析:代码实现JQuery中的选择器...
2018-09-29 20:33:29
214
原创 JavaScript基础
目录JavaScript概述什么是脚本语言?JS的组成JS的语法JS的数据类型JS的运算符和语句JS的输出JS声明变量JS的开发步骤代码实现使用JS完成图片的轮播效果代码实现 轮播图自动播放完成页面定时弹出广告代码实现完成完成表单的校验代码实现表格隔行换色代码实现 复选框的全选和全不选代码实现H...
2018-09-28 19:56:55
448
原创 CSS简单知识介绍
目录 使用CSS完成网站首页的优化表格布局的缺陷:CSS概述:CSS的简单语法:元素选择:ID选择器:类选择器:CSS的引入方式:CSS浮动 :代码实现:CSS的优先级CSS的盒子模型: 万物皆盒子CSS绝对定位代码实现:使用CSS完成网站首页的优化表格布局的缺陷:1. 嵌套层级太多, 一旦出现嵌套顺序错乱, 整个页面达不到...
2018-09-27 16:55:31
154
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人