最近抽空又完善了一下我的开源项目——Next-Admin. 它是一款基于 Next.js 开发的前后端同构的中后台管理模版, 面向可视化领域设计, 我们使用它可以轻松搭建国际化的Web系统项目, 内置...
快乐学习JavaScript中的类型判断
引言 在JavaScript中,准确地判断变量的类型是编程中不可或缺的一部分。无论是进行数据验证、类型转换还是实现复杂的逻辑,掌握类型判断的方法都是非常重要的。 本文将带你深入了解四种常用的类型判断方...
用electron写个浏览器给自己玩
浏览器这种东西工程量很唬人,但是有了electron+webview我们就相当于只需要干组装的活就可以了,而且产品目标就是给自己玩, 成品的效果 ?本来想写成专业的技术博客,但是发现大家好像对那种密...
Vue组件通信,如何搭建数据桥梁
前言 Vue组件化的思想,让前端的代码编写起来更加的优雅,让各个组件变成独立的、可复用的模块,这无疑提高了开发应用的效率降低了开发人员的压力。但是这样就诞生一个问题:当组件变成独立的模块时,各个组件之...
阻止关闭或刷新浏览器?分享 1 段优质 JS 代码片段!
今天分享一段优质 JS 代码片段,实现在关闭或刷新浏览器窗口时做提示。 老规矩,先阅读代码片段并思考,再看代码解析再思考,最后评论区留下你的见解! js 代码解读 复制代码 window.addEve...
如果不考虑失业,最推荐学哪几门编程语言?
00.写作背景 社区里有女粉提问,如果不考虑失业,最推荐学哪几门编程语言?(PS:要求可以提升思维逻辑,有趣又好玩等等) 确实,地球人都知道,有时候 选择大于努力。如果你认为 PHP 是地球上最好的语...
照片裁剪✂✂✂-基础裁剪、裁剪器裁剪、固定规格裁剪、不规则裁剪
基础裁剪 照片裁剪一个很常见的功能了,今天咱们来手撸一个耍耍看。? 当前,照片裁剪在很大程度上已经转向基于 Canvas 来实现,这样做有几个好处: 性能:Canvas 能通过GPU加速进行图像操作,...
不了解事件循环EventLoop的不是一个好前端er
前言 JavaScript是单线程的脚本语言,意味着它一次只能执行一个任务。然而,现代Web应用常常需要处理异步操作,如网络请求、定时器等,为了让线程不阻塞,Event Loop出现了,它是JavaS...
你真的了解JavaScript的运行机制吗?
JavaScript为何采用单线程设计? JavaScript最初设计用于浏览器环境,旨在增强网页的交互性。若JavaScript采用多线程模式,尤其是在处理DOM(文档对象模型)时,可能会引发冲突。...
这些实用工具函数都撕不明白还敢说自己是高级前端
很多工具函数大家都知道,比如防抖函数,节流函数,深拷贝函数等,一问都会,一写就废,用lodash的掘友们,是不是基本功都退化了?CV工程师请不要把基本功给弄丢了,下面我来整理一下项目中常用的工具函数,...
JS性能优化之防抖节流的“妙用”:实战篇
前言 在前端领域,防抖(Debounce)与节流(Throttle)是提升性能、改善用户体验的利器。本篇文章将结合具体的HTML示例代码,深入剖析这两种技术的应用场景和内部机制,以期帮助开发者更好地掌...
vue新手入门教程(项目创建+组件导入+VueRouter)
前言 今天主要是分享一个vue的基础语法。涉及到Vue项目的创建和vueRouter的使用。过两天我就会写一个天气预报的小demo的文章,涉及的内容包括vant组件库+Echarts+高德API的调用...
告别手动导入:Webpack的require.context自动化解决方案
前言 如图,在做项目的过程中需要加载上图中所有的svg图片,按照传统的方式肯定需要一个一个进行导入,非常繁琐并且耗时,接下来介绍一个好用的API可以帮助我们快速的完成这一步骤。 用法 requre.c...
Pinia 实战指南:轻松驾驭前端状态管理
前言 本文讲解一下在前端开发中经常使用的一个状态管理工具Pinia Pinia 是 Vue 的专属状态管理库,很值得我们深入去学习一下 Pinia是什么? Pinia是专门为Vue.js应用程序设计的...
理解 JavaScript 中的继承
继承应该是面向对象编程中讨论最多的话题之一了。绝大多数的面向对象(Object-oriented)语言都有类的概念,并且这些语言也都是通过类来实现继承的。而在 JavaScirpt(ECMAScrip...
防抖与节流问题,让服务器压力小一点
前言 防抖(Debounce)和节流(Throttle)在前端开发中主要用于控制函数的执行频率,可以有效地优化前端应用的性能,减少资源消耗,并提供更流畅的用户体验。它们的作用具体如下: 防抖(Debo...
大文件分片上传和分片下载
前言 之前不是说过,最近公司有一个AI项目,要做一个文档问答的AI产品。 对于一款AI产品,我们肯定少不了前后端数据交互,这个我们在写一个类ChatGPT应用,前后端数据交互有哪几种中有过介绍。 然后...
给我一个promise,就跟着你了
一、前言⚔️ 昨天已经讲过了异步和JS的执行机制了,异步是一种操作模式,有着执行的非阻塞性和顺序的非确定性。JS的执行机制就是Event Loop那一套流程了。 异步使得JS不会是一个愣头青一般的语言...
ESModule如何让前端更合理的组织Worker
简单介绍 Worker 简单介绍下 Web Worker ,随着 Web 应用日益发展迭代,性能需求越来越高,经典的事件循环(单线程)逐渐成了我们应用性能的瓶颈,Web Worker 就是可以让 We...
Event Loop中的Promise来解救”回调地狱“!
前言 Promise Promise 是 JavaScript 中用于处理异步操作的一种编程模型,它代表了未来可能得到的一个结果(可能是成功的数据或失败的原因)。Promise 的主要目的是为了解决回...