![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端学习记录
文章平均质量分 95
本专栏用于记录所有前端相关学习情况。
同时会再分别细分出 HTML、CSS、JavaScript、浏览器、框架等具体专栏。
相关文章可能同时存在于多个专栏。
山药泥拌饭
这个作者很懒,什么都没留下…
展开
-
前端学习记录~2023.8.19~JavaScript重难点实例精讲~第7章 ES6(2)
本章是第七章ES6相关的内容,也是最后一章。本篇为第二篇,后面还有一篇。现在ES6使用非常广泛,新增的箭头函数、类、Promise等新特性,可以方便地处理很多复杂的操作,极大地提高了开发效率。本章会记录ES6中最常用的新特性let和const关键字解构赋值模板字符串箭头函数Symbol类型Set和Map数据结构ProxyReflectPromiseIteratorGenerator函数Class及其用法Module及其用法。原创 2023-10-05 16:16:24 · 387 阅读 · 0 评论 -
JavaScript学习记录 | DOM事件流 事件冒泡-事件捕获-事件委托
通过事件委托,我们可以将事件处理程序绑定到父级元素,而不是直接绑定到每个子元素,从而减少了事件处理程序的数量,提高了性能和代码的可维护性。事件委托:事件委托是利用事件冒泡原理实现的,就是事件目标自身不处理事件,而是把处理任务委托给其父元素或者祖先元素,甚至根元素。DOM事件流的三个阶段:捕获阶段 -> 目标阶段 -> 冒泡阶段。使用事件委托时,如果注册到目标元素上的其他事件处理程序使用了。当事件处于目标阶段时,事件调用顺序决定于绑定事件的书写顺序。目的:解决页面中的事件流(事件发生顺序)的问题。原创 2023-09-18 03:34:47 · 213 阅读 · 0 评论 -
前端学习记录~2023.8.15~JavaScript重难点实例精讲~第7章 ES6(1)
本章是第七章ES6相关的内容,也是最后一章。现在ES6使用非常广泛,新增的箭头函数、类、Promise等新特性,可以方便地处理很多复杂的操作,极大地提高了开发效率。本章会记录ES6中最常用的新特性let和const关键字解构赋值模板字符串箭头函数Symbol类型Set和Map数据结构ProxyReflectPromiseIteratorGenerator函数Class及其用法Module及其用法在给构造函数添加原型函数时,如果使用箭头函数,其中的。原创 2023-08-26 16:43:48 · 1024 阅读 · 0 评论 -
前端学习记录~2023.8.10~JavaScript重难点实例精讲~第6章 Ajax
本章是第六章Ajax相关的内容。Ajax是一种流行的前后端数据交互的方式,通过异步请求就可以在不需要刷新页面的情况下,达到局部刷新的效果。使用CSS和XHTML做页面呈现使用DOM进行交互和动态显示使用XMLHttpRequest对象和服务器进行异步通信使用JavaScript进行绑定和调用,操作DOMAjax的基本原理及执行过程Nodejs搭建简易服务器Ajax提交form表单Ajax进度事件JSON序列化和反序列化Ajax跨域解决方案。原创 2023-08-24 03:02:37 · 1111 阅读 · 0 评论 -
前端学习记录~2023.8.3~JavaScript重难点实例精讲~第5章 DOM与事件
本章是第五章DOM与事件相关的内容。DOM是文档对象模型,全称为Document Object Model。DOM用一个逻辑树来表示一个文档,树的每个分支终点都是一个节点,每个节点都包含着对象。DOM提供了对文档结构化的表述,通过绑定不同的事件可以改变文档的结构、样式和内容,从而能实现“动态”的页面。DOM选择器常用的DOM操作事件流和事件处理程序Event对象事件委托contextmenu右键事件文档加载完成事件浏览器重排和重绘删除一个元素的文本节点需要 3 步(方法一。原创 2023-08-20 18:57:03 · 284 阅读 · 0 评论 -
前端学习记录~2023.7.30~JavaScript重难点实例精讲~第4章 对象
本章是第四章对象相关的内容。JavaScript虽然是一门弱类型语言,但它同样是一门面向对象的语言,严格来说它是一门基于原型的面向对象的语言。对象的属性和访问方式创建对象对象拷贝原型对象继承instanceof 运算符这个是实现深拷贝最好的方式,刚才提到的问题全部可以解决。在自定义实现深拷贝时,需要针对不同的数据类型做针对性的处理,因此我们会先实现判断数据类型的函数,并将所有函数封装在一个辅助类对象中,这里用“_”表示(类似于underscore类库对外暴露的对象)/**原创 2023-08-10 21:40:12 · 293 阅读 · 0 评论 -
前端学习记录~2023.7.26~JavaScript重难点实例精讲~第3章 函数
本章是第三章函数相关的内容。函数包括了作用域、原型链、闭包等核心知识点,非常关键。函数的定义与调用函数参数构造函数变量提升与函数提升闭包this使用详解call()函数、apply()函数、bind()函数的使用与区别在JavaScript中,函数实际也是一种对象,每个函数都是Function类型的实例,能够定义不同类型的属性与方法。函数声明函数表达式Function 构造函数function关键字+函数名+形参+函数体。原创 2023-08-04 20:02:59 · 529 阅读 · 0 评论 -
前端学习记录~2023.7.24~JavaScript重难点实例精讲~第2章 引用数据类型
本篇为第2章引用数据类型。主要涉及Object类型、Array类型、Date类型。其他类型在后面章节再记录。引用数据类型主要用于区别基本数据类型,描述的是具有属性和函数的对象。JavaScript中常用的引用数据类型包括Object类型、Array类型、Date类型、RegExp类型、Math类型、Function类型以及基本数据类型的包装类型,如Number类型、String 类型、Boolean类型等。引用数据类型的实例需要通过new操作符生成,有的是显式调用,有的是隐式调用引用数据类型的。原创 2023-08-01 04:57:50 · 317 阅读 · 0 评论 -
前端学习记录~2023.7.22~JavaScript重难点实例精讲~第1章 Javascript重点概念
从本篇开始记录《Javascript重难点实例精讲》,关于Javascript系列预计从这本书出发,接着再通过《Javascript高等程序设计》和阮一峰老师的ES6教程进行完善本篇为第1章 Javascript重点概念js中的number类型及包括整型数据,也包括浮点型数据基本采用是十进制八进制:首位是0,其他位必须是0~7的八进制序列。如024就是十进制20十六进制:前两位必须是0x,其他位是十六进制序列(0~9,a~f或者A~F)。如0x3f是十进制63。原创 2023-07-25 09:01:36 · 272 阅读 · 0 评论 -
前端学习记录~2023.7.18~CSS杂记 Day10 媒体查询入门 & 传统布局方法 & 支持旧浏览器
由于有很多知识非常符合直觉或者和其他语言有通用性,因此个人觉得不需要全部记下来,本篇只记录一些个人觉得需要注意或单独记忆的知识点。本篇涉及媒体查询入门、传统的布局方法和支持旧浏览器不出意外本篇会是 CSS 的最后一篇对媒体查询这章节的建议就是,你可能根本不需要它!但是,实践中你会发现,由媒体查询改进的现代布局方式的恰当使用,将会产生最佳效果。本篇是 CSS 篇的最终章。原创 2023-07-20 16:43:09 · 122 阅读 · 0 评论 -
前端学习记录~2023.7.17~CSS杂记 Day9 浮动float & 定位position & 多列布局 & 响应式设计
由于有很多知识非常符合直觉或者和其他语言有通用性,因此个人觉得不需要全部记下来,本篇只记录一些个人觉得需要注意或单独记忆的知识点。同时为了提高效率和减少对不重要内容的时间投入,会考虑更加精简。相比前两篇,本篇更详细记录了浮动、定位和多列布局。同时记录了响应式设计当元素开始重叠,可以通过z-index属性更改堆叠顺序。默认情况下,定位的元素都具有z-index为auto,实际上为0。较高的值将高于较低的值,比如设置为1就会在更上面需要注意,z-index只接受无单位索引值只记录了 CSS 的部分内容。原创 2023-07-18 10:40:31 · 1387 阅读 · 0 评论 -
前端学习记录~2023.7.16~CSS杂记 Day8 正常布局流 & 弹性盒子flexbox & 网格 grid
由于有很多知识非常符合直觉或者和其他语言有通用性,因此个人觉得不需要全部记下来,本篇只记录一些个人觉得需要注意或单独记忆的知识点。同时为了提高效率和减少对不重要内容的时间投入,会考虑更加精简。相比上一篇总览,本篇更详细记录了正常布局流、弹性盒子和网格三种布局。长久以来,CSS 布局中唯一可靠且跨浏览器兼容的创建工具只有 floats 和 positioning。在父内容里面垂直居中一个块内容使容器的所有子项占用等量的可用宽度/高度,而不管有多少宽度/高度可用。原创 2023-07-18 04:02:05 · 587 阅读 · 0 评论 -
前端学习记录~2023.7.15~CSS杂记 Day7 布局概述 & 正常布局流 & 弹性盒子flexbox & 网格grid & 浮动float & 定位position & 表格布局 & 多列布局
由于有很多知识非常符合直觉或者和其他语言有通用性,因此个人觉得不需要全部记下来,本篇只记录一些个人觉得需要注意或单独记忆的知识点。同时为了提高效率和减少对不重要内容的时间投入,会考虑更加精简本篇是布局概览,下一篇会把各部分再详细整理正常布局流display属性弹性盒子网格浮动定位CSS 表格布局多列布局只记录了 CSS 的部分内容。原创 2023-07-16 20:57:23 · 432 阅读 · 0 评论 -
前端学习记录~2023.7.13~CSS杂记 Day6 字体样式 & 文本布局 & 列表样式 & 样式化链接 & web字体
由于有很多知识非常符合直觉或者和其他语言有通用性,因此个人觉得不需要全部记下来,本篇只记录一些个人觉得需要注意或单独记忆的知识点。同时为了提高效率和减少对不重要内容的时间投入,会考虑更加精简:允许为项目符号使用自定义图片,而不是简单的方形或圆形ul {然而,这个属性在控制项目符号的位置,大小等方面是有限的。最好使用background系列属性只记录了 CSS 的部分内容。原创 2023-07-16 03:48:44 · 307 阅读 · 0 评论 -
前端学习记录~2023.7.10~CSS杂记 Day5 样式化表格 & 调试CSS & 组织CSS
由于有很多知识非常符合直觉或者和其他语言有通用性,因此个人觉得不需要全部记下来,本篇只记录一些个人觉得需要注意或单独记忆的知识点。同时为了提高效率和减少对不重要内容的时间投入,会考虑更加精简只记录了 CSS 的部分内容。原创 2023-07-13 04:36:02 · 308 阅读 · 0 评论 -
前端学习记录~2023.7.3~CSS杂记 Day4 溢出 & CSS的值与单位 & 调整大小 & 图像、媒体和表单元素
由于有很多知识非常符合直觉或者和其他语言有通用性,因此个人觉得不需要全部记下来,本篇只记录一些个人觉得需要注意或单独记忆的知识点。同时为了提高效率和减少对不重要内容的时间投入,会考虑更加精简只记录了 CSS 的部分内容。原创 2023-07-12 05:25:41 · 156 阅读 · 0 评论 -
前端学习记录~2023.6.30~CSS杂记 Day3 背景 & 边框 & 处理不同方向的文本
由于有很多知识非常符合直觉或者和其他语言有通用性,因此个人觉得不需要全部记下来,本篇只记录一些个人觉得需要注意或单独记忆的知识点。同时从本篇开始为了提高效率和不重要的时间投入,会考虑更加精简只记录了 CSS 的部分内容。原创 2023-07-03 21:32:00 · 77 阅读 · 0 评论 -
前端学习记录~2023.6.28~CSS杂记 Day2 盒模型
由于有很多知识非常符合直觉或者和其他语言有通用性,因此个人觉得不需要全部记下来,本篇只记录一些个人觉得需要注意或单独记忆的知识点完整的 CSS 盒模型应用于块级盒子内联盒子只使用盒模型中定义的部分内容。模型定义了盒的每个部分 ———— 合在一起就可以创建我们在页面上看到的内容。为了增加一些额外的复杂性,有一个标准的和替代(IE)的盒模型只记录了 CSS 的部分内容。原创 2023-06-30 17:01:17 · 125 阅读 · 0 评论 -
前端学习记录~2023.6.24~CSS杂记 Day1 层叠、优先级和继承 & 函数 & @规则 & CSS工作流程 & 选择器
由于有很多知识非常符合直觉或者和其他语言有通用性,因此个人觉得不需要全部记下来,本篇只记录一些个人觉得需要注意或单独记忆的知识点只记录了 CSS 的部分内容。原创 2023-06-28 16:55:56 · 287 阅读 · 0 评论 -
前端学习记录~2023.6.15~HTML杂记
由于有很多知识非常符合直觉或者和其他语言有通用性,因此个人觉得不需要全部记下来,本篇只记录一些个人觉得需要注意或单独记忆的知识点只记录了 html 的部分内容。原创 2023-06-21 16:49:34 · 77 阅读 · 0 评论 -
前端学习记录~2023.6.8~JavaScript基础
本次只是整理记录 MDN 网站上最前面的基础入门的三大件基础,后续会分别专门深入探究。本次只是基本入门,后续会更详细探究。原创 2023-06-10 14:33:54 · 66 阅读 · 0 评论 -
前端学习记录~2023.6.6~CSS基础
本次只是整理记录 MDN 网站上最前面的基础入门的三大件基础,后续会分别专门深入探究。本次只是基本入门,后续会更详细探究。原创 2023-06-09 14:40:15 · 47 阅读 · 0 评论 -
前端学习记录~2023.6.5~HTML基础
本次只是整理记录 MDN 网站上最前面的基础入门的三大件基础,后续会分别专门深入探究。本次只是基本入门,后续会更详细探究。原创 2023-06-05 22:55:16 · 63 阅读 · 0 评论 -
前端学习记录~2023.6.1~Web入门
在经过前一个月的刷题与博客记录后,和已经工作两年多的两个前端同学聊天以及请教前端准备路线时,忽然才意识到似乎策略严重有问题。还剩一个月左右就将开启24年的秋招,然而虽然算法和数据结构确实进步颇多,但作为前端工程师可能更重要或者说更为基础更必要的理应是前端相关的知识,前端三大件、浏览器、计算机网络、前端框架等,然而对于这些,目前的进展非常惨不忍睹,尤其是在当前这么紧张的时间下更应该重新审视和规划后续的任务计划,重新判定所有要做的事的优先级。原创 2023-06-04 16:06:55 · 59 阅读 · 0 评论