前端开发共20篇
Vue3 配合 Element-Plus 和 iframe-resizer 完美实现抽屉 Drawer 和 iframe-浅海拾贝

Vue3 配合 Element-Plus 和 iframe-resizer 完美实现抽屉 Drawer 和 iframe

通过 Vue 指令实现自动调整 iframe 大小,包括抽屉占位和页面使用的示例。使用 iframe-resizer 库监听 iframe 内容变化并自动调整高度,有效解决了页面内嵌 iframe 的高度适配问题。
实现一个通用的环境变量设置工具-浅海拾贝

实现一个通用的环境变量设置工具

项目初始化 使用我们前面的 zhi-cli npm set registry https://registry.npmmirror.com pnpm set registry https://registry.npmmirror.com npm i -g zhi-cli 生成项目 cd apps zhi-cli init zh...
Terwer的头像-浅海拾贝Terwer1年前
04330
解决css部分border被圆角切掉之后圆角的边框消失问题-浅海拾贝

解决css部分border被圆角切掉之后圆角的边框消失问题

问题 症状大概是这个样子: ​​ 解决办法 给当前设置 border​ 和 border-radius​ 属性的元素加: overflow: auto; ‍
Terwer的头像-浅海拾贝Terwer1年前
05880
使用TypeScript开发一个自定义的Node-js前端开发脚手架-浅海拾贝

使用TypeScript开发一个自定义的Node-js前端开发脚手架

本文将从零开始介绍如何用 Node.js​ 和 TypeScript​​ 开发脚手架。 可用版本的 github 地址:zhi-cli npm 的地址:zhi-cli 需求来源 如果我们之前花很大力气搭建了一个项目开发工具包,但是...
使用nodejs实现ed25519的公钥加密和私钥解密-浅海拾贝

使用nodejs实现ed25519的公钥加密和私钥解密

主要使用了 ed25519 库 加解密和验证代码 // Common.js and ECMAScript Modules (ESM) import * as ed from '@noble/ed25519'; // If you're using single file, use global variable instead: ...
Terwer的头像-浅海拾贝Terwer2年前
03600
dojo利用promise实现多个异步校验-浅海拾贝

dojo利用promise实现多个异步校验

代码如下: // 敏感词过滤 var promiseAll = checkSenstiveWords(); promiseAll.then(function (results) { // console.log('results=>', results) // console.log('v1=>', results[0].fl...
Terwer的头像-浅海拾贝Terwer2年前
02540
从零开始写一个vuepress插件-浅海拾贝

从零开始写一个vuepress插件

初始化插件项目 在任意目录新建一个插件目录,我这里在 /pkg/vuepress-plugin-simple-encrypt mkdir /pkg/vuepress-plugin-simple-encrypt 进入该目录,初始化项目 yarn init 输入插件名 vuepre...
在Vite+TypeScript的项目中使用~和@代替src根路径的方法-浅海拾贝

在Vite+TypeScript的项目中使用~和@代替src根路径的方法

原由 当前端项目组件比较多的时候,引用组件会面临路径特别长的情况,不易维护且容易出错。定义绝对路径映射是个好办法,下面就介绍 Vite+TypeScript 的项目中中的具体实现。 方案 ​vite.confi...
Terwer的头像-浅海拾贝Terwer2年前
05590
vdoing主题vuepress的v1版本集成Artalk-浅海拾贝

vdoing主题vuepress的v1版本集成Artalk

后端部署 https://artalk.js.org/guide/backend/install.html#%E4%BD%BF%E7%94%A8-docker 使用 docker-compose 部署即可,很简单。这里需要注意的是配置 https。 我的部署结果: https://talk.t...
Terwer的头像-浅海拾贝Terwer2年前
03630
node发送邮件-浅海拾贝

node发送邮件

代码 Mail.mjs import nodemailer from 'nodemailer'; export default async function sendMail(to, title, msg) { // 创建transporter const transporter = nodemailer.createTransport({ host...
Terwer的头像-浅海拾贝Terwer2年前
02300