![](https://img-blog.csdnimg.cn/20201225134846938.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
文章平均质量分 91
整理各种前端知识
ItDaChuang
计算机系学生,新号总结各种计算机知识。
展开
-
JS中原生对象 JSON 知识总结(JSON实现对象的深拷贝)
根据《JavaScript 高级程序设计》第4版第23章总结 JSON 的相关知识原创 2023-03-21 14:26:53 · 1290 阅读 · 0 评论 -
Vue组件原理知识(1)
介绍了Vue中组件的底层原理,基本使用方法。设计到组件的创建、注册与使用以及相关注意事项。也分析了组件与 Vue 之间的原型关系。原创 2023-03-09 15:10:04 · 1518 阅读 · 2 评论 -
Vue 中过滤器 filter 使用教程
详细介绍 vue2 中过滤器的使用方法原创 2023-02-28 21:06:09 · 3549 阅读 · 0 评论 -
Object.defineProperty设置对象属性
js中数据属性与访问器属性原创 2022-10-19 22:09:12 · 689 阅读 · 0 评论 -
JS中函数(三)(闭包、IIFE、私有变量等)
JS中函数(三)(闭包????IIFE????私有变量等) 这是 JS 函数章节中的第三部分类容,也是最后一部分,最重要的一部分内容,其中的闭包无论在面试过程中还是理解 JS 其他重要知识点中都尤为重要。本部分除了闭包,还讲到立即执行函数,私有变量,静态私有变量,模块模式及模块增强模式。10.14、闭包 闭包指的是那些引用了另一个函数作用域中变量的函数,闭包让你可以在一个内层函数中访问到其外层函数的作用域。通常是在嵌套函数中实现的。比如前文中写过的 createComparisonFunction原创 2021-10-28 21:34:36 · 609 阅读 · 1 评论 -
PC 端网页特效一(offset、client、scroll)
结合案例详细总结网页特效中offset、client、scroll三大系列知识原创 2021-10-27 21:55:46 · 433 阅读 · 0 评论 -
JS中函数(一)(箭头函数、函数参数、扩展操作符)
JS中函数(一)(箭头函数、函数参数、扩展操作符) 本博文按照 JavaScript 高级程序设计第10章详细总结函数的相关知识,防止内容过长,分了两部分,这是第一部分。设计到函数的四种创建方式、箭头函数、函数的参数、扩展符操作在函数中的运用等知识。本章内容函数表达式、函数声明及箭头函数默认参数及扩展操作符使用函数实现递归使用闭包实现私有变量 在 ECMAScript 中,每个函数都是 Function 类型的实例,都是对象,拥有属性和方法。函数名就是指向函数对象的指针,而且不一定与函原创 2021-10-07 22:32:20 · 1465 阅读 · 0 评论 -
JS中函数(二)(arguments、this、call、apply、bind、TCP)
这是函数章节第二部分总结内容。设计到函数内部的 arguments、this、caller、new.target 等属性和 apply、call、bind 方法。以及递归、ES6 后的尾调用优化TCP的相关内容。原创 2021-10-27 16:55:43 · 239 阅读 · 0 评论 -
前端面试题 ---- 手撕JavaScript call apply bind 函数(超详细)
面试题 - 手撕JavaScript call apply bind 函数(超详细总结)原创 2021-10-26 17:36:50 · 760 阅读 · 1 评论 -
JS 中 Math 内置对象知识总结
JS 中 Math 内置对象知识总结5.4.2 Math Math 对象作为保存数学公式、信息和计算的地方。提供了一些辅助计算的属性和方法。 注意: Math 对象提供的计算比直接在 JavaScript 实现的快得多, 因为 Math 对象使用了 JavaScript 引擎中更高效的实现和处理器指令。但使用 Math 计算的问题是精度会因浏览器、操作系统、指令集和硬件而异。01. Math 对象属性 Math 对象的属性用于保存数学中的一些特殊值。属性说明Math.E原创 2021-10-22 16:23:26 · 196 阅读 · 0 评论 -
JS 中事件流和事件处理程序(详细整理)
JS 中事件流和事件处理程序 JavaScript 与 HTML 的交互是通过事件实现的,事件代表文档或浏览器窗口中某个有意义的时刻(用户或浏览器执行了某种动作)。可以使用仅在事件发生时执行的监听器(也叫处理程序)来订阅事件。这个模型叫 “观察者模式”,其能够做到页面行为(在 JavaScript 中定义)与页面展示(在 HTML 和 CSS 中定义) 的分离。一、事件流 当你点击一个按钮时,实际上不光点击了这个按钮,还点击了它的容器以及整个页面。这个点击产生了不止一个事件。而是一个事件流。原创 2021-10-12 01:34:47 · 963 阅读 · 0 评论 -
ES6 中新增的 Symbol(符号) 类型基本知识点总结
Symbol 类型 Symbol(符号)是 ES6 新增的一种简单(原始)数据类型。符号是原始值,且符号的实例是唯一、不可变的。符号的用途是确保对象属性使用唯一标识符,不会发生属性冲突的危险。符号就是用来创建唯一记号,进而用作非字符串形式 的对象属性。一、符号的基本用法 符号需要使用 Symbol() 函数初始化。因为符号是原始类型,所以 typeof 操作符对符号返回symbol。let sym = Symbol();console.log(typeof sym); // symbol原创 2021-10-11 02:31:51 · 700 阅读 · 0 评论 -
JS 中闭包的深刻理解(结合执行上下文和作用域的内容看一定能看懂)
JS 中闭包的深刻理解 大部分学习 JS 的初学者总是对闭包、作用域链、执行上下文这些概念搞得云里雾里的,在学习的过程中,我也被困扰过,于是狠下心详细总结整理这份笔记,用于自己复习和给初学者参考。建议先看看执行上下文与作用域再看这部分内容就很容易理解了,个人觉得难点是执行上下文和作用域的理解。整理不易,点赞收藏吧~ 闭包指的是那些引用了另一个函数作用域中变量的函数,通常是在嵌套函数中实现的。比如前文中写过的 createComparisonFunction() 函数。function create原创 2021-10-08 22:28:37 · 173 阅读 · 1 评论 -
ES6中的TCP尾调用优化问题
ES6中的TCP尾调用优化问题一、什么是尾调用优化 TCP (Tail Call Optimization) 先来明白什么是尾调用:即外部函数的返回值是一个内部函数的返回值。比如:function outerFunction() { return innerFunction(); // 尾调用} ECMAScript6 规范新增了一项内存管理优化机制,让 JavaScript 引擎在满足条件时可以重用栈帧。这项优化非常适合“尾调用”。 在ES6 优化之前,执行这个例子会在内存中发生如下原创 2021-10-08 19:40:37 · 160 阅读 · 0 评论 -
JS中执行上下文与作用域【⭐️重点理解】讲执行上下文最详细的博文
JS中执行上下文与作用域【⭐️重点理解】 执行上下文是理解 JS 运行过程中一个很重要的概念。相当重要。本博文根据 JavaScript 高级程序设计第四版相关内容和网上的相关视频整理,详细总结了执行上下文当中内容,看完一定能明白 JS 的运行过程。 当你在网上查询执行上下文的内容时,你一定知道了JS 的预处理过程,也就是变量提升呀!函数提升等。这就是 JavaScript 在执行语句前,经过了一系列的“准备” ,为代码的执行创造一个“教室”----执行上下文 教室里会有很多上课需要的东西,如记原创 2021-10-07 13:47:57 · 1034 阅读 · 4 评论 -
JS 中对象、类与面向对象编程(一)(创建对象的一步一步优化过程)
JS 中对象的创建(一) 该系列博客会详细介绍创建对象的具体过程,从最原始的创建对象==>用工厂模式==>构造函数模式==>原型模式,一步步改进,讲述底层的原理,涉及到原型的相关概念,都会总结的很清楚,内容按照 JavaScript高级程序设计第四版相关章节知识总结。防止文章内容太长,将其拆分为几个部分,这是第一部分。 该部分介绍:从最原始的创建对象==>用工厂模式==>构造函数模式。其中涉及每种方式解决的问题,以及还存在的问题,一步一步优化。为后面的原型模式,类的相关原创 2021-10-07 00:34:49 · 341 阅读 · 0 评论 -
JS 中对象、类与面向对象编程(二)(原型的相关知识)
JS 中对象的创建(二) 对象的创建第二部分的内容:主要是理解原型,涉及函数、原型对象、prototype、constructor、_proto_、原型链的相关概念,以及查看、设置对象原型等方法。看完这部分内容,你将深刻理解它们。 上一部分中介绍了创建对象的几种方式以及存在的问题,包括构造函数依然存在对象的方法重复定义的问题,如果将方法移至全局范围,可以解决对象方法的共享,但会污染全局环境,也没有让对象的属性和方法聚集在一起。接下来我们进入原型模式,这部分涉及到的知识点很多,比较底层,如果有些地方先原创 2021-10-07 00:53:54 · 205 阅读 · 0 评论 -
JS 中对象的深浅拷贝(ES3、ES5、ES6不同方法底层实现,一文搞清楚深浅拷贝面试常问题)
JS 中对象的深浅拷贝 拷贝我们都知道这个词的意思,我们经常做过复制、粘贴的操作,其中的复制就是拷贝,那么在拷贝的时候,如果我们复制出来的内容和原内容是完全的分开,各自不相影响,那么这就属于深拷贝,如果不是完完全全的分开的,在某些情况下修改其一,另一方也会跟着改变,那么这就是浅拷贝。 在 JS 中,我们知道有两种类型值,① 原始值 ② 引用值,对于这两种值的复制情况是不一样的。不清楚的可以参考JS 中原始值和引用值的区别。一、浅拷贝1.1 原始值和引用值的拷贝 先来看看对原始值和引用值的拷贝原创 2021-10-05 05:10:34 · 1275 阅读 · 3 评论 -
JS 中Array数组类型详细知识点总结
按照最新的 JavaScript 高级程序设计第四版 总结整理第六章第二节的数组相关知识点。原创 2021-09-30 12:34:33 · 1969 阅读 · 0 评论 -
DOM之操作页面元素
结合小案例,超详细的总结JS中对元素对象的操作处理。看完这个,自己动手写写保证学会。原创 2021-09-27 20:20:22 · 326 阅读 · 0 评论 -
DOM之获取页面元素方法总结
详细总结用JS 获取网页元素的方法,包含通过 id 、类名、标签名、选择器等方式。原创 2021-09-27 14:08:57 · 872 阅读 · 0 评论 -
CSS3之动画效果(面试常问知识点)
详细结合案例讲解CSS3 中的动画知识点。原创 2021-09-27 02:15:44 · 883 阅读 · 0 评论 -
CSS3中的2D转换(位移、旋转、缩放)
以案例的形式展现CSS3中的2D转换,包含位移translate/旋转rotate/缩放scale的相关知识和特点。原创 2021-09-26 22:54:16 · 1733 阅读 · 0 评论 -
CSS3新增特性(盒子模型、滤镜filter、calc函数、过渡)
总结整理CSS3中新增的相关属性:盒子模型(box-sizing)、图片模糊(filter:blur())、calc函数、过渡(transition)。原创 2021-09-24 00:23:16 · 327 阅读 · 0 评论 -
CSS3 新增选择器(属性选择器、结构伪类选择器、伪元素选择器)
详细总结CSS3中新增的3中选择器。原创 2021-09-23 19:58:57 · 908 阅读 · 0 评论 -
ES6中var let const三种变量(一文弄清楚)
详细总结ES6后js声明变量var let const三种方式与区别原创 2021-09-17 15:05:59 · 889 阅读 · 0 评论 -
HTML语言中<script>标签的八个属性介绍
JavaScript高级程序设计(第4版)中<script>标签的八种属性介绍,不是很重要,当一个笔记查询使用。原创 2021-06-30 20:59:04 · 1063 阅读 · 0 评论 -
4.1 JS中原始值和引用值的区别
详细总结js中基本数据类型与引用数据类型的区别,基础知识点总结。原创 2021-06-22 18:28:03 · 235 阅读 · 0 评论 -
JavaScript中的9种控制流语句
全面详细总结JS中的控制流语句(内容基础,适合初学者)原创 2021-06-21 19:44:40 · 395 阅读 · 0 评论 -
BOM 浏览器对象模型(详细总结JS基础中的BOM相关知识)
BOM 浏览器对象模型目标:能够说出什么是 BOM能够知道浏览器的顶级对象 window能够写出页面加载时间以及注意事项能够写出两种定时器函数并说出区别能够说出 JS 执行机制能够使用 location 对象完成页面之间的跳转能够知晓 navigator 对象涉及的属性能够使用 history 提供的方法实现页面刷新一、BOM 简介1.1 什么是 BOM ?BOM(Browser Object Model)即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对原创 2021-03-29 18:53:53 · 360 阅读 · 0 评论 -
JavaScript预解析
JavaScript预解析一、预解析 在理解 JS 的预解析前,我们先来看几个简单的代码程序,看看都会出现什么结果。代码一:没有声明 num 变量,直接在控制台打印 num 变量。<script> console.log(num);</script>代码二:先在控制台打印 num 变量,之后在声明并赋值。<script> console.log(num); var num = 10;</script>代码三:先调用函数,之后原创 2021-03-03 15:32:42 · 134 阅读 · 1 评论 -
CSS 的三种元素显示模式(块、行内、行内块详细整理笔记)
详细整理CSS的三种元素显示模式,代码示例演示特点。以及三种模式的转换和运用。原创 2020-12-30 15:28:16 · 2165 阅读 · 0 评论 -
四种CSS 复合选择器
接着【四种CSS 基础选择器】整理总结【四种CSS 复合选择器】相关知识,包括后代选择器、子选择器、并集选择器和伪类选择器原创 2020-12-23 02:50:47 · 2348 阅读 · 0 评论 -
快速掌握CSS知识(1)
本系列博文将全面细致的总结整理CSS的相关知识,这是第一部分,其中包括CSS简介、CSS的基本选择器、CSS的字体属性、CSS的文本属性、以及CSS的三种引入方式。原创 2020-12-21 18:18:10 · 305 阅读 · 2 评论 -
CSS 引入 HTML 的三种方式
总结 CSS 引入到 HTML 中的三种方式原创 2020-12-21 18:08:40 · 11145 阅读 · 0 评论 -
最简洁的【CSS文本属性】知识总结
系统全面总结常用的CSS文本属性,包括设置文本颜色、文本装饰线、文本水平对齐方式、文本第一行的缩进及文本的行高。原创 2020-12-21 16:29:19 · 132 阅读 · 0 评论 -
CSS的盒子模型
一、什么是盒子模型网络布局要学习三大核心,盒子模型,浮动,定位,学好盒子模型能非常好的帮助我们布局页面。1 看透网页布局的本质网页布局的过程:先准备相关的网页元素,网页元素基本都是盒子Box。利用CSS设置好盒子的样式,然后摆放到相应的位置。往盒子里面裝内容。网页布局的核心本质:就是利用CSS摆盒子。二、盒子模型的组成盒子模型:就是把HTML页面中的布局元素看作是一个矩形的盒子,即是一个可以盛装内容的容器。CSS盒子模型本质是一个盒子,封装里面的HTML元素,它们包括:边框,外边距,内原创 2020-12-07 02:17:37 · 333 阅读 · 0 评论 -
详细总结CSS 字体属性
个人学习笔记,比较全面详细整理的总结CSS字体属性知识,包括字体系列、文字大小、文字粗细、文字样式及相关需要注意的地方。最后介绍了字体属性的简写模式。原创 2020-12-21 01:01:28 · 331 阅读 · 0 评论 -
四种CSS 基础选择器
总结四种CSS基础选择器的使用场景和语法知识点,包括标签选择器、类选择器、id选择器和通配符选择器。原创 2020-12-16 19:24:55 · 1003 阅读 · 0 评论 -
快速全面掌握HTML语法(下)
HTML详细笔记整理,两篇博文快速掌握HTML语法知识,本博文包含表格、有序列表、无序列表、自定义列表、input表单元素、select下拉表单元素、textarea文本域表单元素和文档的查阅。原创 2020-12-16 15:10:17 · 164 阅读 · 1 评论