随笔分类 -  前端开发

前端开发
Vue3 配合 Element-Plus 和 iframe-resizer 完美实现抽屉 Drawer 和 iframe
摘要：通过 Vue 指令实现自动调整 iframe 大小，包括抽屉占位和页面使用的示例。使用 iframe-resizer 库监听 iframe 内容变化并自动调整高度，有效解决了页面内嵌 iframe 的高度适配问题。 阅读全文
posted @ 2024-02-28 14:47 灯塔下的守望者 阅读(514) 评论(0) 推荐(0)
从Integrated-Repos上手nx
摘要：初始化 nx 工作空间 npx create-nx-workspace zhi --package-manager=pnpm --preset=ts ​ 创建 package pnpm nx generate @nrwl/js:library zhi-env --publishable --impo 阅读全文
posted @ 2023-04-04 22:18 灯塔下的守望者 阅读(52) 评论(0) 推荐(0)
使用TypeScript开发一个自定义的Node-js前端开发脚手架
摘要：本文将从零开始介绍如何用 Node.js​ 和 TypeScript​​ 开发脚手架。 可用版本的 github 地址：zhi-cli npm 的地址：zhi-cli 需求来源 如果我们之前花很大力气搭建了一个项目开发工具包，但是有了新项目想用咋办，常规办法就是拷贝模板文件。但是每次拷贝模版再去修改 阅读全文
posted @ 2023-03-08 17:56 灯塔下的守望者 阅读(991) 评论(1) 推荐(1)
使用nodejs实现ed25519的公钥加密和私钥解密
摘要：主要使用了 ed25519 库 加解密和验证代码 // Common.js and ECMAScript Modules (ESM) import * as ed from '@noble/ed25519'; // If you're using single file, use global va 阅读全文
posted @ 2022-11-26 21:42 灯塔下的守望者 阅读(643) 评论(0) 推荐(0)
dojo利用promise实现多个异步校验
摘要：代码如下： // 敏感词过滤 var promiseAll = checkSenstiveWords(); promiseAll.then(function (results) { // console.log("results=>", results) // console.log("v1=>", 阅读全文
posted @ 2022-11-26 21:35 灯塔下的守望者 阅读(20) 评论(0) 推荐(0)
从零开始写一个vuepress插件
摘要：初始化插件项目 在任意目录新建一个插件目录，我这里在 /pkg/vuepress-plugin-simple-encrypt mkdir /pkg/vuepress-plugin-simple-encrypt 进入该目录，初始化项目 yarn init 输入插件名 vuepress-plugin-s 阅读全文
posted @ 2022-11-26 21:23 灯塔下的守望者 阅读(270) 评论(0) 推荐(0)
在Vite+TypeScript的项目中使用~和@代替src根路径的方法
摘要：原由 当前端项目组件比较多的时候，引用组件会面临路径特别长的情况，不易维护且容易出错。定义绝对路径映射是个好办法，下面就介绍 Vite+TypeScript 的项目中中的具体实现。 方案 ​vite.config.ts​ resolve: { alias: { "~": path.resolve(p 阅读全文
posted @ 2022-11-22 18:10 灯塔下的守望者 阅读(164) 评论(0) 推荐(0)
vdoing主题vuepress的v1版本集成Artalk
摘要：后端部署 https://artalk.js.org/guide/backend/install.html#%E4%BD%BF%E7%94%A8-docker 使用 docker-compose 部署即可，很简单。这里需要注意的是配置 https。 我的部署结果： https://talk.terw 阅读全文
posted @ 2022-10-23 19:36 灯塔下的守望者 阅读(60) 评论(0) 推荐(0)
pnpm安装electron报错404解决方案
摘要：方案一：自定义镜像地址 pnpm config set registry https://registry.npmmirror.com/ pnpm config set electron_mirror=https://cdn.npmmirror.com/binaries/electron/ pnpm 阅读全文
posted @ 2022-10-23 19:31 灯塔下的守望者 阅读(907) 评论(0) 推荐(0)
node发送邮件
摘要：代码 Mail.mjs import nodemailer from "nodemailer"; export default async function sendMail(to, title, msg) { // 创建transporter const transporter = nodemai 阅读全文
posted @ 2022-10-23 19:21 灯塔下的守望者 阅读(33) 评论(0) 推荐(0)
MacOS解决npm权限不足问题
摘要：MacOS解决npm权限不足问题 sudo chown -R `whoami` ~/.npm sudo chown -R `whoami` /usr/local/lib/node_modules 错误提示如下： permission denied, access '/usr/local/lib/no 阅读全文
posted @ 2022-10-23 17:56 灯塔下的守望者 阅读(239) 评论(0) 推荐(0)
dotenv加载变量
摘要：// @ts-ignore import dotenv from 'dotenv' import path from 'path'; /** * 初始化测试环境变量 */ export const initTestEnv = () => { const __dirname = path.dirnam 阅读全文
posted @ 2022-10-23 17:20 灯塔下的守望者 阅读(24) 评论(0) 推荐(0)
后端服务CORS预检请求验证问题探究
摘要：问题探索 问题引入 目前在 Vite+Vue3 的项目中使用 fetch API 调用 siyuan 的 API 时候，如果加上 API 鉴权，就会返回 CORS 错误，如下： ​ 根据 https://developer.mozilla.org/en-US/docs/Glossary/Prefli 阅读全文
posted @ 2022-10-23 17:11 灯塔下的守望者 阅读(94) 评论(0) 推荐(0)
使用cross-fetch替换node-fetch和isomorphic-fetch
摘要：安装 yarn add cross-fetch 使用 import fetch from 'cross-fetch'; polyfill的使用方式 import 'cross-fetch/polyfill'; 阅读全文
posted @ 2022-10-23 17:05 灯塔下的守望者 阅读(156) 评论(0) 推荐(0)
yarn和npm设置国内镜像源
摘要：2022-08-16 feat:更新最新镜像地址。 由于 npm 包部分依赖下载速度缓慢，最好使用国内镜像源来解决，一般使用淘宝开源的镜像。 安装 yarn npm i -g yarn yarn 设置国内源 yarn config set registry https://registry.npmm 阅读全文
posted @ 2022-08-16 23:15 灯塔下的守望者 阅读(3752) 评论(0) 推荐(0)