解决方案 | LeylaTop

🗃️ 开源框架

11 个项目

🗃️ 插件开发

4 个项目

🗃️ 快捷键

5 个项目

🗃️ 三位一体

1 个项目

📄️ AI 生成代码，实时预览的几种方案

一、 html + srcdoc + iframe

📄️ Github Actions 部署到静态网站上的问题解决

- npm ERR! Cannot read properties of null (reading 'pickAlgorithm')

📄️ PDF下载需求总结

1. 最初想法,在当前页面预览pdf文件,但是因为pdf预览功能有难度,所以放弃了预览，改为下载;

📄️ Select组件和Dropdown 下拉菜单组件的区别

1. select组件和dropdown组件，都可以点击opener，打开气泡

📄️ Taro开发小程序到ReactNative开发原生应用的思考

前期使用taro进行小程序端的开发，随着业务的越来越繁重，可能会做移动端应用。为了方便前端技术的复用，在前期使用tora进行小程序开发的时候，需要将哪些模块提纯或者创建单独的模块或仓库？

📄️ VSCode HTML代码片段（基础版，react、vue、jquery）

起因是最近在学习前端，看的网上的demo也是在react、vue、jquery之间穿插，为了方便一键生成html模板（懒）写demo，有了以下折腾。

📄️ Web assembly 在网页应用程序中的应用流程

- 基础流程

📄️ Youtube订阅——解决在弹窗内使用Youtube订阅按钮高度显示不全的问题

背景：公司网站业务在做海外营销网站，为了配合营销工作，前端总要在各种地方添加各种社媒订阅；最近遇到的是在弹窗内展示公司的Youtube账号的订阅按钮。

📄️ crontab-定时执行命令

基于mac系统，每分钟执行一次同步笔记的命令

📄️ github 推送后不更新活动热力图的问题

问题：

📄️ mac 下Chrome打开控制台变得很慢的解决方式

https://cloud.tencent.com/developer/article/2043407

📄️ mac端修改hosts文件

在命令行输入 sudo vi /etc/hosts

📄️ markdown-list 语法

质能守恒方程可以用一个很简洁的方程式 $E = mc^2 $来表达。

📄️ markdown转confluence 表格语法

分享一下markdown =>confluence 创建表格的思路；

📄️ ssg静态站点生成方案

eleventy 11ty

📄️ vscode 插件列表

image.png

📄️ vscode 用正则筛选代码中的中文

在VSCode中使用正则表达式来筛选文件中的中文字符，你可以使用以下的正则表达式：

📄️ 低代码测试学习心得

低代码测试分为两个阶段：录制和回放。

📄️ 使用 pake 安装 web

pake github地址：https://github.com/tw93/Pake

📄️ 使用vim批量替换 git rebase

需求：

📄️ 使用脚本解决每次都需要手动推送新建 git 分支的问题

每次基于主分支新建开发分支后，想要将开发分支推送到远端，都会提示以下内容：

📄️ 判断字符串是否包含中文

📄️ 前端使用 `navigator.mediaDevices.getDisplayMedia` 进行截图

重点 api:

📄️ 前端标准规范体系

- 编码规约，语句结尾是否要有分号，最后一行是否要换行，缩进是 4 个还是 2 个空格等。当然也有一些很好用的工具例如 Prettier、ESLint 等来帮助我们做这些事情，用这些工具插件的前提也是要有规范，这个是编码规约。

📄️ 加密url中的字符防止爬虫刷流量

📄️ 协同编辑&协同算法资料

- ] [# 基于CRDT的协同编辑开发

📄️ 命令行工具开发之package-bin 配置

package.json 中的bin字段指定了当包被全局安装时，哪些文件会被链接到系统路径上。这样，这些文件就会被作为命令行工具在终端中使用。

📄️ 团队提效方向

- 编译提升

📄️ 在github首页中pin自我介绍

如何在别人一打开你的项目，就能看到你pin在最顶端的自我介绍

📄️ 在vscode 中使用正则匹配一类字符

需求：写一个正则匹配 ga360location="xxxxxxxxxxxxxx"，其中ga360location=""是固定的，中间的字符可以是任意个数字、字母、下划线，正则用于在vscode中全局筛选到这些字符 ga360location="xxxxxxxxxxxx"，并且删掉。

📄️ 在阿里云服务器示例中执行docker-compose up较慢问题

解决方法，配置docker国内镜像

📄️ 地图开发解决方案

- 服务：阿里云

📄️ 基于strapi的自定义cms内容管理系统

组件

📄️ 基于前端工程化的CDN容灾方案

资源重载

📄️ 大文件上传优化策略

大文件上传优化策略

📄️ 如何切换Mac 调度中心显示APP窗口为折叠或平铺模式

缘由

📄️ 宁芝键盘键位错乱

表现1：ctrl 和 caps Lock功能错乱

📄️ 将chatgpt返回的HTML元素嵌入到当前页面中

为了将chatgpt返回的HTML元素嵌入到当前页面中，并确保其内部CSS样式不会影响页面其他元素的样式，同时能够添加鼠标事件，我会提供以下几个方案：

📄️ 将node中的命令行改写成.sh文件的步骤

1. 创建 .ssh 脚本文件

📄️ 将xx函数的返回值作为一种类型，用typescript表示

在这个示例中，ReturnTypeOfExampleFunction 类型等价于 { x number; }，这是 exampleFunction 函数的返回值类型。

📄️ 我在 20 年的软件工程师生涯中学到的事情

（1）优秀的软件工程师不仅编写代码，还会考虑谁将使用它、为什么使用它、如何使用它。牢记用户需求才能创造良好的用户体验。

📄️ 接入付费情况

以下是各平台的收费情况：

📄️ 本地命令行批量修改git远程地址

1. 在要批量修改的文件夹的上一级目录下新建 change_git.sh 脚本：

📄️ 查看当前gitlab版本

- 查看当前gitlab版本：

📄️ 用1个div 和 css 实现背景图与渐变效果叠加的效果

思路： div + 伪元素实现

📄️ 系统设计：设计URL短链接工具

URL 短链是一种将长 URL 转换为短 URL 的服务，通常用于在微博、微信等社交网络中分享链接。本文介绍了 URL 短链的原理、实现方式和常见问题。

📄️ 线上故障应急处理

故障类型

📄️ 组件开发-Tooltips

- 支持定义箭头是否显示

📄️ 绘图工具前端渲染技术调研

- 特点：重绘制、鼠标事件、鼠标样式需要手动兼容）

📄️ 编码规范-20240529

1. 避免重复原则

📄️ 虚拟数字人

虚拟数字形象、虚拟数字ip，

📄️ 角度和弧度的换算关系

问题：

📄️ 解决setInterval一般会在x之后才会调用第一遍

📄️ 解决windows下Chrome78以上跨域失效问题

1. 为什么需要解决chrome浏览器跨域的问题？

📄️ 解决开发环境下react18 之后的版本数据请求 2 次的问题

react 18 版本之后，在本地开发环境的严格模式下，页面初始化流程会执行 2 次，即先挂载卸载，再挂载。如果数据请求放在 useEffect 中，就会导致请求会初始化 2 次。这是 react 精心设计的，可以让我们在开发环境下能及时发现未及时清除的副作用。

📄️ 记录由于接口缓存导致的bug排查路程

背景

📄️ 记录试图希望获取网页所占内存

背景：

📄️ 调研接入apple登录

首先解释这个Apple OAuth URL的组成部分：

📄️ 账号接入facebook调研

1. 基础URL//www.facebook.com/v7.0/dialog/oauth

📄️ 账号接入twitter调研（付费）

以下是实现Twitter/X登录的基本步骤：

📄️ 账户接入google调研

让我为您解析这个Google OAuth 2.0授权URL的各个组成部分：

📄️ 跨页面文件传输方案

记录一下我在开发中遇到的跨前端页面进行文件传输的方案。