不是小洋-CSDN博客

原创 jQuery 实现三级联动

话不多说直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti

2021-04-23 21:30:20 229

1 常用事件总结1.1 鼠标事件click 单击dblclick 双击contextmenu 右击mouseover 鼠标悬停在元素上，建议用 mouseenter 代替mouseout 鼠标离开元素，建议用 mouseleave 代替mouseenter 鼠标悬停在元素上mouseleave 鼠标离开元素mousedown 鼠标按键按下mouseup 鼠标按键抬起mousemove 鼠标移动1.2 键盘事件keydown 键盘按键按下keyu

2021-04-12 19:01:08 241

原创 JS DOM知识总结全！！

1 DOM 介绍**MDN 文档对象模型手册：**https://developer.mozilla.org/zh-CN/docs/Web/API/Document_Object_Model1）DOM 英文全称“Document Object Model”，译为“文档对象模型”。2）DOM 是一个与平台和编程语言无关的接口，通过这个接口程序和脚本可以动态的访问和修改文档的内容、结构和样式。2 Node 节点2.1 五大节点类型document 文档节点 nodeType:9element 元素

2021-04-08 14:06:45 363

原创 JavaScript 函数（匿名、自调用、回调、递归、构造...）

1 函数1.1 变量提升① 变量提升JavaScript 中会把变量提升到本作用域的最前面。只提升了变量的声明，没有提升变量的赋值。在正式执行代码之前，变量就已经提升了，正式执行到变量声明语句的时候，仅仅是进行赋值操作。② 函数提升function 关键字方式创建的函数：不但会提升函数的声明，连同函数一起提升到作用域的最前面。当正式执行代码执行到函数声明语句，直接跳过。表达式方式或者 Function 构造函数方式创建的函数：与变量提交的规则一致！1.2 匿名函数匿名函数就是没有名字

2021-03-31 21:20:14 443

原创 JavaScript 原型及原型链

1 原型1.1 原型的概念任何一个对象，都有原型。原型也是个对象。对象可以继承原型上的属性（方法）。1.2 如何获取对象的原型① 隐式原型方式对象.__proto__② 显示原型方式对象的构造函数.prototype注意：具有相同构造函数的两个对象，原型也是一致的。2.3 对象、构造函数、原型之间的关系① 对象和构造函数构造函数是对象的抽象（描述），对象是构造函数的实例。一个构造函数可以创建多个对象，但是一个对象只能有一个构造函数。② 对象和原型每个对象都

2021-03-31 10:14:39 63

原创 JavaScript 运算符解析！！

1 运算符1.1 运算符和表达式① 运算符运算符就是参与运算的符号，像+、-、*、/ 等。与运算符一起运算的变量、直接量、表达式称之为操作数。② 表达式表达式是变量或者直接量与运算符组成的式子，表达式会有一个计算结果，称之为表达式的值，也就是说表达式是有值的。最简单的表达式是"原始表达式", 如直接量、变量名、关键字等。复杂表达式由简单表达式组成, 运算符何以将简单表达式组合成复杂表达式。注意带有副作用的表达式，这样的表达式除了有表达式的计算结果之外，还会对表达式中的

2021-03-22 19:42:49 180 5

原创多列布局、伸缩盒布局、媒体查询及响应式布局全面解析！

1 多列布局① 设置给包裹元素的 CSS 属性（共 8 个属性）CSS 属性名含义值column-count指定分多少列数字column-width指定列宽长度columns复合属性（count和width）数字和长度column-gap列间距长度column-rule-width列之间的边框宽度长度column-rule-color列之间的边框颜色颜色column-rule-style列之间的边框风格同 border

2021-03-17 20:51:11 243

原创 CSS3新增属性大全！

1 CSS3 基本语法1.1 CSS3 浏览器私有前缀Chorme: -webkit-Safari: -webkit-IE; -ms-Firefox: -moz-Opera: -o-1.2 CSS3 新增长度单位rem：根元素字体大小的倍数。注意与 em 的区别。vw：把视口宽度分为100份，指定占其中的多少份。注意与百分比的区别。vh：把视口高度分为100份，指定占其中的多少份。vmax：把视口宽和高中大等分为100份，指定占其中多少份。vmin：把视口宽和

2021-03-15 21:15:32 1867 1

原创 HTML5 全面解析

1. HTML5 新增语义化标签1.1 新增页面结构标签标签名语义和功能属性单标签/双标签header表示页面或section中的页眉双footer表示页面或section中的页脚双article表示文章、博客、新闻、帖子、评论等双aside表示侧边栏双nav表示导航双section表示页面中的一节或文章中的一段双**总结：**HTML5新增的这些结构标签就是具有语义的div1.2 新增状态标签

2021-03-12 20:59:21 235

原创 CSS盒子模型深入讲解

1 盒子模型深入讲解1.1 盒子模型的组成① 盒子模型的相关概念内容区域 content：盒子的主要区域，盒子中的文本内容或者后代元素都显示在内容区域中。内边距 padding：盒子的边界（边框）与内容的间距。边框 border：在盒子的边界上。外边距 margin：盒子与其他盒子的距离。② 影响盒子大小的因素盒子大小 = 内容区域大小 + 内边距 + 边框宽度注意：外边距不会影响盒子的大小，外边距会影响盒子的位置。1.2 盒子中的内容区域① 设置内容区域的宽高

2021-03-09 20:35:11 128

原创 Typora-markdown的用法

Typora-markdown的用法1.1markdown 格式# 一级标题## 二级标题### 三级标题#### 四级标题##### 五级标题###### 六级标题* 列表项* 列表项* 列表项```这里是代码块区域```**强调**`加背景`1.2Typora - markdown 编辑工具所见即所得-->源代码模式（ctrl+/）可以导出为pdf以及图片...

2021-02-26 19:28:31 107

weixin_46534854的博客