- 博客(43)
- 收藏
- 关注
RSS订阅原创 call、apply和bind的使用及判断一个数据的数据类型的方法
本文主要介绍了call、apply和bind的使用及其区别，以及判断一个数据的数据类型的几种方法。
2021-06-21 21:15:11
267
原创 JS面向对象
本文主要介绍了什么是面向对象、JS中创建对象的两种方式、JS中的一切皆是对象、对象的增删改查、公有属性和私有属性、对象是由类创建的，以及函数的四个角色。
2021-06-20 22:00:27
163
原创 CSS3中的选择器（属性选择器、后代选择器、伪类选择器、伪元素选择器）
本文主要介绍了CSS3中的选择器，包括后代选择器、伪类选择器、伪元素选择器。
2021-04-13 20:06:33
576
原创 HTML5新增的标签、表单中新增的属性、元素、事件及音视频标签的使用
本文主要介绍了HTML5新增的语义化标签、兼容解决方案、html5表单中对type属性的补充、新增的datalist标签、表单元素、表单事件、以及进度条，html5音视频标签的使用及一个小案例练习。
2021-04-12 20:51:28
304
原创 案例：jQuery实现todoList、简单的tab选项卡、回到顶部、下拉菜单
本文主要介绍了四个案例。todoList、tab选项卡切换、回到顶部、下拉菜单。
2021-04-06 20:13:59
412
原创 jQuery扩展插件、自调用函数、多库共存、onload和ready的区别
文章目录一、jQuery扩展插件1.扩展jQuery库二、自调用函数三、多库共存四、onload和ready的区别一、jQuery扩展插件jquery满足不了项目需求 但是我又想用jquery,可以依托于jquery 自己扩展插件。1 扩展jQuery的工具方法 $.extend(object)2 扩展jQuery对象的方法 $
2021-04-04 22:41:05
202
原创 案例：jQuery实现轮播图
目的：使用jQuery实现一个轮播图。鼠标单机左右箭头实现切换上/下一章。三秒自动轮播一张图片，鼠标悬停停止自动切换，鼠标离开继续实现三秒自动切换，并且图片下面的小圆点跟随图片切换。
2021-04-02 21:36:45
550
原创 jQuery中的事件绑定和解绑、鼠标事件、事件委托
本文主要介绍了jQuery中事件的绑定和解绑、mouseover和mouseenter的区别和事件委托。
2021-04-01 19:49:59
952
原创 操作盒子的api（JS写法和jQuery写法）
本文主要介绍了操作盒子（获取盒子大小、位置，设置盒子位置）的方法，使用JS和jQuery分别介绍。
2021-03-31 21:42:28
397
原创 jQuery初识（核心和选择器）
本文主要介绍了jQuery的初识、及其的两个核心：函数和对象，jQuery中的基本选择器、层次选择器、过滤选择器、$工具方法、表单选择器、以及jQuery操作属性和CSS的方法。
2021-03-30 22:07:23
121
原创 DOM（文档对象模型）（三）DOM中的事件
本文主要介绍了DOM中的事件，包括如何绑定多个事件和它的兼容式写法，如何解绑事件及其兼容式写法，什么是事件冒泡与事件捕获及如何阻止事件冒泡，事件的三个阶，和事件的多重绑定。
2021-03-30 20:44:39
210
原创 DOM（文档对象模型）（二）深入了解DOM节点
本文主要介绍了dom中对元素节点的操作，包括获取节点、节点的属性、创建节点、插入节点、删除节点、替换节点、克隆节点，以及三个小案例练习（带有添加和删除功能的表格、根据数据创建一个表格，tab选项卡）。
2021-03-29 21:12:14
483
原创 DOM（文档对象模型）（一）获取和操作元素、节点
本文介绍了什么是dom，获取dom元素的九种方法，操作属性节点、操作类名和操作文本节点的方法，以及一个全选和反选小案例。
2021-03-29 16:24:27
862
1
原创 BOM（浏览器对象模型）
本文主要介绍了BOM 中的window对象，浏览器窗口大小的设置，浏览器的弹出层、地址栏、历史记录、版本信息、常见的事件以及如何得到浏览器窗口卷去的高度和宽度，简单了解了短路表达式。
2021-03-28 20:31:04
263
原创 JS对象类型数据的创建及其操作
文章目录前言一、创建一个对象二、对象的操作1..语法2.[]语法三、对象的遍历四、对象的小练习统计一个字符串中每一个字符出现的次数统计出出现最多的那个字符如果一样多，都要找出来前言array中可以装大量数据，能装大量数据的，叫容器。在JS中，除了数组容器之外，还有对象容器。提示：以下是本篇文章正文内容，下面案例可供参考一、创建一个对象创建一个对象也有两种方式：1）字面量创建 var obj = {} 一个{}在JS中就表示一个对象2）new Object也可以创建 var ob.
2021-03-24 19:53:55
405
原创 JS中字符串的创建、操作及其方法
文章目录前言一、创建字符串二、字符串的操作三、字符串拼接1.普通“+”拼接2.模板字符串四、字符串中的方法1.charAt（）2.charCodeAt（）3.substr（）4.substring（）5.toUpperCase()和toLowerCase()五、字符串小练习1.字符串反转2.关键字隐藏前言字符串创建：1）通过字面量的形式创建字符串 用的比较多var str = “hello” 使用双引号包起来var str = ‘hello’ 使用单引号包起来2）new 一个类创建.
2021-03-24 19:16:37
1526
原创 JS中的数组
数组数据类型： 也是JS中的一种数据类型，是引用数据类型，数据是存储在堆区的。 数组中每一个数据，都有对应的编号，这个编号叫索引，也叫下标。下标默认是从0开始的。 可以通过索引或下标操作数组中的某个数据。操作: 查看,添加,修改,删除 说到操作,就要想到增删改查(CRUD)。
2021-03-24 17:18:25
479
原创 JS中的选择和循环语句
文章目录前言一、选择结构1.if选择2.switch选择二、循环结构1.while循环语句2.dowhile语句3.for循环语句前言 三大流程结构： 1）顺序结构 2）选择结构 3）循环结构提示：以下是本篇文章正文内容，下面案例可供参考一、选择结构根据一个条件来决定是否执行某一段代码分类：1）if选择2）switch选择1.if选择四种写法：(1) if(条件){
2021-03-22 21:21:42
279
原创 JS中的运算符
文章目录前言一、数学运算符二、赋值运算符三、关系运算符四、逻辑运算符五、位运算符六、自增自减运算符前言 在编程语言中，运算符的分类：数学运算符。赋值运算符。关系运算符。逻辑运算符。位运算符。自增自减运算符。其它运算符 typeof一、数学运算符数学运算符:作用：进行数学运算+ - * / % ** + a**b 表示a的b次方 … <script> console.log(10 * 10); co
2021-03-22 21:00:06
279
原创 JS中的数据类型转换
文章目录数据类型转换一、转数值1.强制数据类型转化之Number()2.强制数据类型转化之parseInt()3.强制数据类型转化之parseFloat()二、转字符串1.String()2.toString()3.加法运算三、转布尔值1.Boolean()数据类型转换数据类型转换：把一种数据类型转化成另外一种数据类型1）隐式数据类型转化：静悄悄地转化，查觉不到2）强制数据类型转化：需要我们写代码进行转化提示：以下是本篇文章正文内容，下面案例可供参考一、转数值1.强制数据类型转化之Numb
2021-03-22 20:37:56
235
原创 JS初识
文章目录一、JS是什么？二、书写JS1.引入库2.读入数据总结一、JS是什么？JavaScript 是 Web 的编程语言。所有现代的 HTML 页面都使用 JavaScript。网页三层架构：（1）结构层：html技术（2）样式层：css技术（css2）（3）行为层：js技术（核心）MDN 中文文档： https://developer.mozilla.org/zh-CN/docs/Web/JavaScriptJS由三部分组成：（1）ECMAScript ECMAScript是一个标
2021-03-21 22:02:17
173
原创 盒子模型的背景
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、盒子的背景颜色二、盒子的背景图片1.注意细节2.当图片比较小时，控制是否平铺3.设置背景图片在盒子上的位置三、精灵图（雪碧图）四、设置背景图的大小五、复合属性background前言盒子的背景：背景颜色，背景图片。只要是一个盒子，就可以设置它的背景。提示：以下是本篇文章正文内容，下面案例可供参考一、盒子的背景颜色背景颜色，默认会填充盒子的内容区域，padding区域，边框区域。并不会填充margin区域。ba
2021-03-16 19:23:46
3567
原创 CSS的三大布局方式（流式布局，浮动布局和层布局）
文章目录前言一、标准文档流二、三种布局方式1.流式布局2.浮动布局（1）字围效果（2）圣杯布局3.层布局定位的分类：（1） 相对定位 position:relative（2） 绝对定位 position:absolute（3） 固定定位 position:fixed（4） 静态定位 就是不定位 默认的三、浮动元素会造成影响：1.对父元素造成的影响解决方法2.对兄弟元素造成的影响解决方法四、浮动元素的特性前言布局：所谓的布局，就是指把一个盒子放在合适的位置。在CSS2.0中，有三大布局：（1..
2021-03-16 18:55:32
7172
2
原创 CSS盒子模型
文章目录前言一、盒子的组成1.内容区域：2.读入数据总结前言一个标签就是一个盒子。一张网页就是由一堆的盒子堆起来的。盒子很重要，前面也说，CSS有两个作用：1）布局，2）美化。学习盒子模型，就是为了美化盒子的。布局：所谓的布局，就是控制盒子的尺寸和盒子的位置。提示：以下是本篇文章正文内容，下面案例可供参考一、盒子的组成内容的内容区域 content 。盒子的内边距，也叫补白，也叫内填充，padding 指边框和内容之间的间隙。边框：border border:1px solid .
2021-03-14 22:00:19
329
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人