- 博客(28)
- 收藏
- 关注
原创 前台于后台项目
真的很锻炼人,在项目中遇到的很多问题其实都可以自己进行解决,并且自己解决问题的思维方式也有了一定的变化,更加熟练地运用工具。遇到问题不会死磕,而是如果一个问题卡住我一段时间,我会想把问题放着,先把后续的功能做完,然后再回来解决这个问题。项目中的有部分东西没有做过的功能:查阅GPT,在csdn等平台查阅,去github 与码云查找相似的内容,然后进行对比借鉴。因为react有一段时间不使用,导致有一些东西已经忘记,所以进度很慢。前台:使用接口中的数据对页面的渲染。后台:同样也是接口中数据的渲染。
2024-03-17 22:40:57
456
原创 震惊:原来JavaScript 中类型转换有这些(超细)
背景JavaScript 是一种面向对象、基于原型的脚本语言,最初由Netscape的程序员Brendan Eich于1995年设计而成。起初命名为LiveScript,后来改为JavaScript。JavaScript是一种动态语言,通常用于在网页上实现交互式行为,被广泛应用于网页开发。
2024-01-21 17:26:41
895
原创 状态管理redux(超细)
对于大的应用 来说,不大可能仅仅只写一个这样的函数,所以我们编写很多小函数来分别管理 state。actionCreator中进行,但是如果直接这样写会报错那我们需要把。是纯函数,内部不能进行异步操作。本质上就是一个纯函数。以上就是rdeux的基本介绍与使用,如有错误请指正!这两个概念很容易混在一起, 使用时最好注意区分。的时候我们实现兄弟组件传值是比较麻烦的。依然是留给我们自己来管理。是一个用于描述已发生事件的普。使用纯函数来执行修改:为了描述。串起来,开发一些函数,这就是。的状态容器就是装状态的容器。
2024-01-14 15:24:17
527
原创 React知识点大汇总(全是细节)
React是一个用于构建用户界面()的JavaScript库。React主要用于构建UI,基于MVC设计,起源于Facebookmeta),当年用来架设Instagram网站,于 2013年5月开源。Facebook创造React是为了解决一个问题:构建随着时间,数据不断变化的大规模应用程序。传统的 节点操作在性能上的瓶颈是很难突破的(DOM节点的频繁渲染、覆盖更新等),代表为原生JS和 JQuery。React。
2024-01-14 15:13:47
2551
原创 TypeScript知识点总结
TypeScript是一种由微软开发的开源编程语言,它扩展了JavaScript并添加了静态类型。在本篇博客中,我们将深入探讨TypeScript中一些重要的知识点,包括类型系统、接口、类、泛型、模块化等内容,帮助读者更好地理解和使用TypeScript。通过本文的概述,我们对TypeScript中一些重要的知识点有了初步的了解,但这只是冰山一角。TypeScript还有许多其他强大的功能和特性,如装饰器、异步编程等,都值得进一步学习和探索。
2024-01-01 23:23:36
392
原创 webpack知识点(比针还细)
WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其转换和打包为合适的格式供浏览器。
2023-12-23 15:45:40
1872
原创 nodejs图片上传
在实际的生产中我们经常需要上传头像等文件的操作,我们可以选择使用这个中间件来 解决这个问题,下面用上传头像的常见业务来解释 multer中间件的用法。
2023-12-17 16:58:14
87
1
原创 ES6知识点总结(精简版)
let var const function import class 声明变量优先使用const(变量),性能好,安全,其次const(常量),最好不用varconst声明的是常量:无法修改,但是声明的常量是引用数据类型,该数据内部数据可以修改,只是不能重新赋值let声明的是变量const和let声明的变量没有副作用,他们声明的数据没有变量提升使用let和const声明变量可能会出现暂时性死区,暂时性死区:在函数作用域或块级作用域里在使用let或者const声明变量之前是无法使用该变量。
2023-12-10 19:21:37
130
1
原创 学生管理系统(数据驱动)
数据驱动视图是指通过数据来驱动页面的显示和行为,使得页面的展示和交互元素可以根据数据的变化而自动更新。这种开发模式通常使用前端框架或库来实现,例如Vue.js、React等。简单来说,其实就是通过操作原始数据来进行显示更新页面,通过更改原始数据重新渲染页面。而并非使用dom操作。
2023-12-02 16:56:09
115
1
原创 深入了解ES6:探索JavaScript的新时代
引言: ES6,全称为ECMAScript 6,是JavaScript的下一代标准,为开发者带来了许多新的特性和语法糖,大大提升了开发效率和代码质量。本文将介绍ES6中的一些重要的知识点,帮助读者更好地理解和应用ES6。块级作用域(Block Scope): 在ES6之前,JavaScript只有函数作用域和全局作用域,而ES6引入了块级作用域,使用let和const关键字来声明变量。块级作用域可以避免变量污染和变量提升的问题,使代码更加清晰和可维护。
2023-11-25 16:14:18
176
原创 前端技术:隐藏元素的方法
在前端开发中,有时我们需要在页面中隐藏某些元素,以实现一些特定的效果或功能。本文将介绍一些常见的前端隐藏元素的方法,帮助您在开发过程中灵活运用。
2023-11-18 16:42:04
798
1
原创 前端知识(纯干货)
HTTP协议是无状态协议,自身不对请求和响应直接的通信状态进行保存,但有些场景下我们需要。服务器接收到请求后,根据路径参数映射到特定的处理器进行处理,并将处理结果以及响应的视图 返回给浏览器。网络结构的最上面一层是应用层,应用层直接面向用户,比如浏览器、邮件、影音等等,这些程序发送。是一小段的文本信息,当客户端请求服务器时,如果服务器需要记录该用户状态,电信号,计算机解读不了,我们必须为其制定一套规则来进行传输,于是就有了以。):遍历渲染树绘制所有节点,为每一个节点适用对应的样式,这一过程是通过。
2023-11-18 10:21:39
131
1
原创 炸裂的伦理关系之JS的继承
在JavaScript中,继承是一种重要的概念,允许我们创建一个对象,并从其他对象中继承属性和方法。有多种方式可以实现继承,每种方式都有自己的优缺点和适用场景。下面我们将详细解释每种继承方式的工作原理和使用方法。javascript继承的6种方法:1、原型链继承,其重点是让新实例的原型等于父类的实例;2、借用构造函数继承(也称伪造对象或经典继承);3、组合继承(组合原型链继承和借用构造函数继承);4、原型式继承;5、寄生式继承;6、寄生组合式继承。
2023-11-01 21:01:12
373
2
原创 图片的“懒”加载
传统的网页加载方式是一次性加载所有的资源,包括可见区域内和不可见区域内的内容。而懒加载则通过只加载当前可见区域内的资源,将不可见区域的资源推迟加载,从而提高页面的加载速度。3. 改善用户体验:用户只需等待当前可见区域的内容加载完成,而不需要等待整个页面的加载完成,提升了用户的交互体验。1. 提高页面加载速度:只加载当前可见区域内的资源,减少了初始页面加载时所需的资源量,从而加快页面的加载速度。说白了就是在加载我们看到的可视页面中的图片时,当我们没有滑动页面的时候,页面中看不到的区域中的图片不会加载。
2023-10-25 20:04:15
246
1
原创 JavaSrcipt中的瀑布流效果
JavaScript 瀑布流(Waterfall Flow)是一种用于网页布局的技术,它的主要目的是动态排列网页上的元素,使它们呈现出类似瀑布流的效果,元素会自动适应容器的大小,并依次排列在多列中。:通常,瀑布流布局用于显示大量内容,因此可以实现无限滚动,随着用户滚动页面,动态加载更多内容以保持页面的新鲜和多样性。:元素会按照列数平均分布,形成多列布局,通常是两列、三列或更多,具体根据设计需求来确定。:无需手动指定每个元素的位置,瀑布流布局会根据元素的高度和容器的宽度自动安排元素的位置。
2023-10-25 17:36:36
273
1
转载 jquery知识点(纯干货)
jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库。它提 供的 API 易于使用且兼容众多浏览器,这让诸如 HTML 文档遍历和 操作、事件处理、动画操作更加简单。jQuery最大的优点就是简化DOM操作。
2023-10-24 19:58:37
221
1
原创 H5知识点
总结: HTML5 提供了许多新的功能和语义化标签,使得开发者可以构建更现代化、交互性更强的网页。通过语义化标签、表单增强、多媒体支持、Canvas 绘图、地理定位、本地存储和 Web Workers 等功能,可以为用户提供更好的体验,并简化开发过程。通过 JavaScript,可以获取用户的经纬度坐标,从而实现基于地理位置的服务,如附近的商家、天气预报等。HTML5 是最新的 HTML 标准,为开发者提供了许多新的功能和语义化标签,使得构建现代化、交互性强的网页变得更加简单。等,使得表单处理更加方便。
2023-10-24 18:43:58
77
1
原创 正则表达式
1. **文本搜索和替换**:使用正则表达式可以轻松地在文本中查找特定的模式并进行替换。在实际应用中,正则表达式的强大功能将为你节省大量时间和精力,但是这个是不用全部掌握的,有需要的时候在网上查就行。2. **数据验证**:正则表达式可用于验证用户输入的数据,例如检查电子邮件地址、电话号码、日期等是否符合特定格式。4. **网页爬虫**:爬虫程序可以使用正则表达式来识别和提取网页上的特定内容,例如链接、标题和文本。5. **数据提取**:正则表达式在数据挖掘和数据清洗中非常有用,可以帮助提取结构化数据。
2023-10-17 09:25:18
51
原创 前端干货(嘎嘎有用)
Arr.slice(begin,end) 数组截取,从begin位置开始截到end位置结束,不包括end,截取出来的数据组成一个新的数组。Arr.sort 将数组中的数据进行排序,只能排数组中的数字元素,返回值为被排序后 的数组, 默认升序(a-b) 降序(b-a)Arr.splice 从第几个截取,截取几个,要替换的数据 数组截取返回值为被截取的数据组成的新数组。Arr.Reverse 数组翻转 将数组中的元素翻转,返回值为翻转后的数组。Arr.unshift 在数组开头添加数据,返回修改后的数组长度。
2023-10-15 23:06:36
46
1
原创 跳跃的logo
这个案例的主要思路就是设置keyframes不同百分比的时候的动画效果,这个调起来稍微麻烦一点。因为这个动画的每个字母的下落时间不一样,我们还需要设置每个字母的下落时间。这个动画效果实现起来还是比较容易的,有一点麻烦的是调节他的动画效果,在不同的百分比的状态下来调节运动的幅度有一丢丢麻烦。这个案例主要运用的也是css3的动画效果来实现的,通过设置keyframes动画的不同阶段的动画效果来实现。今天我们来实现一个好玩的动画,会跳跃的LOGO。
2023-10-03 17:10:47
48
原创 3D照片墙效果
属性来给照片墙添加效果,但是单纯加一个preserve-3d属性还是不够的,还要加一个perspective属性,他的作用是让照片墙出现近大远小的效果,值越大效果越明显。这个哪里主要运用了c3的旋转,通过rotateY()旋转图片的y轴,改变图片的z轴translateZ()位置来实现图片的3d效果。大家好,今天我们来做一个好看的3D照片墙效果,这个案例主要运用的是css3的动画效果来实现。我做的这个可能还有缺陷还请大家指正!
2023-10-03 17:05:07
343
原创 Javascript的垃圾回收机制
JavaScript垃圾回收机制是保证程序性能的关键机制之一。本文将深入探讨JavaScript的垃圾回收机制,包括标记清除算法、引用计数算法等,以及如何优化内存管理。
2023-09-17 21:30:29
136
1
原创 关于js的精度缺失问题
JavaScript是一种广泛使用的编程语言,但在处理浮点数运算时,有时会出现精度缺失问题。本文将探讨JavaScript中精度缺失的原因及几种解决方案。
2023-09-17 21:27:38
920
1
原创 贝塞尔曲线与矩阵
数值分析的主要分支致力于开发矩阵计算的有效算法,这是一个已持续几个世纪以来的课题,是一个不断扩大的研究领域。④ 贝塞尔曲线名称由来: 1962年,法国数学家 Pierre Bézier 第一个研究了这种 矢量绘制曲线 的方法,并给出了详细的计算公式,因此按照公式 绘的曲线 就用他的姓氏 来命名.实际上,贝塞尔函数还可以继续增加控制点,推导的过程都是一样的,只是随着点数的增加,计算的量会越大,而我们大多数情况下用三阶贝塞尔曲线就足够了。是一个用于2D变换的CSS函数,它接受6个参数,表示一个2x3的矩阵。
2023-09-02 09:29:56
302
原创 CSS常见布局方式
与双飞翼布局很像,有一些细节上的区别,相对于双飞翼布局来说,HTML 结构相对简单,但是样式定义就稍微复杂,也是优先加载内容主体。多列布局声明提供了一种多列组织内容的方式,正如你在一些报纸中看到的那样。你可以尝试不同的值 — 该属性接受任何长度单位。和你之前遇到的 border 属性类似,以上是我为大家介绍的三种布局方式。在列间加入一条分割线。
2023-08-27 19:44:49
325
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人