- 博客(39)
- 资源 (1)
- 收藏
- 关注
原创 Vue.js——01
目录1.Vue的基本认识2.Vue的基本使用2.1HelloWorld效果2.2使用Vue开发者工具调试(vue-devtools)、安装Node.js和npm2.3理解Vue的MVVM3.模板语法3.1模板的理解3.2双大括号表达式3.3指令一:强制数据绑定3.4指令二:绑定事件监听4.计算属性和监视1.Vue的基本认识1.官网:...
2020-05-10 19:49:22
172
原创 Node.js安装以及修改npm的默认全局路径
目录1.安装Node.js2.修改npm默认的全局安装路径和缓存路径2.1 npm有两种安装方式:全局安装和局部安装2.2 关于模块的默认安装路径2.3 国内镜像网站配置以及npm默认全局路径修改方法2.3.1国内镜像网站配置2.3.2 全局路径修改方法12.3.3 全局路径修改方法23.npm安装卸载命令3.1 npm安装模块3.2 npm卸载模块...
2020-02-16 18:54:09
12524
7
原创 CSS3——03
目录1.动画1.1 创建动画及添加动画效果1.2 时钟案例2.多列布局3.伸缩布局3.1flex-flow3.2 flex-grow:定义比例值,扩展子元素宽度3.3 flex-shink:定义比例值,收缩子元素宽度3.4 flex3.5align-items和align-self3.6 案例1:宽高自适应3.7 案例2:携程网1.动画动...
2020-02-04 01:23:05
256
原创 CSS3——02
目录1.渐变1.1 线性渐变:linear-gradient1.2 径向渐变:radial-gradient1.3 重复渐变2.背景样式2.1 背景颜色:background-color; 2.2 背影图片:background-image: url(""); 2.3 背景平铺:background-repeat; 2.4 背景图像是否随...
2019-11-15 17:04:21
332
原创 CSS3——01
目录1.选择器1.1 属性选择器1.2 兄弟选择器1.3 伪类选择器1.4 伪元素选择器2.颜色设置3.文本阴影:text-shadow4.盒模型:box-sizing5.边框圆角:border-radius6.案例:Android机器人7.边框阴影:box-shadow1.选择器CSS3新增了许多灵活查找元素的方法,极大的提高了查找元素的效率...
2019-11-12 22:39:13
352
原创 HTML5——接口
目录1.网络监听接口2.全屏接口的使用3.FileReader的使用4.拖拽接口5.地理定位接口6.Web存储6.1 sessionStorage6.2 localStorage7.应用缓存8.多媒体接口(自定义播放器案例)1.网络监听接口2.全屏接口的使用全屏操作的主要方法和属性 :requestFullScreen():开启全屏显示...
2019-10-17 15:21:16
3693
原创 HTML5——新增的标签和属性
目录1.语义标签及其兼容性2.表单新增的type属性3.表单新增的其他属性4.新增的表单元素(了解,很少用)4.1 datalist4.2 keygen和output5.新增的表单事件(oninput和oninvalid)6.进度条(progress和meter)7.表单总结案例8.多媒体标签(音频:audio、视频:video)9.类样式操作10....
2019-10-15 19:55:23
455
原创 JavaScript高级——04
目录1.浅拷贝2.深拷贝3.遍历DOM树4.正则表达式4.1正则表达式练习4.2 创建正则表达式对象4.3 正则表达式案例4.3.1 验证密码强度4.3.2 验证邮箱4.3.3 验证中文名4.3.4 验证表单4.4 正则表达式其他方法的使用1.浅拷贝浅拷贝:拷贝就是复制,就相当于把一个对象中的所有的内容,直接复制一份给另一个对象;或者说,就...
2019-09-30 16:07:37
162
原创 JavaScript高级——03
目录1.apply和call的使用2.bind方法3.认识函数中的几个成员4.函数作为参数使用5.函数作为返回值使用6.闭包6.1 闭包案例:产生多个相同的随机数6.2 闭包案例:实现点赞7.沙箱7.1 沙箱案例:操作页面元素8.递归8.1 递归案例1.apply和call的使用作用:改变this指向apply的使用语法函数名字.ap...
2019-09-27 09:07:20
201
原创 JavaScript高级——02
目录1.关于this2.原型的指向可以改变3.原型链的最终指向:Object的prototype中的_proto_(null)4.原型指向改变,如何添加方法和访问5.一条原型链6.继承6.1 通过原型实现继承(改变原型指向)6.2借用构造函数继承6.3 组合继承6.4 拷贝继承7.函数进阶7.1 函数角色7.2 函数声明和函数表达式的区别7...
2019-09-15 01:22:39
154
原创 贪吃蛇案例
food.js//自调用函数--食物的(function () { var elements = [];//保存每个小方块食物 //食物就是一个对象,有宽、高、颜色、横纵坐标 function Food(width, height, color, x, y) { this.x = x || 0; this.y = y || 0;...
2019-09-10 21:10:12
142
原创 JavaScript高级——01
目录1.构造函数和实例对象之间的关系2.原型的引入3.通过简单例子体会面向过程和面向对象的编程思想4.构造函数、实例对象、原型对象三者之间的关系5.利用原型共享数据6.原型中的方法7.实例对象使用属性和方法的层层搜索8.为内置对象添加原型方法9.把局部变量变成全局变量9.1 产生随机数对象9.2 随机小方块动态页面:(这两种都是)1.页面由htm......
2019-09-10 00:36:15
159
原创 案例2
目录1.元素隐藏的不同方式2.表格隔行变色3.tab切换效果4.大量字符串拼接效果实现5.无刷新评论6.数组从大到小排序1.元素隐藏的不同方式2.表格隔行变色<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <...
2019-09-09 14:11:02
164
原创 案例1
目录1.拖拽对话框2.高清放大镜3.div滚动条1.拖拽对话框<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>拖拽对话框</title> <style> .log...
2019-09-09 14:10:52
153
原创 client系列
1.client(可视区)系列clientWidth:可视区域的宽(没有边框),边框内部的宽度 clientHeight:可视区域的高(没有边框),边框内部的高度 clientLeft:左边框的宽度 clientTop:上边框的宽度2.图片跟随鼠标移动案例注意点:图片要脱离文档流(absolute)因为IE8的浏览器中针对事件参数对象使用的是window.event...
2019-09-04 15:04:58
1215
原创 变速动画函数
目录1.变速动画函数封装1.1 导航栏案例2.获取任意一个元素的任意一个样式属性的值(字符串类型)3.变速动画函数封装增加任意一个属性4.变速动画函数封装增加任意多个属性(在3的基础上)5.变速动画函数封装增加回调函数(在4的基础上)6.变速动画函数封装增加透明度和层级(在5的基础上)7.变速动画函数案例7.1 手风琴效果7.2 开机动画效果7.3 旋转...
2019-08-30 02:49:04
424
原创 scroll系列
1.scroll(卷页)系列scrollWidth:元素中内容的实际的宽(包括padding,没有border),如果没有内容就是元素的宽(width+padding) scrollHeight:元素中内容的实际的高(包括padding,没有border),如果没有内容就是元素的高(height+padding) scrollLeft:向上卷曲出去的距离 scrollTop:向左卷曲出去...
2019-08-28 01:59:43
624
原创 offset系列
元素的样式属性是无法直接通过:对象.style.属性来获取的(这种方式只能获取内联样式)补充:对象.style.属性="value" 设置的也是内联样式用offset(位移)系列获取元素尺寸(无论样式是设置在属性中还是标签中都可以获取)offsetWidth:获取元素的宽 offsetHeight:获取元素的高 offsetLeft:就是这个元素左边框外,到自己的offsetPar...
2019-08-25 12:20:28
2114
原创 轮播图案例
1.简单的轮播图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>简单的轮播图</title> <style> ul { list-style: none;...
2019-08-24 21:29:55
2386
原创 BOM——window对象下的属性、定时器、匀速动画函数
目录1.系统对话框2.页面加载的事件3.window对象下的属性3.1 location对象3.2 history对象3.3 navigator对象4.定时器(计时器)——有两种4.1setInterval()和clearInterval()——常用4.2 setTimeout()和clearTimeout()5.计时器案例5.1 图片移动5.2...
2019-08-20 21:32:44
341
原创 DOM——04(节点;元素创建;元素操作;元素绑定/解绑事件;事件阶段)
目录1.节点2.获取相关的节点2.1获取相关的父级节点和父级元素(两个结果是一样的)2.2获取相关的子节点和子元素2.3 获取节点和元素2.4 节点的兼容代码3.案例3.1 点击按钮设置div中的p标签的背景颜色3.2 点击按钮控制隔行变色3.3 切换背景图片3.4全选和全不选的实现4.元素创建的三种方式4.1document.write...
2019-08-16 02:24:43
888
原创 DOM——03(innerText、textContent和innerHTML;自定义属性;案例3)
目录1.innerText和textContent:设置标签中的文本内容2.innerText和innerHTML的区别2.1 从设置来说2.2 从获取来说2.3 总结3.自定义属性3.1 自定义属性的引入3.2 自定义属性设置和获取3.3 移除某个元素的自定义属性4.tab切换案例(排他、自定义属性综合性应用)1.innerText和textCo...
2019-08-06 21:31:04
477
原创 DOM——02(获取元素;onmouseover和onmouseout、onfocus和onblur事件;案例2)
目录1.列表高亮显示(onmouseover和onmouseout 事件)2.显示和隐藏二维码3.根据name属性值获取元素(仅针对表单元素,表单元素才有name属性)4.根据类样式的名字(class属性值)获取元素5.获取元素的其他方式(根据选择器)6.*总结获取元素的方式(*为使用频率较高的)7.div高亮显示8.模拟搜索框(onfocus和onblur事件)...
2019-08-05 18:13:53
836
原创 DOM——01(获取元素;onclick事件;案例1)
目录1.为元素注册事件案例(onclick事件)2.点击按钮显示图片并设置其宽高3.点击按钮修改p标签的内容4.点击按钮修改a标签的地址和文字内容5.点击按钮设置多个p标签的内容6.点击按钮修改图片的alt和title属性7.点击按钮修改所有文本框的值8.点击每个图片弹出对话框9.点击按钮修改当前按钮(自身)的value属性10.排他功能11.点击超链接...
2019-08-04 20:40:33
1726
原创 JavaScript基础——05(对象)
目录1.对象定义2.创建对象2.1 调用系统的构造函数创建对象2.2 自定义构造函数创建对象2.3 字面量的方式创建对象3.JSON格式的数据及遍历4.简单类型和复杂类型5.内置对象5.1 Math对象5.2 Date对象5.2.1 日期格式化5.2.2 日期显示5.2.3 日期获取方法5.3 String对象5.4Array对象6...
2019-07-31 00:15:38
284
原创 JavaScript基础——04(函数)
目录1.函数定义1.1 函数声明1.2函数表达式2.函数参数3.函数可以作为参数使用4.函数可以作为返回值使用5.函数作用域6.预解析1.函数定义函数:是由事件驱动的或者当它被调用时执行的可重复使用的代码块1.1 函数声明function 函数名(参数1,参数2,...) { 要执行的代码(代码块)}【函数声明不是可执行的语句,不需要分...
2019-07-26 00:16:23
148
原创 JavaScript基础——03(数组)
目录1.数组2.创建数组3.访问数组元素4.遍历数组元素4.1 for4.2 Array.forEach()5.数组方法5.1 把数组转换为字符串5.1.1toString()5.1.2 join()5.2Popping(从数组弹出项目) 和 Pushing(向数组推入项目)5.2.1pop()5.2.2push()5.3位移元素...
2019-07-23 23:05:10
162
原创 JavaScript基础——02(条件、循环、跳转语句)
目录1.条件语句1.1 if1.2If...else1.3If...else if...else1.4switch-case2.循环语句2.1do-while2.2while2.3for2.4for-in3.跳转语句3.1 break3.2 continue1.条件语句1.1 if1.2If...else...
2019-04-22 12:07:38
213
原创 JavaScript基础——01(变量、数据类型、运算符)
目录1.JavaScript(js)介绍2.变量2.1 变量的引入、声明及初始化2.2 变量的命名规范3.数据类型3.1 获取变量的数据类型(typeof)3.2 number类型:数字类型(整数和小数)3.3 string类型:字符串类型3.4boolean类型(布尔类型)、undefined和null3.5数据类型转换3.5.1 其他类型转数字类...
2019-04-22 01:00:13
234
原创 HTML三大元素——行内元素、块级元素、行内块级元素
HTML元素大体被分为三种:行内元素、块级元素、行内块级元素想实现三者之间的转换,可使用display属性:display:inline;//行内元素 display:block;//块级元素 display:inline-block;//行内块级元素1.行内元素1.1 行内元素列表b,big,i,small,tt abbr,acronym,cite,...
2019-04-18 00:05:03
1669
原创 ……(更新)
1.浏览器:shell、内核现在的主流浏览器(有自己开发的内核)有:2.HTML注释:<!-- -->写备注 能用其调试bug,比如有三行代码,对第一行调试,若还有错,则说明错误在第二第三行,依次类推3.id与classid相当于人的身份证,是唯一的;class相当于人的名字,你可以叫张三,别人也可以叫张三,可以有多个 从资源加载的角度:id是先找到结构、...
2019-04-17 20:59:39
591
原创 CSS(Cascading Style Sheet,层叠样式表)——第四篇(CSS高级篇)
目录1.CSS水平对齐2.CSS尺寸3.CSS分类4.CSS导航栏4.1 垂直导航栏4.2 水平导航栏4.2.1 使用行内列表项4.2.2 使用浮动列表项5.CSS图片库6.CSS图像透明度7.CSS2媒介类型7.1@media规则7.2媒介类型1.CSS水平对齐1、关于文本对齐参见text-align属性2、 使用 marg...
2019-04-17 20:58:32
486
原创 CSS(Cascading Style Sheet,层叠样式表)——第三篇(CSS盒子模型及定位篇)
目录1.CSS盒子模型1.1 模型概述1.2 内边距(padding)1.3边框(border)1.3.1 边框样式(border-style)1.3.2 边框宽度(border-width)1.3.3 边框颜色(border-color)1.4 外边距(margin)2.CSS定位2.1 定位(position)2.1.1相对定位(relative...
2019-04-15 01:19:37
422
原创 CSS(Cascading Style Sheet,层叠样式表)——第二篇(CSS样式篇)
目录1.CSS背景1.1 背景色(background-color)1.2 背景图片(background-image)1.3 背景重复(background-repeat)1.4 背景定位(background-position)1.4.1 属性值是关键字1.4.2 属性值是百分数值1.4.2 属性值是长度值1.5背景关联(background-atta...
2019-04-05 00:38:07
441
原创 CSS(Cascading Style Sheet,层叠样式表)——第一篇(CSS选择器及引入篇)
目录1.CSS介绍2.CSS基础语法3.CSS选择器(参考w3school)3.1 元素(标记)选择器3.2 选择器分组3.3 类选择器3.4 ID选择器3.5 属性选择器3.5.1 简单属性选择3.5.2根据具体属性值选择3.5.3根据部分属性值选择3.5.4特定属性选择类型3.6 后代选择器3.7 子元素选择器3.8相邻兄弟...
2019-04-02 23:29:51
374
原创 HTML(HyperText Mark-up Language)——第三篇
目录1.框架1.1 概念1.2 在指定框架中打开页面1.2.1 语法1.2.2 实例2.内嵌框架(iframe)2.1 作用2.2 语法2.3设置高度和宽度2.4删除边框及内边距3.关于图片的几个概念和格式转换3.1 关于图片基本概念3.2 常见的格式3.3 格式转换4.切片拼版4.1 图片的优化(这里用PS CS6)4.2 ...
2019-03-14 22:48:43
413
原创 Dreamweaver CC 2018使用(个人使用总结)
目录新建站点更换主浏览器快速对齐新建站点站点:一个网站中包括HTML界面,CSS,JavaScript,图片,flash动画或gif动画,都属于网页的资源文件,为了便于管理,我们将这些静态资源放置到一个文件夹下,称此文件夹为站点。做网站的第一步先建立站点。站点名称可以使用中文。新建完成后,可直接在dw中直接操作站点中文件。此时本地文件夹dw中新建站点是新...
2019-03-11 00:33:01
11737
原创 HTML(HyperText Mark-up Language)——第二篇
目录1.meta标记1.1 定义1.2 作用2.插入图片2.1 语法2.2 alt属性与title属性3.图像热区链接3.1 定义3.2 语法3.3shape属性值与coords属性值4.插入音频、视频及Flash文件4.1<embed></embed>标记5.<pre>标签6.实体7.表格...
2019-03-11 00:25:31
541
1
原创 HTML(HyperText Mark-up Language)——第一篇
目录1.语言规则2.基本框架3.标记3.1 标记分类3.2 常见标记3.3 标记的属性4.滚动的文字4.1 基本语法4.2 重要属性5.路径5.1 绝对路径与相对路径5.2 实例6.链接6.1 标记6.2 类别6.2.1 内部链接6.2.2 外部链接6.2.3 空链接6.2.4 下载链接6.2.5 锚链接7...
2019-03-05 15:46:46
474
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人