拥有0000-未整理-等待研究标签的文章

从零开始搭建一个前端日志框架 - 掘金

前言原谅我起了一个这么大的标题，当了一回标题党😛之前一直做B端系统，针对线上错误引入了 `sentry` 来收集错误日志，一开始还能盯着告警邮件，后面告警越来越多就选择性忽视了🤪，大伙可千万别学我，我忽视的可都是不影响业务和流程的报错（嗨，还在找借口🤣），让我想起来每次说我爸骑车闯红灯，他都会说是在不影响安全的情况下闯的，有那么点异曲同工之妙了。入职新公司后顺理成章也接入了 `sen...
阅读全文

当3D走进义乌购（Vue3+Pinia+Koa+Three.js 全栈项目） - 掘金

前言==前几天一个朋友去义乌旅游，带回来很多小商品，就是一整个物美价廉，但是为什么线下购物和网购有的时候差别这么大（网购经常要退换货啊😭😭😭），为此我萌生了一个想法，3D是不是就可以实现在线看商品的细节了，退换货这么麻烦是不是可以省省了😏一、项目概述     ===========这个项目是对义务购app的一个模仿，相对于其官方app，我`新增`的亮点如下： 商品排列布局使...
阅读全文

DOM 转 PDF 的 5 种方案 - 掘金

项目中想要将侧边弹窗里的内容导出成 PDF. 纯前端手段是否可以完成呢?一分钟 DEMO========所有的 demo 都用最简便的代码实现, 可以直接控制台执行; 来玩一玩==== 结论简单明了======欢迎评论更多思路 方案对比====方案概要css 媒体查询iframe 打开 DOM 元素将 body 重置为目标 dom ...
阅读全文

宝藏插件--js to ts - 掘金

前言大家好，我是 simple ，我的理想是利用科技手段来解决生活中遇到的各种问题。今天跟大家介绍一个宝藏插件`js to ts`。 简介本篇博客将介绍一款功能强大的VSCode插件：js to ts。该插件提供了一系列便捷的功能，可以帮助开发者在JavaScript和TypeScript之间进行快速转换和编辑。通过js to ts插件，您可以轻松地将JavaScript代码...
阅读全文

开箱即用的 Uniapp 最佳实践集成模板 - 掘金

============================================================================================================================================================================🚀 基于 vitejs 驱动的 uniapp 最佳...
阅读全文

实现转盘抽奖功能 - 掘金

1、实现转盘数据动态配置（可通过接口获取）2、背景色通过分隔配置3、转动速度慢慢减速，最后停留在每一项的中间，下一次开始从本次开始4、当动画停止后在对应事件中自定义生成中奖提示。5、本次中奖概率随机生成，也可自定义配置实现代码htmljs复制代码``<template <div class="graphpage" <div class="platewrapp...
阅读全文

Promise实现原理 - 掘金

前言在编程中，Promise 是一种常见的编程模式，它有效的帮助我们解决回调地狱问题。使我们能更优雅的编程，提高代码可读性和维护性。我以前只会使用 Promise，并不知道它的实现源码，无法更好的理解 Promise。通过学习视频和查阅资料，深刻的理解该方法的源码。现在我将记录 Promise 源码实现的过程。【实现 Promise 以下方法】 resolve reje...
阅读全文

你真的需要Pinia🍍吗？ - 掘金

尤大大：理论上来说，每一个 Vue 组件实例都已经在“管理”它自己的响应式状态了。🤦‍♂️：不会吧🤡！既然Vue本身具备状态管理的能力，我们还有必要引入Pinia🍍或者Vuex等状态管理工具吗？Vue实例作为状态管理器应该怎么实现？按照vue官网我们来实践一次。简单状态管理 😎 状态管理器我们以Vue3为例，实现一个状态管理。首先创建一个名为`auth.ts`的ts文件，这文...
阅读全文

极致舒适的Vue弹窗使用方案 - 掘金

一个`Hook`让你体验极致舒适的`Dialog`使用方式！Dialog地狱为啥是地狱？因为凡是有`Dialog`出现的页面，其代码绝对优雅不起来！因为一旦你在也个组件中引入`Dialog`，就最少需要额外维护一个`visible`变量。如果只是额外维护一个变量这也不是不能接受，可是当同样的`Dialog`组件，即需要在父组件控制它的展示与隐藏，又需要在子组件中控制。为了演示...
阅读全文

vue 3 学习笔记 (八)——provide 和 inject 用法及原理 - 掘金

在父子组件传递数据时，通常使用的是 props 和 emit，父传子时，使用的是 props，如果是父组件传孙组件时，就需要先传给子组件，子组件再传给孙组件，如果多个子组件或多个孙组件使用时，就需要传很多次，会很麻烦。像这种情况，可以使用 provide 和 inject 解决这种问题，不论组件嵌套多深，父组件都可以为所有子组件或孙组件提供数据，父组件使用 provide 提供数据，子组件或孙...
阅读全文