- 博客(23)
- 收藏
- 关注
RSS订阅原创 JavaScript学习文档（15）：编程思想、构造函数、 原型、综合案例
面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次 调用就可以了。面向过程，就是按照我们分析好了的步骤，按照步骤解决问题。面向对象是把事务分解成为一个个对象，然后由对象之间分工与合作。面向对象是以对象功能来划分问题，而不是步骤。在面向对象程序开发思想中，每一个对象都是功能中心，具有明确分工。面向对象编程具有灵活、代码可复用、容易维护和开发的优点，更适合多人合作的大型软件项目。面向对象的特性：封装性 、继承性、多态性。
2024-09-07 18:30:05
784
原创 JavaScript学习文档（14）：深入对象、内置构造函数、综合案例
JS中的数据类型前面的笔记有讲过，比如基本数据类型和复杂数据类型，基本数据类型又成为包装数据类型，JS中几乎所有的数据都可以基于构造函数创建。之所以具有对象特征的原因是字符串、数值、布尔类型数据是 JavaScript 底层使用 Object 构造函数“包装”来的，被 称为。在 JavaScript 中的字符串、数值、布尔具有对象的使用特征，如具有属性和方法。通过构造函数创建的对象称为实例对象，实例对象中的属性和方法称为实例成员。Object 是内置的构造函数，用于创建普通对象。
2024-09-06 19:20:47
1011
原创 JavaScript学习文档（13）：作用域、函数进阶、解构赋值
简称 GCJS中内存的分配和回收都是自动完成的，内存在不使用的时候会被垃圾 回收器自动回收不再用到的内存，没有及时释放，就叫做内存泄漏。
2024-09-03 22:35:28
2059
原创 JavaScript学习文档（12）：什么是正则表达式、语法、元字符、修饰符
正则表达式（Regular Expression）是用于匹配字符串中字符组合的模式。在 JavaScript中，正则表达式也是对象通常用来查找、替换那些符合正则表达式的文本其使用场景：（1）例如验证表单：用户名表单只能输入英文字母、数字或者下划线， 昵称输入框中可以输入中文（2）过滤掉页面内容中的一些敏感词，或从字符串中获取我们想要的特定部分等。
2024-09-02 21:33:47
965
原创 JavaScript学习文档（11）：Window对象、本地存储、数组中一些方法、学生就业统计表案例
随着互联网的快速发展，基于网页的应用越来越普遍，同时也变的越来越复杂，为了满足各种各样的需求，会经常 性在本地存储大量的数据，HTML5规范提出了相关解决方案。1、数据存储在用户浏览器中2、设置、读取方便、甚至页面刷新不丢失数据3、容量较大，sessionStorage和localStorage约 5M 左。
2024-08-30 19:32:11
1090
原创 JavaScript学习文档（10）：日期对象、节点操作、 M端事件、JS插件、学生信息表案例
分析： ①：准备好空的ul 结构 ②：根据数据的个数，创建一个新的空li ③：li里面添加内容 img 标题等 ④：追加给ul 重点练习：创建节点和追加节点。案例分析： ①：调用日期对象方法进行转换 ②：记得数字要补0 ③：字符串拼接后，通过 innerText 给 标签。删除节点和隐藏节点（display:none） 有区别的： 隐藏节点还是存在的，但是删除，则从html中删除节点。需求：将当前时间以：YYYY-MM-DD HH:mm 形式显示在页面 2008-08-08 08:08。
2024-08-29 20:33:41
1121
原创 JavaScript学习文档（9）：事件流、事件委托、其他事件、元素尺寸与位置
目录一、事件流1、事件流的两个阶段2、事件捕获3、事件冒泡4、阻止冒泡5、解绑事件（1）解绑事件（2）鼠标经过事件区别二、事件委托1、优点2、原理3、实现4、tab栏切换案例改造三、其他事件1、页面加载事件2、元素滚动事件（1）页面滚动事件-获取位置（2）页面滚动事件-滚动到指定的坐标3、页面尺寸事件四、元素尺寸与位置1、使用场景：2、元素尺寸于位置3、仿京东固定导航栏总结：从DOM的根元素开始去执行对应的事件 (从外到里）说明： addEventListener第三个参数传入 true 代表是捕
2024-08-28 22:26:19
1056
原创 JavaScript学习文档（7）：Web API、获取DOM对象、操作元素内容、元素属性、定时器-间歇函数
1console.log(one.dataset.spm) // 不知道
2024-08-26 21:22:36
1036
原创 JavaScript学习文档（6）：什么是对象、对象使用、遍历对象、内置对象、术语解释
对象（ object) : JavaScript里的一种数据类型可以理解为是一种无序的数据集合，注意数组是有序的数据集合用来描述某个事物，例如描述一个人人有姓名、年龄、性别等信息、还有吃饭睡觉打代码等功能如果用多个变量保存则比较散，用对象比较统一比如描述班主任信息：静态特征(姓名,年龄，身高,性别,爱好)=>可以使用数字,字符串,数组,布尔类型等表示动态行为(点名,唱,跳, rap)=>使用函数表示。
2024-08-24 19:00:16
1194
原创 JavaScript学习文档（5）：为什么需要函数、函数使用、函数传参、函数返回值、作用域、匿名函数、逻辑中断
通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。函数可以把具有相同或相似逻辑的代码“包裹”起来，通过函数调用执行这些被“包裹”的代码逻辑，这么做的优势是有利于。作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突。需求：采取函数封装的形式:输入2个数，计算两者的和，打印到页面中。//函数调用，这些函数体内的代码逻辑会被执行。，只不过已经封装好了，我们直接使用的。函数不调用，就不会执行函数体里的代码。
2024-08-23 22:38:34
1933
原创 JavaScript学习文档（3）：流程控制、三元表达式、分支结构
switch语句也是多分支语句，它用于基于不同的条件来执行不同的代码。在一个程序执行的过程中，各条代码的执行顺序对程序的结果是有直接影响的。很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能。由上到下执行代码的过程中，根据不同的条件，执行不同的路径代码(执行代码多选一的过程），从而得到不同的结果。用户输入数字，如果数字小于10，则在前面补0，比如01,09，如果数字大于10，则不需要补，比如20。用户在弹出框里面输入一个水果，如果有就弹出该水果的价格，如果没有该水果就弹出“没有此水果。
2024-08-12 22:32:03
1025
原创 JavaScript学习文档（2）：数据类型、数据类型转换、运算符
使用表单、prompt获取过来的数据默认是字符串类型的，此时就不能直接简单的进行加法运算，而需要转换变量的数据类型。通俗来说，就是把一种数据类型的变量转换成另外一种数据类型。我们通常会实现3种方式的转换∶转换为字符串类型转换为数字型转换为布尔型。
2024-08-08 23:59:35
886
原创 JavaScript学习文档（1）：JavaScript概述、其组成部分、注释、输入输出语句以及变量
浏览器分成两部分∶渲染引擎和JS引擎渲染引擎︰用来解析HTML与CSS，俗称内核，比如chrome浏览器的blink，老版本的webkitJS引擎：也称为JS解释器。用来读取网页中的JavaScript代码，对其处理后运行，比如chrome浏览器的V8浏览器本身并不会执行JS代码，而是通过内置JavaScript引擎(解释器)来执行JS代码。JS引擎执行代码时逐行解释每一句源码（转换为机器语言），然后由计算机去执行，所以JavaScript语言归为脚本语言，会逐行解释执行。
2024-08-07 22:26:55
2038
原创 CSS学习文档（7）：2D转换、动画、浏览器私有前缀
（2）同时使用多个转换，其格式为:transform: translate( rotate() scale) ..等。它是CSS3中具有颠覆性的特征之一，可通过设置多个节点来精确控制一个或一组动画，常用来实现复杂的动画效果。是CSS3中具有颠覆性的特征之一，可以实现元素的位移、旋转、缩放等效果。2D移动是2D转换里面的一种功能，可以改变元素在页面中的位置，类似定位。（2）示例代码如下：（分页按钮案例）
2024-08-04 22:32:07
1028
原创 CSS学习文档（6）：HTML5的新特性、CSS3的新特性
注意：HTML5在不使用插件的情况下，也可以原生的支持音频格式文件的播放，当然，支持的格式是有限的。（1）视频----------常见属性（音频类似视频） （2）视频代码示例如下：3、新增的input类型重点记住：number、tel、seatsh代码示例如下所示：4、新增的表单属性代码示例如下所示：属性选择器可以根据元素特定属性的来选择元素。这样就可以不用借助于类或者id选择器。代码示例如下所示：结构伪类选择器主要根据文档结构来选择器元素，常用于
2024-07-31 23:13:20
1107
原创 CSS学习文档（5）：精灵图、CSS三角、用户界面样式、vertical-align属性应用、常见布局技巧
所谓的界面样式，就是更改一些用户操作样式，以便提高更好的用户体验。
2024-07-29 23:27:51
621
原创 CSS学习文档（4）：清除浮动、PS切图、定位、网页布局、显示与隐藏
目录一、清除浮动二、PS切图三、定位四、网页布局五、显示与隐藏总结：1、为什么要清除浮动（1）由于父级盒子很多情况下，不方便给高度，但是子盒子浮动又不占有位置，最后父级盒子高度为0时，就会影响下面的标准流盒子。（2）如下图所示：2、清除浮动本质清除浮动的本质是清除浮动元素脱离标准流造成的影响。3、清除浮动策略闭合浮动只让浮动在父盒子内部影响,不影响父盒子外面的其他盒子。4、清除浮动的方法：（1）父元素overflow可以给父级添加overflow 属性，将其属性值设置为hidden、auto或scroll代
2024-07-27 19:33:48
823
原创 CSS学习文档（3）：盒子模型、圆角边框、盒子阴影、常见图片格式、浮动
目录一、盒子模型二、圆角边框三、盒子阴影四、常见图片格式五、浮动六、总结1、网页布局过程2、组成部分（1）边框（border）（2）内边距（padding）padding属性用于设置内边距，即边框与内容之间的距离。padding属性可以有一到四个值：以上四种情况，在我们实际开发中经常遇到。代码如下所示：（3）外边距（margin）margin属性用于设置外边距，即控制盒子和盒子之间的距离。外边距的典型应用：外边距可以让块级盒子水平居中，但是必须满足两个条件:注意：以上方法是让块级元素水平居中，行内元素
2024-07-25 22:11:00
806
原创 CSS学习文档（2）：Emmet语法、复合选择器、元素显示模式、背景、三大特性
（1）在CSS中，可以根据选择器的类型把选择器分为基础选择器和复合选择器，复合选择器是建立在基础选择器之上，对基本选择器进行组合形成的。（1）层叠性：相同选择器给设置相同的样式，此时一个样式就会覆盖（层叠）另一个冲突的样式。（1）作用︰网页的标签非常多，在不同地方会用到不同类型的标签，了解他们的特点可以更好的布局我们的网页。元素1，元素2 { 样式声明 }
2024-07-24 22:08:48
1081
原创 CSS学习文档（1）：CSS是什么、语法规范、基础选择器、字体属性、文本属性
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。（1）规范声明如下图：（2）CSS语法代码规范如下：3.CSS 选择器的作用选择器(选择符)就是根据不同需求把不同的标签
2024-07-23 19:51:39
405
原创 前端第一天学习总结
今天学习了前端基础的一个基本路线，就对于H5+C3来说，学完许多标签和样式，自己动手做个静态网页才行，了解了网页的相关概念，什么是网页等，还学了一些关于浏览器的内核，内核相当于引擎，前端写代码遵循一套统一的web标准，HTML的基本语法结构，比如html、body这些，常用VScode工具来编写代码，简单便捷，DOCTYPE声明标签，lang=“en/zh-CN”，标签的语义，段落标题图片等语义，文本格式化比如字体加粗倾斜等，div/span，div单独一行，图像标签及路径的问题，还有目录文件夹和根目录，超
2024-07-22 18:41:01
150
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人