![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端笔记
文章平均质量分 84
自我学习笔记
CodePoorFish
这人很懒,还不喜欢敲代码
展开
-
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 · 200 阅读 · 0 评论 -
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 · 1113 阅读 · 0 评论 -
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 · 940 阅读 · 0 评论 -
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 · 2508 阅读 · 0 评论 -
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 · 2871 阅读 · 0 评论 -
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 · 510 阅读 · 0 评论 -
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 · 449 阅读 · 0 评论 -
JavaScript“字符串”与“数字”之间的转换
JavaScript“字符串”与“数字”之间的转换简述Number()的使用parseInt()和parseFloat()的使用“数字”转换为“字符串”简述在JavaScript中,要将字符串转换为数字,可以使用两种方式。Number();parseInt()和parseFloat();Number()方法可以将任何“数字型字符串”转换为数字。比如"123"、“3.1415"等这些只有数字的字符串即“数字型字符串”,而"hao123”、"100px"等就不是。parseInt()和parse原创 2022-02-05 20:32:40 · 1375 阅读 · 0 评论 -
CSS定位布局
CSS定位布局简介固定定位:fixed相对定位:relative绝对定位:absolute静态定位:static简介定位布局,相比较浮动布局的比较灵活但不容易控制,它能精准定位页面中的任意元素。但是,由于定位布局缺乏灵活性,也给空间大小和位置不确定的版面布局带来限制。CSS定位可以将一个元素精确地放在页面上指定的地方。布局定位共有四种方式:固定定位(fixed)相对定位(relative)绝对定位(absolute)静态定位(static)这四种方式都是通过position属性来实现的,原创 2022-02-04 09:20:47 · 1008 阅读 · 0 评论 -
CSS浮动布局
CSS浮动布局文档流简介1、正常文档流2、脱离文档流浮动文档流简介什么叫“文档流”?简单来说,就是指元素在页面中出现的先后顺序。可分为“正常文档流”和“脱离文档流”。1、正常文档流正常文档流,又称为“普通文档流”或“普通流”,也就是W3C标准所说的“normal flow”。正常文档流的简单定义是:“正常文档流,将一个页面从上到下分为一行一行的,其中块元素独占一行,相邻行内元素在每一行中按照从左到右排列直到该行排满。”即,正常文档流指的就是默认情况下页面元素的布局情况。如div、p、hr都是块元素原创 2022-02-03 21:00:34 · 747 阅读 · 0 评论 -
CSS盒子模型
CSS盒子模型概述1、内容区2、内边距3、外边距4、边框宽和高(width和height)边框(border)内边距(padding)外边距(margin)概述在CSS盒子模型理论中,页面中的所有元素都可以看成一个盒子,并且占据着一定的页面空间。下图为CSS盒子模型的具体结构。一个页面由很多这样的盒子组成,这些盒子之间会互相影响;每个元素都看成一个盒子,盒子模型是由content(内容)、padding(内边距)、margin(外边距)和border(边框)这四个属性组成的。此外,在盒子模型中,还有原创 2022-02-03 20:02:06 · 512 阅读 · 0 评论 -
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 · 7331 阅读 · 0 评论 -
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 · 6169 阅读 · 0 评论