CodePoorFish-CSDN博客

原创 Promise 学习笔记

文章目录Promise1.什么是 Promise1.1回调地狱1.2Promise 基本概念2.Promise 的实际运用2.1使用回调函数实现2.2基于 then-fs(Promise) 读取文件内容3.Promise 中的其他用法3.1使用.catch() 捕获错误3.2 Promise.all()方法3.3 Promise.race()方法4.基于 Promise 封装读文件的方法参考Promise1.什么是 Promise1.1回调地狱在JavaScript的世界中，所有代码都是单线程执行的

2022-03-17 09:23:24 377

原创 ES6模块化

文章目录ES6模块化1.模块化的好处2.模块化的分类3.什么是ES6模块化规范4.在node.js 中使用ES6 模块化5.ES6 模块化的基本语法5.1 默认导出与默认导入5.2按需导入与按需导出5.3直接导入并执行模块中的代码ES6模块化1.模块化的好处所以程序员遵守同样的模块化规范写代码，降低了沟通成本，极大方便了各个模块之间的相互调用。2.模块化的分类在ES6模块化规范诞生之前，JavaScript社区已经尝试并提出了AMD、CMD、Common]S等模块化规范。但是，这些由

2022-03-16 12:46:37 1138

原创 webpack 学习笔记

webpack 学习笔记文章目录webpack 学习笔记什么是webpack？webpack 使用（问题引出）webpack的安装和配置webpack中的默认约定使用webpack插件webpack配置中的devServer 节点webpack中的loader打包处理CSS文件打包处理Less文件打包处理样式表中与url路径相关的文件打包处理JS文件中的高级语法打包发布配置 webpack 的打包发布把图片文件统一放到 image 目录中自动清理 dist 目录下的旧文件Source Map默认Sourc

2022-03-14 09:04:13 1002

原创 jQuery中的层次选择器

jQuery中的层次选择器常见的层次关系包括：父子、后代、兄弟、相邻。$(“M N”) 等价于 $(M).find(N)；表示选择后代。$(“M>N”) 等价于 $(M).children(N)；表示选择子代。$(“M~N”) 等价于 $(M).nextAll(N)；表示在兄弟之中选择后面所有兄弟。$(“M+N”) 等价于 $(M).next(N)；表示在兄弟之中只选择后面那个兄弟。HTML文件代码：<!DOCTYPE html><html lang="en"

2022-02-26 12:02:53 2564

原创 DOM 对象与jQuery对象之间的转换

DOM 对象与jQuery对象之间的转换DOM对象：也就是JS对象，是使用JavaScript语法创建的对象。jQuery对象：使用jQuery表示的对象叫做jQuery对象，jQuery对象表示的都i是数组。1.DOM对象转换为jQuery对象使用$() 可以把DOM对象转换成jQuery对象。语法：var name = $(DOM对象)html文件：<!DOCTYPE html><html lang="en"><head> <m

2022-02-26 11:35:24 2923

原创 JavaScript的构造函数和 JS的原型对象(prototype)

JavaScript的构造函数和 JS的原型对象(prototype)一、JS中的构造函数1、什么是构造函数在 JavaScript 中，用 new 关键字来调用的函数，称为构造函数。构造函数首字母一般大写（规范）；任何的函数都可以作为构造函数存在。之所以有构造函数与普通函数之分，主要从功能上进行区别的，构造函数的主要功能为初始化对象，特点是和 new 一起使用。2.举例function Person(name, age, gender) { this.name = name;

2022-02-26 11:34:22 530

原创 JavaScript DOM基础（1）

文章目录一、简介1、DOM是什么2、DOM结构3、节点类型二、获取元素1.getElementById()一、简介1、DOM是什么DOM，全称Document Object Model（文档对象模型），它是由W3C定义的一个标准。DOM里面有很多方法，我们通过它提供的方法来操作一个页面中的某个元素，例如改变这个元素的颜色、点击这个元素实现某些效果、直接把这个元素删除等。2、DOM结构DOM采用的是“树形结构”，用“树节点”形式来表示页面中的每一个元素。利用这种简单的“树形关系”，我们可以把各节

2022-02-08 15:27:13 464

原创 Java显示当前月的日历

下面这个程序将显示当前月的日历，且当前日期用一个*标记，如图：import java.time.DayOfWeek;import java.time.LocalDate;/** * @Author Hatsune Miku * @Date 2020/6/2 11:15 * @Version 1.0 */public class CalendarTest { public static void main(String[] args) { LocalDate dat

2022-02-05 22:50:21 555

原创 Java打印近似圆

通过API文档查询Math类的方法，打印出如下所示的近似圆，只要给定不同半径，圆的大小就会随之发生改变。如图：import java.util.Scanner;/** * 前提明确： * 1.该代码根据题意使用2个单位长作为一个半径长度单位，而使用1个单位高作为一个半径长度单位，即代码中的V * 2.该代码采用的半径计算方式为圆心纵坐标减去最高点的纵坐标，如图我们设其半径为5 * 3.该代码使用了字符串二维数组，作为改进可以修改为直接打印，从而减小开销 *

2022-02-05 22:48:17 630

原创 Java斗地主小案例（后台版）

import java.util.ArrayList;import java.util.Collections;/** * @Author HM.ming * @Date 2022/1/2 11:16 * @Version 1.0 * * 斗地主小案例：实现洗牌，发牌，看牌 */public class Demo01 { public static void main(String[] args) { // 1.创建牌 String[] color

2022-02-05 22:45:25 369

原创 JavaScript“字符串”与“数字”之间的转换

JavaScript“字符串”与“数字”之间的转换简述Number()的使用parseInt()和parseFloat()的使用“数字”转换为“字符串”简述在JavaScript中，要将字符串转换为数字，可以使用两种方式。Number();parseInt()和parseFloat();Number()方法可以将任何“数字型字符串”转换为数字。比如"123"、“3.1415"等这些只有数字的字符串即“数字型字符串”，而"hao123”、"100px"等就不是。parseInt()和parse

2022-02-05 20:32:40 1403

原创 CSS定位布局

CSS定位布局简介固定定位：fixed相对定位：relative绝对定位：absolute静态定位：static简介定位布局，相比较浮动布局的比较灵活但不容易控制，它能精准定位页面中的任意元素。但是，由于定位布局缺乏灵活性，也给空间大小和位置不确定的版面布局带来限制。CSS定位可以将一个元素精确地放在页面上指定的地方。布局定位共有四种方式：固定定位（fixed）相对定位（relative）绝对定位（absolute）静态定位（static）这四种方式都是通过position属性来实现的，

2022-02-04 09:20:47 1110

原创 CSS浮动布局

CSS浮动布局文档流简介1、正常文档流2、脱离文档流浮动文档流简介什么叫“文档流”？简单来说，就是指元素在页面中出现的先后顺序。可分为“正常文档流”和“脱离文档流”。1、正常文档流正常文档流，又称为“普通文档流”或“普通流”，也就是W3C标准所说的“normal flow”。正常文档流的简单定义是：“正常文档流，将一个页面从上到下分为一行一行的，其中块元素独占一行，相邻行内元素在每一行中按照从左到右排列直到该行排满。”即，正常文档流指的就是默认情况下页面元素的布局情况。如div、p、hr都是块元素

2022-02-03 21:00:34 869

原创 CSS盒子模型

CSS盒子模型概述1、内容区2、内边距3、外边距4、边框宽和高（width和height）边框（border）内边距（padding）外边距（margin）概述在CSS盒子模型理论中，页面中的所有元素都可以看成一个盒子，并且占据着一定的页面空间。下图为CSS盒子模型的具体结构。一个页面由很多这样的盒子组成，这些盒子之间会互相影响；每个元素都看成一个盒子，盒子模型是由content（内容）、padding（内边距）、margin（外边距）和border（边框）这四个属性组成的。此外，在盒子模型中，还有

2022-02-03 20:02:06 540

原创 CSS字体样式

CSS字体样式字体样式属性一、字体类型1.设置一种字体2.设置多种字体二、字体大小三、字体粗细四、字体风格五、字体颜色1、关键字2、16进制RGB值字体样式属性一、字体类型font-family可以指定多种字体。使用多个字体时，将按从左到右的顺序排列，并且以英文逗号‘,’ 隔开。1.设置一种字体<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <met

2022-01-30 20:24:06 7664

原创 Java泛型

Java泛型一、概述二、泛型的特性三、泛型的使用1、泛型类2、泛型接口3、泛型方法4、泛型的继承四、Java中的泛型通配符1、？无界通配符2、泛型限制的上下限五、泛型嵌套一、概述泛型的本质是为了参数化类型（在不创建新的类型的情况下，通过泛型指定的不同类型来控制形参具体限制的类型）。也就是说在泛型使用过程中，操作的数据类型被指定为一个参数，这种参数类型可以用在类、接口和方法中，分别被称为泛型类、泛型接口、泛型方法。一个例子（没有使用泛型）：优点：可以存储各种数据类型，因为默认情况下集合接受的是O

2022-01-29 22:37:39 764

原创 CSS选择器

CSS选择器一、id和class二、选择器2.1元素选择器2.2 id选择器一、id和classid和class都是用来选择元素，以便进行CSS操作或者JavaScript操作的。id属性具有唯一性，也就是说在一个页面中相同的id只能出现一次。我们可以为同一个页面的相同元素或者不同元素设置相同的class，然后使得具有相同class的元素具有相同的CSS样式。二、选择器选中你想要的元素的方式，我们称之为“选择器”。选择器，说白了就是用一种方式把你想要的那个元素选中！只有把它选中了，你才可以为

2022-01-29 22:07:43 6197

原创面向对象概述

写目录一、概述二、类与对象三、面向对象设计的特点1.封装2.继承3.多态一、概述面向对象（Object Oriented）的英文缩写是OO，它是一种设计思想。从20世纪60年代提出面向对象的概念到现在，它已经发展成为一种比较成熟的编程思想，其以人类习惯的思维方式，用对象来理解和分析问题，使开发软件的方法与过程尽可能接近人类认识的世界、解决问题的思维方法与过程。如我们经常听说的面向对象编程（Object Oriented Programming，即OOP）就是主要针对大型软件设计而提出的，它可以使软件设计

2020-07-03 20:01:33 5680 2

原创 Python 装饰器入门

一、*args 和 **kwargs在作为形参时，*args 将‘多余的’位置参数打包成元组，存储在 args 中；**kwargs 将‘多余的’关键字参数打包成字典，存储在 kwargs 中。作为实参时，它们的作用就是分解，*args 将元组分解成位置参数，并传递给函数；**kwargs 将字典分解成关键字参数，并传递给函数。一个栗子：def index(x, y): print(x, y)def wrapper(*args, **kwargs): index(args,

2020-05-21 17:51:48 267

原创 Python 递归函数、高阶函数、匿名函数和闭包

目录一、递归函数二、高阶函数三、匿名函数四、闭包一、递归函数递归函数是指在一个函数内部通过调用自己来求解一个问题。当我们在进行问题分解时，发现分解之后待解决的子问题与原问题有着相同的特性和解法，只是在问题的规模上与原问题相比有所减小，此时，就可以设计递归函数进行求解。比如，对于 n！问题就可以使用下列递归方法解决。def foo(n): if n==1: # 递归终止条件 return 1 return n * foo(n-1)print(foo(10))

2020-05-19 22:18:31 394

原创 Python变量的作用域

目录一、概要二、局部变量三、全局变量四、global关键字五、nonlocal 关键字一、概要变量的作用域是指变量的作用范围，即定义一个变量后，在哪些地方可以使用这个变量。按照作用域的不同，Python 中的变量可以分为局部变量和全局变量。二、局部变量在一个函数中定义的变量就是局部变量（包括形参），其作用域是从定义局部变量的位置至函数结束的位置。def foo(x): print('Foo 中的 x:', x) x = 100 print('Foo 中修改后的 x:', x

2020-05-19 15:54:40 1829

原创 Python 模块

目录一、什么是模块二、import 关键字三、from…import 语句四、搜索路径五、PYTHONPATH 变量一、什么是模块当要执行的代码比较长且需要重复使用时，我们通常将代码放在拓展名为 .py 的 Python 脚本文件中，且我们需要按照代码功能的不同，将代码分门别类地放在不同的脚本文件中，这些脚本称为模块。二、import 关键字模块定义好后，我们可以使用 import 语句来引入模块，语法如下：import module1import moudle2 ...import

2020-05-18 16:28:21 90

原创 Python函数入门

目录一、函数的简单定义和调用二、函数的参数1、形参与实参2、默认参数3、关键字参数4、不定长参数三、返回值一、函数的简单定义和调用在Python语言中，使用函数分为两个步骤：定义函数和调用函数。定义函数，需要使用 def 关键字，即根据函数的输入、输出和数据处理完成函数代码的编写。定义函数只是规定函数会执行什么操作，但不会真正的去执行。调用函数，即真正执行函数中的代码，是根据传入的数据完成特定的运算，并将运算结果返回函数调用位置的过程。定义函数的语法：def 函数名(参数1,参数2,...)

2020-05-17 15:27:14 590

原创 Python格式化输出入门了解

目录一、使用占位符二、format格式化三、f-String格式化一、使用占位符%s：针对所有数据类型%d：仅仅针对数字整型%f：仅仅针对数字浮点型上栗子：age = 20name = 'goodBoy'res = "My name is %s, my age is %s" %(name, age)res_ = "My name is %s, my age is %d" %(name, age)print(res)print(res_)# 输出结果My name is g

2020-05-14 23:14:12 147

原创 Python垃圾回收机制简单介绍

目录概述1、什么是垃圾2、什么是垃圾回收机制3、垃圾回收机制的作用引用计数1、原理2、引用介绍3、引用计数增加的情况4、引用计数减少的情况5、引用计数存在的问题标记清除分代回收概述1、什么是垃圾我们定义变量时，是将变量名与变量值关联的一个过程，其目的就是为了通过变量名去引用到我们所需要的变量值。当一个变量值不再绑定任何引用（变量名）时，我们就无法再访问到该变量值了，该变量值自然就是没有用的，我们就将其称之为垃圾。2、什么是垃圾回收机制垃圾回收机制（简称GC）是Python解释器自带一种机制，专门用

2020-05-12 17:40:47 196

原创 Python数据类型

目录1、数字类型1.1、整形1.2、浮点型1.3、复数类型2、字符串（String）类型3、列表（List）类型4、元组和集合类型4.1、元组（Tuple）4.2、集合（Set）5、字典（Dictionary）类型Python语言常用的内置数据类型包括Number (数字)、String (字符串)、List (列表)、Tuple (元组)、Set (集合) 和 Dictionary (字典)。1、数字类型Python中有三种不同的数字类型，分别是 int (整形)、float (浮点型) 和 com

2020-05-10 14:33:45 726

原创 Python 中的变量

目录1、变量与常量2、如何使用变量？3、定义变量3.1、定义一个变量3.2、同时定义多个变量4、变量名的命名规则5、变量值5.1、变量值的三个特征5.2、变量值的比较5.2.**、小整数池1、变量与常量在编写程序时，表示数据的量可以分为两种：常量和变量。常量，是指在程序运行过程中值不能发生改变的量，如一些具体的值：1、3.5、3+4j、“abc”等。变量，是指在程序运行过程中值可以发生改变的量。比如人的年龄，游戏角色的等级、金钱等；Python中的每一个变量都需要指定一个名字，如：name、x、t

2020-05-08 18:53:33 483

weixin_43350001的博客