- 博客(20)
- 收藏
- 关注
原创 前端开发中的数据类型转换指南
在前端开发中,数据类型转换是一个关键概念。JavaScript作为一门动态类型语言,在进行比较、运算或输出时,经常需要进行各种类型之间的转换。
2024-01-21 22:57:13
538
1
原创 TypeScript入门手册
uname: '小红',age: 15虽然能推断出是返回number,但这样不规范。无需return时:void异常或死循环:never返回值类型name: '小红',age: 19,bust:38??bust?: number;name: '小红',age: 19,sex:'女',hobby:'兴趣',year:22代表say方法返回string类型的值。bust?: number;name: '小红',age: 19,sex:'女',
2024-01-01 15:50:16
776
原创 实践!使用Webpack搭建【React + TS】开发环境
理解模块化:Webpack是一个模块打包工具,可以将多个模块打包成一个或多个文件,方便开发者调用。掌握配置文件:Webpack的配置文件(webpack.config.js)允许自定义打包规则,满足项目的特定需求。熟悉Loader和Plugin:Loader用于处理模块的加载,Plugin用于扩展Webpack的功能。了解常见的Loader和Plugin,如Babel Loader、CSS Loader等。掌握代码拆分:代码拆分可以将大型项目分成多个较小的包,提高应用的加载性能。
2023-12-25 08:37:49
1206
原创 Node.js中的Token鉴权实现详解
用户登录成功后,服务器生成一个Token,并将其返回给客户端。客户端在后续的请求中,将Token作为请求头或参数的一部分发送给服务器。服务器通过验证Token的合法性和有效期,判断用户的身份和权限。根据Token中的信息,服务器对请求进行相应的操作。导入所需的模块:定义一个密钥:密钥用于加密和解密Token,在生产环境中应该使用更强的密钥。创建一个Token:使用jwt.sign()
2023-12-18 09:07:16
335
1
原创 01-深入探索ES6的新增方法:提升JavaScript开发效率
十五、ES6还引入了一系列实用的数组方法,如map()、filter()、reduce()、some()和every()等,由于篇幅和它们的重要性考虑,我将会在下一篇文章中详细介绍。十、字符串的一些新增方法 ES6为字符串新增了一些实用的方法,如:startsWith、endsWith、padStart、padEnd、repeat等。八、数组的一些新增方法 ES6为数组新增了很多实用的方法,如:find、findIndex、includes、some、every等。
2023-12-06 18:53:38
70
1
原创 JavaScript常见排序算法探究
它通过选择一个基准元素,将数组分为两个子数组,一个包含比基准元素小的元素,另一个包含比基准元素大的元素。快速排序的平均时间复杂度为O(nlogn),但在最坏的情况下(如数组已排序或逆序),时间复杂度为O(n^2)。它在每一次遍历待排序序列时,选出最小(或最大)的一个元素,存放在序列的起始位置。冒泡排序是一种简单的排序算法,它通过重复地遍历列表,比较相邻的两个元素,如果前一个大于后一个,则交换它们的位置。遍历列表的次数等于列表的长度减一,因为每遍历一次,最大的元素就会移动到列表的末尾。首先,我们定义了一个。
2023-11-19 09:30:00
32
原创 语法糖、语法盐、语法糖精、语法海洛因
在编程过程中,合理运用语法糖、语法盐、语法糖精和语法海洛因可以使代码更加甜美、易读、易维护。本文将介绍编程中的“语法四兄弟”——语法糖、语法盐、语法糖精、语法海洛因,并通过实际代码案例分析,让我们更好地理解它们在编程中的作用和优势,从而提高代码的可读性和可维护性。语法盐是一种与语法糖相对的概念,它指的是在代码中添加的一些额外的语法元素,以实现特定的功能或增强代码的可读性。语法海洛因是指在代码中添加的一些语法,这些语法虽然使得代码更具可读性,但在某些情况下可能会导致代码变得复杂、难以维护。
2023-11-18 16:19:00
851
2
原创 继承的六种方法
在本篇博客中,我们介绍了六种常见的继承方法,包括原型链继承、构造函数继承、组合继承、寄生组合继承、类继承和Mixin。在本篇博客中,我们将介绍前端开发中常见的六种继承方法,它们分别是原型链继承、构造函数继承、组合继承、寄生组合继承、类继承和Mixin。在这个例子中,Child通过将其原型设置为Parent的一个实例来继承Parent的属性和方法,并使用构造函数继承来继承Parent的属性。在这个例子中,Child通过调用Parent构造函数,并传递子类自己的参数来继承Parent的属性。
2023-11-17 10:58:10
85
原创 前端性能优化:提升网站加载速度的5个实用技巧
本文将介绍5个实用的前端性能优化技巧,通过代码示例和易于理解的解释,帮助你提升网站的加载速度。结语:通过使用这些实用的前端性能优化技巧,你可以明显提升网站的加载速度和用户体验。对于长页面或包含大量图片的页面,可以使用延迟加载技术,只加载可视区域内的内容,减少不必要的资源请求。5. 异步加载 将不影响页面渲染的JavaScript代码使用`async`或`defer`属性进行异步加载,避免阻塞页面加载。对于不经常更改的静态资源,如图片、CSS和JavaScript文件,可以设置较长的缓存时间。
2023-11-17 10:49:30
680
原创 3D照片墙实现
主要的知识是transform的知识点和animate的知识点,重点是transform-style: preserve-3d;作用是实现3d效果,当我们画正方体等3d图的时候会用到。是不是感觉3D照片墙很炫酷?其实很简单,仅仅只用到了html和css的知识。要是不用,我们看到的是2d效果。有兴趣的可以去瞧一下代码。
2023-11-17 10:44:43
192
原创 了解什么是bfc(前端面试)
你会怎么说?很多人会告诉你,bfc就是块级格式化上下文,那么这到底是什么意呢?bfc的全称是Block Format Content,直译为块级格式化上下文,它是一个独立的渲染区域,也就是说,触发bfc的元素会形成一个独立的渲染区域,这个区域里面的元素(包括他自己)不会影响外部元素的渲染,
2023-10-31 21:03:29
571
2
原创 五分钟学会图片懒加载和瀑布流
因为获取的是一个伪数组,不可以用数组的方法,我们需要将其转换成数组,这里我用jquerry的makeArray方法转成数组,然后循环数组。在代码中,我们有多涨图片且不能同时在一个页面一次性展示,然后我们为图片添加自定义属性data-src来存储将要加载的路径。比如我们在逛淘宝时,淘宝整个页面的图片并不是一下子就全部加载出来的,而是我们滚动到哪就加载哪里的图片。代码编写完成,我们可以f12检查network实时刷新的数据可以发现,只有在可是界面的图片才会被加载。在需要的时候加载图片。
2023-10-25 20:40:00
172
1
原创 js垃圾回收机制与内存泄漏
简单了解一下,GC算法是JavaScript浏览器自主的一种回收垃圾数据的机制(自主行为)GC算法回收垃圾的方法有很多,这里我们主要介绍JavaScript的常用的两种方法。
2023-10-24 20:38:03
50
1
原创 js精度缺失问题
JavaScript中的浮点数是一种近似值类型,它们的值可能存在一定的误差。例如,在计算两个浮点数的乘积时,结果可能不是精确的相加。这是因为计算机用二进制来表示浮点数的每一位数字(包括小数部分),因此可能会出现误差或不准确的结果。为了解决这个问题,可以使用Math.round()函数来对浮点数进行四舍五入或取整操作。"Math.round()"函数可以将一个数值向上取整到指定的位数(例如10或20)。
2023-09-16 17:00:53
150
1
原创 03-css3新特性
存储空间和响应式单位 中的 box-sizing 和 font-size 属性可以让元素具有更丰富的响应式特性。响应式布局 中的媒体查询(media query)和弹性盒子(flexbox)可以让创建响应式和灵活的布局。过渡和动画 中的 transition 和 animation 可以让元素具有更丰富的交互效果。这些是 CSS3 新增的一些特性,可以帮助创建更加灵活、响应式的网页。渐变和阴影 中的渐变和阴影可以让元素具有更丰富的视觉效果。
2023-09-02 15:22:50
41
原创 (小总结)前端记不住但是会用的属性及知识点
# 伪元素(div::after{}/div::before {})清除浮动() 在基础样式前加,然后给需要清除浮动的元素加上clearfix这个类名。一、在浮动元素下面加上空的标签,并且加上style="clear: both;## 文本域(textatea)禁止拖拽 resize:none;## 如果盒子(块级元素)没有设置宽高,宽度和父元素一样,
2023-09-02 15:12:12
48
原创 04-css干货分享
:MDN Web Docs 是一个权威的前端开发文档网站,提供了关于 HTML、CSS、JavaScript 等技术的详细说明、示例代码和指南。它包含了广泛的 HTML、CSS、JavaScript 等前端技术的解释、示例和练习,适合初学者进行学习和参考。):Stack Overflow 是一个面向开发者的问答社区,您可以在这里提问关于前端开发的问题,并得到其他开发者的帮助和解答。需要注意的是,这只是一个排名的参考,实际使用的工具会因个人偏好、项目需求和团队合作而有所不同。
2023-09-02 15:10:17
48
原创 02-css三大布局(圣杯布局/双飞翼布局/div布局)
讲很多原理也没用会显得比较难懂,所以我会尽量用简单的,通俗,并且清除的语言去描述这三种布局,结合实例演示,让大家轻松的理解这三大布局。
2023-09-02 14:57:27
215
原创 01-前端基础知识点(iframe、marquee)
不在推荐使用该特性。虽然有的浏览器任然支持它,但是它不是必须的,也许已经从相关的web标准中移除,也许已经移除或出于兼容性任然保留,所以请尽量不要使用该特性,并且更新现有的代码。:当 marquee 完成 loop 属性设置的值时触发。2. 可以通过iframe嵌套通用的页面, 提高代码的重用率, 比如页面的头部样式和底部版权信息。注意:除非指定 truespeed 值,否则将忽略任何小于 60 的值,并改为使用 60。: 设置每次滚动时移动的长度(以像素为单位),也就是滚动速度。: 设置文本滚动的方向。
2023-08-18 15:26:10
94
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人