- 博客(24)
- 收藏
- 关注
RSS订阅原创 JavaScript的类型转换
通过本文介绍的方法，您可以更加灵活地操作字符串、数字、布尔值、对象和数组，从而更好地应对日常编程任务。：在JavaScript中，通过加号或其他运算符进行字符串拼接时，其他数据类型会隐式转换为字符串。祝您编程顺利，写作愉快。：在需要对象的上下文中，例如数组或函数在某些情况下会被隐式转换为对象。：在数学运算或比较操作中，非数字类型会被隐式转换为数字类型。：根据指定条件过滤数组中的元素，返回符合条件的新数组。：对数组中的每个元素执行指定操作，返回新的数组。：在比较操作中，非布尔值会被隐式转换为布尔值。
2024-01-21 22:54:32
901
原创 react路由
使用React Router，你可以构建出功能丰富的单页面Web应用，实现页面之间的无缝切换和导航。通过嵌套路由，可以更好地组织和管理页面之间的关系，使得页面之间的导航和切换更加灵活和清晰。这是6的版本，大家注意在网上找的话，一定要找日期最近的越近越好，因为他的版本更新的非常快，即使代码一样，你看我能跑通你也不一定能用。：即使在传统的多页面应用程序中，也可以使用路由来更好地组织和管理页面之间的导航。：允许用户在应用程序内部不同的视图或页面之间进行流畅的切换和导航，提供了更好的用户体验。组件实现基本的导航。
2024-01-14 22:43:24
783
原创 react-hooks全家桶
m就是model模型：用来管数据的c就是controller：控制器层也叫逻辑层v就是view：视图层渲染数据的以下是他们三者之间的关系创建react不可变对象指的是一旦创建后，就无法再被修改的对象。在 JavaScript 中，字符串和原始值（如数字、布尔值）是不可变的。这意味着一旦创建了字符串或原始值，你就不能更改它们的值。编写函数：首先，在你的项目中创建一个函数，以"use"开头命名，这是 React 的约定。比如。
2024-01-06 15:23:57
845
1
原创 前端环境搭脚手架
提供丰富的插件生态系统和强大的功能，支持多种前端开发语言和框架。：轻量级、快速，拥有丰富的插件和主题，适合前端开发。：由GitHub开发，具有可定制性强、易用的界面和丰富的插件。：专门为JavaScript和前端技术而设计的集成开发环境，提供了许多高效的工具和功能。最推荐的还是vs Code 因为本人用的就是vs Code对别的还不是很了解项目创建我们将使用pnpm ，虽然最流行的是npm但都有自己的优缺点 pnpm的优点就是快，省，狠。
2023-12-25 09:16:37
930
原创 webpack
2.前端都是不安全的，可以通过控制台查看和修改代码，一般通过工具手动压缩，现在可以使用自动化解构工具帮助我们做这些事。这样配置还不行，@babel/preset-env才是主要的转换代码的东西 ，在代码中新建一个根目录配置如下。处理sass和less：是我们工作中最常见的，sass是非法的，scss是它的升级版，我们可以用这样的方法来剥离不需要改动的一些依赖，大大节省打包构建的时间。生产模式，打包比较慢，但生成的代码会更小，并且更加优化，会开启。来说是最有用的，然而也会有各种各样的应用程序用到它。
2023-12-23 14:39:28
860
1
原创 关于token的无感刷新
在许多 Web 应用程序中，安全地管理用户身份是至关重要的。使用 JSON Web Token (JWT) 可以有效实现身份验证，但令牌的有效期限制了应用程序的使用体验。为了解决这个问题，我们可以实现一种无感刷新令牌（silent token refresh）的机制，当访问令牌过期时，自动获取新的令牌而无需用户重新登录。本文将介绍如何在前端应用程序中实现 JWT 无感刷新令牌机制，主要使用 Axios 拦截器来处理令牌的刷新和更新。
2023-12-18 01:41:40
87
1
原创 node.js实现图片上传
在 Web 开发中，实现文件上传是非常常见的需求之一。Node.js 提供了多种工具和库来简化文件上传的过程。本文将介绍如何使用 Express 和 Multer 库在 Node.js 中实现图片上传功能。
2023-12-18 01:24:23
38
1
原创 jQuery Ajax 详细通俗讲解
而jQuery是一个JavaScript库，其中包含了丰富的工具和函数，简化了开发者在JavaScript中的常见任务。通过使用jQuery的Ajax方法，开发者可以更方便地执行Ajax请求，发送HTTP请求、接收响应、处理错误、更新网页内容等操作。总结来说，Ajax是一种技术概念，而jQuery中的Ajax是一组在JavaScript中使用的简化了的工具方法，用于更便捷地执行Ajax操作。需要注意的是，上述示例只是一个简单的例子，实际项目中通常会更加复杂，并可能会涉及到其他更多的选项和处理逻辑。
2023-11-18 15:14:48
437
1
原创 js的常见的6种继承方式
在 JavaScript 中，继承是一种重要的概念，它允许我们通过一个对象来拓展另一个对象的属性和方法。它通过将子类的原型指向父类的一个实例，并在子类的构造函数中调用父类的构造函数来实现继承。方法创建一个以父类原型为原型的临时对象，并将该临时对象赋值给子类的原型，然后使用寄生方式继承父类的属性和方法。原型式继承通过创建一个临时对象作为中介，将该对象的原型指向父类的一个实例，并返回这个临时对象来实现继承。寄生式继承是在原型式继承的基础上增加了对临时对象的扩展或修改，并最后返回这个临时对象。
2023-11-01 20:51:35
46
原创 前端面试常见的几个面试题
一 什么是set数据结构?Set数据结构，类似数组。所有的数据都是唯一的，没有重复的值。它本身是一个构造函数let set6 = [...new Set([1, 2, 2, 3, 4, 3, 5])] 去重 是伪数组二、什么是原型链?答:avaScript是面向对象的，每个实例对象都有一个__proto__属性，该属性指向它的原型对象，这个实例对象的构造函数有一个原型属性prototype,与实例的proto属性指向同一个对象。
2023-10-31 20:34:02
28
1
原创 自适应瀑布布局
通过使用这些技术，可以根据不同屏幕大小和设备类型，在不同的视口尺寸下显示出最佳的布局效果，让内容在各种设备上都能够良好地展示和呈现。但在固定列数的情况下，如果某列高度较大，而其他列高度较小，就会导致布局不均匀，出现空白间隙或某些列过度拥挤的问题。自适应瀑布流通过动态计算每个元素的位置和列数，以及根据容器的宽度和元素的尺寸来进行调整，使得所有列的高度尽可能平衡，从而达到更好的排列效果。自适应瀑布流是一种网页布局技术，它可以根据容器的大小和内容的尺寸，动态地调整每个元素的位置和列数，以实现更好的排列效果。
2023-10-28 14:47:14
63
1
原创 M端事件！
M端事件就是移动端，通俗易懂的就是手机端，平时你每点击的一下屏幕都是一个事件今天带大家了解一下，移动端的最基本的也是用的最多的三个事件。（也称触摸事件）Android 和10S 都有 触屏事件 touch ，Android 和IOS都有。这个是你的触摸事件结束了，也就是你的手离开了你的手机触发的。touchstart 手指触摸到一个DOM元素时触发。touchmove 手指在一个DOM元素上滑动时触发。触屏事件如下: 触屏touch事件。这是当你手指触摸屏幕时触发的。
2023-10-21 10:53:55
49
1
原创 js中的垃圾回收机制
如上面这段代码，我们编写一个打印a+b的函数，程序由上到下依次运行，由于JavaScript的预解析，它会提前解析函数，所以我们在声明函数之前调用并不会报错，调用函数时把a1和b1传递给函数a和b，此时垃圾回收器会将a和b标记为进入环境，当调用结束后又将其标记为离开环境，此时，函数中的a,b已经没有引用指向它们，那么它们就将会被垃圾回收机制回收。垃圾回收器会在运行的时候给存储在内存中的所有变量加上标记，然后去掉环境中的变量，以及被环境中变量所引用的变量(闭包)的标记。
2023-10-17 09:00:44
33
1
原创 【无标题】JS中所有的API
/用于删除原数组的一部分成员，并可以在被删除的位置添加入新的数组成员，返回值是被删除的元素。可传入一个参数，参数表示小数点后有效数字的位数，范围为0到20，超出这个范围，会抛出一个RangeError。s.substring(start,end) //用于从原字符串取出子字符串并返回，不改变原字符串.第一个参数表示子字符串的开始位置，第二个位置表示结束位置。document.adoptNode(externalNode) //将某个节点，从其原来所在的文档移除，插入当前文档，并返回插入后的新节点。
2023-10-06 02:30:21
26
1
原创 js实现轮播图
这可能是轮播图最简单点的实现之一，通过更改图片的src来实现该效果，首先需要将图片命名格式统一比如pic01.jpg，pic02.jpg…,再通过js使用定时器去改变img标签里面的src图片链接的名字来实现切换效果。主要就是创建一个大盒子里面存放轮播图的图片标签，cicle标签下的div主要是为后期存放实现图片轮播下面的小圆点。//改变当前索引按钮。//重新开始自动播放。//核心move函数。大家看完就去试试吧，记得自己找图片呦。先需要把轮播图的样式写出了。
2023-10-05 21:57:56
380
原创 css3的新特性
li class="four">提供4个参数border-radius:20px 40px 60px 80px/10px 20px 30px 40px;提供3个参数border-radius:20px 40px 60px/10px 20px 30px;提供2个参数border-radius:20px 40px/10px 20px;
2023-09-19 12:41:41
24
原创 圣杯布局和双飞翼布局
双飞翼布局最早是淘宝团队提出的，是针对圣杯局部优化的解决方案。主要是优化了圣杯布局中开启定位的问题。圣杯布局相比于双飞翼布局，只是在center元素里面添加了一个inner子级元素，解决了，center元素被left和right元素覆盖的内容。因此，给inner元素添加一个margin-left和margin-right就可以将内容显示在中间，而不会被左右元素覆盖部分内容。
2023-09-18 19:02:13
57
1
原创 js计算小数的问题和解决方法
由于也需要转化为指数形式，例如 1/2 = 1 * 2^-1, 1/4 = 1 * 2^-2,所以小数的转化二进制过程是通过判断小数是不是满 1/2，1/4，8/1以此类推，换成数学公式就是 乘二取整法。小数位：科学计数法前面的数值，IEEE745标准，默认所有的该数值都转为1.xxxxx这种格式，优点是可以省略一位小数位，可以存储更多的数字内容，缺点是丢失精度。如果要计算 0.1 + 0.2 的结果，计算机会先把 0.1 和 0.2 分别转化成二进制，然后相加，最后再把相加得到的结果转为十进制。
2023-09-10 22:18:38
641
1
原创 html被废弃的标签
HTML 已经发展了多年，现在 W3C 已经发布了，一些陈旧废弃的标签已经在后继的标准中逐渐消失。这里为大家列出那些已经被废弃 HTML 标签，看看你是不是还在使用它们。
2023-08-27 23:26:08
212
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人