使用nodejs开发一个后台管理系统

前言为什么要开发一套这样的系统?网上资源那么多为什么还要自己造轮子?为什么要选择nodejs?这可能是你们会发出的疑问,但是我还是要这么做,至于为什么,下面听我一一道来...小编还在快马加编中🐎...技术选型【前端】Vue3ViteNaiveUI【服务端】Koa2.jsnode.js【数据库】sequelizeMySQL(mysql2)【服务器】腾讯云2核4G轻量级应用服务器系统架构...系统栏目

- 阅读全文 -

当一个元素出现在视口时添加css样式

假设只需要当元素出现在视口,无论出现多少的话,使用 IntersectionObserver 这个API即可满足需求,代码示例如下: // 创建一个 IntersectionObserver 实例 const observer = new IntersectionObserver(entries => { entries.forEach(entry => {

- 阅读全文 -

好用的js函数

util.js/** * 将金额转换为以千为单位分割的字符串格式 * @param {number} amount - 要格式化的金额 * @returns {string} 格式化结果字符串 */ const formatMoney = (amount) => { // 将金额转换为字符串,并使用 split 方法将整数部分和小数部分分别存储在数组中 const [

- 阅读全文 -

前端如何学习正则表达式

正则表达式(Regular Expression)是一种强大的文本处理工具,可以用于在字符串中进行模式匹配和替换操作。在前端开发中,正则表达式被广泛应用于表单验证、数据处理和搜索等方面。因此,学习正则表达式已经成为每个前端开发人员必备的技能之一。本文将介绍如何学习和掌握正则表达式,包括:正则表达式的语法和基本概念。如何使用常量和变量使用正则表达式常用正则表达式语法的详细讲解以及示例代码。正则表达式

- 阅读全文 -

前端工程中回调函数详解

在前端开发中,我们经常使用回调函数来处理异步操作的结果。回调函数是一个非常重要的概念,对于理解 JavaScript 中的异步编程模型和前端工程实践都具有重要的意义。本文将会对回调函数进行详细讲解,并给出代码示例说明如何使用回调函数来解决一些常见的前端工程问题。回调函数的概念回调函数是指在 JavaScript 中一个函数作为另一个函数的参数被调用时,以函数形式传递的函数;当某个函数执行完之后,会

- 阅读全文 -

typecho博客系统导航栏选中高亮

效果如下:实现代码:// index.js // console.log(window.location.pathname) const url = window.location.pathname.split('/'); let nowUrl if(window.location.pathname === '/') { nowUrl = 'home'; } else { nowU

- 阅读全文 -

下拉菜单点击展开点击其他地方关闭

<style> /* 下拉菜单按钮样式 */ .dropbtn { background-color: #ffffff; color: #333333; padding: 10px; font-size: 16px; border: none; cursor: pointer; } /* 下拉菜单容器样式(隐藏) */

- 阅读全文 -

Js中 for...of 写法如何获取数组元素索引值

一般写法for (const item of arr) { // console.log(item) }此方法我们无法获取到 item 的索引值,因此我们使用解构赋值和 entries() 方法来获取每个元素的值和索引for(const [index, item] of arr.entries()) { // console.log(index) }

- 阅读全文 -

ES6新增的字符串处理API

ES6带来了许多新的处理字符串的 API。以下是其中一些常用的:startsWith() 和 endsWith():用于判断字符串是否以特定的子字符串开头或结尾。const text = "Hello, world!"; console.log(text.startsWith("Hello")); // true console.log(text.ends

- 阅读全文 -