- 博客(60)
- 收藏
- 关注
RSS订阅原创 打造超酷的 React 迷你日历组件，只需几步！
现在市面上的组件库大多包含日历组件，那么它们具体是如何实现的呢？其实原理很简单，主要是通过使用Date对象的相关API。今天我们就来开发一个迷你版的日历组件。
2024-07-19 12:47:14
884
原创 你不知道的JavaScript---强制类型转换
强制类型转换（Coercion）是指将一种数据类型转换为另一种数据类型的过程。在JavaScript中，这种转换可以是显式的（通过开发者明确调用转换函数）或隐式的（由JavaScript引擎自动进行）。
2024-07-16 11:30:38
842
原创 ES6---变量的解构赋值
你好，我是小白Coding日志，一个热爱技术的程序员。在这里，我分享自己在编程和技术世界中的学习心得和体会。希望我的文章能够给你带来一些灵感和帮助。欢迎来到我的博客，一起在技术的世界里探索前行吧！看这篇文章前先问一个问题：为什么要使用变量解构赋值？它一般在什么场景下使用？
2024-07-05 17:09:43
694
原创 如何在 Vue 3 中使用 vue3-print-nb 实现灵活的前端打印
在前端开发中，经常需要打印页面的特定部分，比如客户列表或商品详情页。要快速实现这些功能，可以使用 vue3-print-nb 插件。它通过对 DOM 元素的操作和 CSS 样式的处理，轻松实现页面内容的打印功能。
2024-06-14 16:18:14
1568
1
原创 ES6---详解let 与 const 用法
你好，我是小白Coding日志，一个热爱技术的程序员。在这里，我分享自己在编程和技术世界中的学习心得和体会。希望我的文章能够给你带来一些灵感和帮助。欢迎来到我的博客，一起在技术的世界里探索前行吧！
2024-06-04 09:32:49
243
原创 你不知道的JavaScript--- 探索 JavaScript 对象与原型
JavaScript 对象和原型是该语言的核心特性之一，通过本文的介绍，我们深入探讨了 JavaScript 对象和原型的概念、创建、访问与修改、原型链、原型继承以及实际应用。最后还是那句话：即使代码逻辑很简单，也值得记录下来。我的编程目标是避免重复造轮子！😊每天分享精彩内容，与你一同探寻知识的边界。扫码即可订阅，一起开启知识新旅程！🚀📚关注我的技术博客，探索前沿科技与实用开发技巧。一起携手走向代码的精彩世界！🚀💻 不错过每一篇精彩！
2024-05-15 14:12:52
358
原创 你不知道的JavaScript---深入理解JavaScript类型和语法
JavaScript 中函数可以使用function关键字定义。JavaScript 的类型和语法是构建 Web 应用程序的基石。通过深入理解 JavaScript 的类型系统、基本语法和类型转换规则，开发人员可以编写出更加健壮和可靠的 JavaScript 代码，从而提升 Web 应用程序的质量和性能。本文介绍了 JavaScript 的基本数据类型、复合数据类型、基本语法结构以及类型转换规则，希望读者通过学习和实践，能够更加熟练地运用 JavaScript 进行开发工作。
2024-05-08 09:24:41
631
原创 Vue 组件通信：探索 provide_inject 替代 Vuex 的妙用
最后还是那句话：即使代码逻辑很简单，也值得记录下来。我的编程目标是避免重复造轮子！😊探索更多有趣知识，欢迎关注我的微信公众号！每天分享精彩内容，与你一同探寻知识的边界。扫码即可订阅，一起开启知识新旅程！🚀📚关注我的技术博客，探索前沿科技与实用开发技巧。一起携手走向代码的精彩世界！🚀💻 不错过每一篇精彩！
2024-04-24 20:12:25
817
1
原创 你不知道的JavaScript---深入理解 JavaScript 中的 this 关键字
在 JavaScript 中，this 关键字代表当前执行上下文中的对象。但是，this 的值是在运行时动态确定的，并且取决于函数的调用方式。全局上下文中的 this函数上下文中的 this构造函数中的 this箭头函数中的 this在全局上下文中，this 指向全局对象（window 或 global）。在函数中，this 的值取决于函数的调用方式，如果函数作为对象的方法被调用，this 将指向调用该方法的对象；
2024-04-19 12:39:59
869
原创 深入了解CSS 元素尺寸单位：像素、百分比、em、rem 和 viewport 单位
正确选择和使用元素尺寸单位对于前端开发至关重要。不同的单位适用于不同的场景，我们需要根据具体情况灵活运用各种单位。希望本文对你理解和使用前端 CSS 元素尺寸单位有所帮助！最后还是那句话：即使代码逻辑很简单，也值得记录下来。我的编程目标是避免重复造轮子！😊探索更多有趣知识，欢迎关注我的微信公众号！每天分享精彩内容，与你一同探寻知识的边界。扫码即可订阅，一起开启知识新旅程！🚀📚关注我的技术博客，探索前沿科技与实用开发技巧。一起携手走向代码的精彩世界！🚀💻 不错过每一篇精彩！
2024-04-18 17:30:00
587
原创 你不知道的JavaScript---作用域与闭包深入解析与实践指南
作用域是指在程序中定义变量的区域，它决定了变量的可访问性和生命周期。在 JavaScript 中，作用域有全局作用域和局部作用域之分。闭包是指函数与其周围状态的引用捆绑在一起形成的包裹。简单来说，闭包允许函数访问其外部作用域中的变量，即使函数在外部作用域执行完毕后仍然能够访问这些变量。作用域与闭包是 JavaScript 中非常重要的概念，它们不仅有助于理解 JavaScript 的执行机制，还能够帮助开发者编写更加优雅和高效的代码。
2024-04-12 12:56:48
253
原创 你不知道的JavaScript---深入理解 JavaScript 作用域
作用域是 JavaScript 中一个非常重要的概念，它决定了变量和函数在代码中的可访问性和生命周期。作用域分为全局作用域和局部作用域。作用域是 JavaScript 中至关重要的概念之一，深入理解作用域规则和原理有助于编写更加清晰、可维护的代码。通过本文的介绍，希望读者能够更加深入地理解 JavaScript 作用域，并能够在实践中灵活运用。最后还是那句话：即使代码逻辑很简单，也值得记录下来。我的编程目标是避免重复造轮子！😊探索更多有趣知识，欢迎关注我的微信公众号！
2024-04-09 23:01:54
655
原创 你不知道的JavaScript---探索JavaScript数组的奥秘：从入门到精通
JavaScript数组是一项强大而灵活的工具，掌握了它的使用方法，你将能够更加高效地处理数据。希望本指南能够帮助你在JavaScript编程中更好地使用数组，并从中获得乐趣！
2024-04-03 17:30:00
228
原创 你不知道的JavaScript---对象操作方法
对象是JavaScript编程中不可或缺的一部分，熟练掌握对象的创建、访问、修改、删除等操作方法，能够更好地进行JavaScript编程。通过本指南的介绍，希望能够对JavaScript中对象的操作有所了解，并能够在实际项目中灵活运用。
2024-04-03 12:34:06
209
原创 CSS布局——Flexbox布局中的对齐方式
你好，我是小白Coding日志，一个热爱技术的程序员。在这里，我分享自己在编程和技术世界中的学习心得和体会。希望我的文章能够给你带来一些灵感和帮助。欢迎来到我的博客，一起在技术的世界里探索前行吧！
2024-03-08 12:53:09
979
原创 CSS布局——Flexbox基础使用
文本、dom元素就是项目，这些项目是容器的子元素，他们之间是父子关系，子元素也可以开启自己独立的Flex布局，他不会继承父元素的flex属性。Flex容器的大小是由主轴尺寸或者侧轴尺寸决定的，主轴的尺寸：主轴开始位置到主轴结束位置的距离，侧抽尺寸：侧轴的开始位置到侧轴的结束位置的距离。属性即可，接收两个值，如果只设置一个值的话，那么第二个值和第一个值等同，如果两个值都设置了，第一个值是。行内元素都可以作为Flex容器，它的作用是开启一个Flex布局模式，你只需要在元素上面设置。
2024-03-08 12:52:23
959
原创 Vue纯前端实现链接生成二维码并支持下载
你好，我是小白Coding日志，一个热爱技术的程序员。在这里，我分享自己在编程和技术世界中的学习心得和体会。希望我的文章能够给你带来一些灵感和帮助。欢迎来到我的博客，一起在技术的世界里探索前行吧！在现代 Web 应用中，快速分享链接是一项常见需求。二维码作为一种简洁的分享方式，受到了广泛欢迎。如何在 Vue.js 中实现前端生成链接二维码的功能，成为了许多开发者关注的焦点。本文将介绍如何使用 Vue 纯前端技术实现动态生成链接二维码的方法，无需后端参与。
2024-02-29 20:29:03
590
原创 在 Vue 中将 DOM 导出为图片
你好，我是小白Coding日志，一个热爱技术的程序员。在这里，我分享自己在编程和技术世界中的学习心得和体会。希望我的文章能够给你带来一些灵感和帮助。欢迎来到我的博客，一起在技术的世界里探索前行吧！在日常的工作中，我们时常会碰到需要将前端页面中精美的设计或重要内容保存为图片的情况。这种需求可能来自于用户希望将页面快照分享给他人，或者是为了备份重要信息以供后续参考。面对这样的需求，传统的做法通常是依赖后端服务器生成图片，并提供下载链接。
2024-02-20 22:27:26
625
原创 使用Vue纯前端实现发送短信验证码并实现倒计时
你好，我是小白Coding日志，一个热爱技术的程序员。在这里，我分享自己在编程和技术世界中的学习心得和体会。希望我的文章能够给你带来一些灵感和帮助。欢迎来到我的博客，一起在技术的世界里探索前行吧！在实际的应用开发中，涉及用户登录验证、密码重置等场景时，通常需要前端实现发送短信验证码的功能，以提升用户体验和安全性。这个过程涉及与后端的协同配合，通过调用短信网关或短信服务接口，将验证码发送至用户手机。以下是一个简单的前端实现，演示了如何在用户点击发送验证码按钮时触发短信验证码的发送，并开始一个倒计时。
2024-02-07 17:14:57
2120
原创 使用Vue纯前端实现发送短信验证码并实现倒计时
你好，我是小白Coding日志，一个热爱技术的程序员。在这里，我分享自己在编程和技术世界中的学习心得和体会。希望我的文章能够给你带来一些灵感和帮助。欢迎来到我的博客，一起在技术的世界里探索前行吧！在实际的应用开发中，涉及用户登录验证、密码重置等场景时，通常需要前端实现发送短信验证码的功能，以提升用户体验和安全性。这个过程涉及与后端的协同配合，通过调用短信网关或短信服务接口，将验证码发送至用户手机。以下是一个简单的前端实现，演示了如何在用户点击发送验证码按钮时触发短信验证码的发送，并开始一个倒计时。
2024-02-07 16:25:20
1395
原创 更新npm镜像源：淘宝镜像已过期，及时切换！
就在昨天我创建新项目的时候总是给我报错，最开始我以为是网络问题但是在多次尝试之后还是报同样的错误，当我我查看了报错信息后联想到前几天看到一篇文章说淘宝镜像域名的HTTPS证书将于2024年1月22日到期，如果想要继续使用淘宝镜像源需要切换新的源地址。
2024-02-04 18:01:03
2764
2
转载 为什么Vue3 中应该使用 Ref 而不是 Reactive？
每次有同学学习到 vue3 的时候，总会问我：“Sunday 老师，ref 和 reactive 我们应该用哪个呢？” 我告诉他：“我们应该使用 ref，而不是 reactive”。那么此时同学就会有疑惑：“为什么呢？ref 还需要 .value 处理，reactive 看起来会更加简单呢？嗯…每当这个时候，我都需要进行一次长篇大论来解释这个问题。不过以后应该不需要了，因为这篇文章将会把这个事情解释的非常清楚…
2024-02-02 12:56:23
51
原创 提升工作效率：VSCode插件var-translate-en 中文变量名一键翻译为英文
我们在日常工作中最痛苦的事情莫过于为自己的变量命名，取一个既有意义又符合规范的变量名有时确实令人费神例如一些文件命名、函数、CSS类名，而英语水平又有限，我就因为变量命名而烦恼、痛苦。相信很多人和我一样往往在这个时候会打开百度翻译，输入中文名称来翻译为英文。
2024-01-25 13:24:00
918
原创 Git拉取_推送代码报错连接超时：Failed to connect to github.com port 443_ Timed out解决方法
在使用git拉取或推送代码的时候提示443超时的错误，造成这个问题的原因通常是你的电脑使用了VPN网络代理，比如使用了clash。
2024-01-19 13:15:20
984
原创 VuePress渲染网络图片，Markdown文档中的图片在VuePress中渲染出来
我平时写文章使用的语雀，写好之后再导出为MarkDown文档，再把MarkDown文档放入自己项目目录中VuePress就会帮我渲染为静态html页面。
2024-01-18 18:30:00
958
原创 React基础知识入门
函数返回标签)语法是JSX，大多数 React 项目会使用 JSX，组件的首字母必须以大写开头，HTML标签全是小写字母，这样也便于区分是React组件还是HTML标签。你的组件不能返回多个JSX标签，可以使用一个共享的父级。比如有两个按钮点击其中一个按钮另一个的值也会实时更新。一个组件是 UI（用户界面）的一部分，它拥有自己的逻辑和外观。有时候我们可能需要组件记住某个状态，比如一个按钮被点击的次数，想做到这一点可以在你的组件使用。将count的值加1，这个count的值随着按钮的点击会不断的增加。
2023-12-08 13:00:56
561
原创 使用 VuePress 和 Vercel 打造个人技术博客：实现自动化部署
VuePress 是一个以 Markdown 为中心的静态网站生成器。你可以使用Markdown来书写内容（如文档、博客等），然后 VuePress 会帮助你生成一个静态网站来展示它们。VuePress 诞生的初衷是为了支持 Vue.js 及其子项目的文档需求，但是现在它已经在帮助大量用户构建他们的文档、博客和其他静态网站。
2023-11-20 12:41:33
354
原创 我终于学会的前端技能——代码调试、打断点
我觉得作为一名合格的前端一定要掌握前端调试的技能，会了调试你的开发效率就会提高，而且如果想进阶看一看框架源码的话调试技能也是必备的。我经常看到别人调试代码的时候就好羡慕咔咔咔一顿操作感觉好厉害啊，可自己就是学不会不善于使用断点的方式调试代码，觉得这玩意儿操作起来好复杂，还不如我的console.log用的顺手呢，就这样我一直呆在自己的舒适区，直到有一天我接触到了源码相关的知识方才意识到学会调试的重要性，后来我在掘金上买了前端调试的小册开始了我的前端调试之路。遇到问题后一个断点就能快速的定位到问题所在。
2023-11-05 10:01:40
293
原创 Vue项目移植代码
在日常工作中，比如我们会拿到一个需求：老板给你一套甚至好几套前端代码，让你直接抄下来，集成到自己的项目中去，而且时间紧任务重，根本就没有需求，我们的需求就来自于这套代码中所实现的东西，你也没有时间去理解他的需求，没有产品、没有UI，你手里只有一套别人的代码，老板会要求你必须如期交付，这个时候你会怎么办？
2023-09-23 13:05:10
187
原创 Bpmn在vue中不能使用require 进行导入图片，而是要使用new URL
在vue3项目中引入了bpmn，其原有的图形/形状并不能满足我的需求，所以我对原有的图形进行了自定义，改为了图片，而我在开发过程中发现图片的引入方式有了些许变化，如果使用默认默认的方式也就是直接在url后面指定图片的路径，这样子在bpmn中是渲染不出来的。如果是相对地址就需要这个参数，其作用是作为url的基础地址。如果是相对地址则需要base参数，如果是绝对地址会忽略base参数。只有这样：相对地址+base基础地址我们的图片才可以正确显示出来。主要是学习了mdn和张鑫旭对于URL对象的说明。
2023-09-21 13:33:55
189
原创 你不知道的JavaScript---对象
不管是使用对象字面量形式还是构造形式创建出来的对象都是一样的，唯一的区别是用对象字面量创建的对象可以一次性添加多个键值对，而使用构造形式创建的对象你必须逐个为他添加。之前我的理解是对象的内容通常是存在这个对象容器内部的，其实对象内容存的只是对象的属性名称，这个属性名称就像指针一样指向了属性值的真正存储位置。那是因为在必要的时候JavaScript会自动将字符串转为一个对象，不需要显式的去创建一个对象，这样就能访问他的属性和方法了，就会很方便了。他们两访问的是同一个位置，并且返回值也是相同的。
2023-09-08 00:26:55
276
原创 JavaScript 基础知识回顾与复习---闭包
而闭包正好阻止了这件事情的发生，它的内部作用域依然存在，因为bar还在使用，它访问了foo内部的变量a,bar还持有对foo作用域的引用，这个引用就是闭包，什么是闭包？在学习的过程中不要害怕闭包，闭包并不是一个新的语法或者模式，他只是基于词法作用域书写代码时产生的自然结果，我们需要做的就是去识别、拥抱和影响闭包的思维。其实就是一个函数能够记住并访问其所在的词法作用域中的变量，这样就产生了闭包，闭包的作用是延长了变量的生命周期，阻止了浏览器垃圾回收机制去立即回收变量。这里先给出闭包的概念，什么是闭包？
2023-08-26 22:50:50
363
原创 JavaScript 基础知识回顾与复习---关于this
以上就是关于JavaScript中关于this的知识总结。关于对this的两个误会：1.this指向其函数自身 2. this指定函数内部作用域。我们一定要纠正这两个误会。函数中this的绑定只有在这个函数运行时才确定，如果要知道这个函数中this绑定到了什么地方，那就要找到这个函数的实际调用位置，而并不是函数的声明位置。找到了函数的调用位置那么久可以依照以下的this绑定规则来确定this到底绑定到了那个对象上面。如果是由new调用就绑定到新创建的对象上面。
2023-08-26 19:17:23
159
原创 JavaScript 基础知识回顾与复习---对象
对象可以说是JavaScript中最重要的一部分了，对象中包裹的是属性，当然也可以包含一个函数，因为函数也是一种数据，我们称之为对象的方法。通常以键值对的形式出现，像key: value这样子读取对象通常读取一个对象用 . 的语法来读取，通过数组 [] 方括号的方式来读取也是可以的。当一个对象的属性是动态的时候，此时我们就可以利用方括号语法动态的传递一个变量去读取。修改属性与方法JavaScript是一种动态语言，所以我们可以随时修改对象的属性和方法，包括添加和删除为对象添加一个属性删除对象的一
2023-07-11 23:59:25
131
原创 JavaScript 基础知识回顾与复习---函数
JavaScript的编程离不开函数，因为其中很多功能都来自于函数，通过函数我们可以实现丰富多样的功能，这也极大的提高了我们的开发效率。通常可以function关键字+函数名来定义一个函数，使用时在函数名后面加一对括号即可// 定义一个函数return 123// 调用函数sum()
2023-07-02 23:20:22
180
原创 JavaScript基础知识回顾 数据类型，循环，条件表达式
JavaScript是一种专门为与网页交互而设计的脚本语言**，它由三个部分组成：1.ECMAScript 提供核心语言功能。2.文档对象模型（DOM）提供了访问和操作网页内容/元素的方法和接口。3.浏览器对象模型（BOM）提供了与浏览器交互的方法和接口。例如：navigator，location，screen。
2023-06-13 22:28:53
345
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人