Galaksen-CSDN博客

原创 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"> &lt...

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

Bootstrap栅格源码.zip

空空如也