- 博客(20)
- 收藏
- 关注
RSS订阅原创 前端开发中的数据类型转换指南
在前端开发中，数据类型转换是一个关键概念。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关注的人