08 2023 档案
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 问题描述：最近工作中出现一个需求，纯前端下载 Excel 数据，并且有的下载内容很多，这时需要给下载增加一个 loading 效果。 代码如下： // utils.js const XLSX = require('xlsx') // 将一
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 在我们项目开发中,经常会有布局拉伸的需求,接下来 让我们一步步用 vue指令 实现这个需求 动手开发 在线体验 codesandbox.io/s/dawn-cdn-… 常规使用 解决拉伸触发时机 既然我们使用了指令的方式,也就是牺牲
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 内存泄漏是前端开发中的一个常见问题，可能导致项目变得缓慢、不稳定甚至崩溃。在本文中，我们将深入探讨在JavaScript、Vue和React项目中可能导致内存泄漏的情况，并提供详细的代码示例，以帮助开发人员更好地理解和解决这些问题。 第一
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 本篇主要讨论以下两种翻书动画的实现： 第一种是整页翻转的效果： 这种整页翻转的效果主要是做rotateY的动画，并结合一些CSS的3d属性实现。 第二种折线翻转的效果，如下图所示： 主要是通过计算页面翻折过来的位置。 这两种原理上都不是很
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 最近有一个需求，要我实现一个动画效果，效果如下 简单分析了一下效果，是一个3d的效果，首先是一个圆，接着是两段圆环，第三层是一堆小圆环，最里面是一些线上运动，有着渐变色的矩形。 第一层的圆环很简单。 第二层的圆环其实也挺简单的，只要在设置
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 简介 大家好，今天要给大家带来一个Super Cool的玩意儿😎！ 在本篇技术文章中，将介绍如何使用HTML、CSS和JavaScript创建一个独特而引人注目的"文字(字母&数字)"雨🌨️动画效果。通过该动画，展现出的是一系列随机字
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 随着JavaScript在现代软件开发中的日益重要地位，Node.js生态系统中的npm成为了不可或缺的工具。在npm管理依赖的过程中，package-lock.json文件的作用日益凸显。本文将深入探讨为什么要使用package-
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 在前段时间的一次面试中，被问到了一个如标题这样的问题。要想好好地去回答这个问题，这里牵扯到的知识点也是比较多的。 那么接下来这篇文章我们就一点一点开始引出这个问题。 同源策略 在浏览器中，内容是很开放的，任何资源都可以接入其中，如 Jav
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 相信在平时的工作中，canvas肯定是我们不可或缺的伙伴，有很多业务场景都需要他来完成，闲来无事，今天我们就先说一下canvas如何画出验证码 首先，我们应该有一个canvas标签（注意：可以标签里面设置宽高，也可以在js里面设置，但是不
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 每次用vite创建项目秒建好，前几天用vue-cli创建了一个项目，足足等了我一分钟，那为什么用 vite 比 webpack 要快呢，这篇文章带你梳理清楚它们的原理及不同之处！文章有一点长，看完绝对有收获！ 正文 一、webpac
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 垃圾回收（Garbage Collection）是一种内存管理机制，用于检测和清理不再被程序使用的内存，这些不再被使用的内存就被称为垃圾。垃圾回收器会在 JS 引擎（浏览器或者 nodejs）内部周期性地运行，一般情况下无需开发者手
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 一、需求 微信扫码授权，如果允许授权，则登录成功，跳转到首页。 二、问题 1、微信扫码授权有几种实现方式？ 2、说一下这几种实现方式的原理是什么？ 3、vue中的微信扫码授权登录，与uniapp和原生小程序的微信授权登录，它们之间有共同点
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 form 表单恢复初始数据 在现代的 Web 开发中，表单是不可或缺的组件之一。用户可以通过表单输入和提交数据，而开发者则需要对这些数据进行处理和存储。然而，在某些情况下，我们可能需要重置表单并恢复到最初的状态。 本文介绍了如何使用 fo
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 在切换详情页中有这么一个场景，点击上一条，会显示上一条的详情页，同理，点击下一条，会显示下一条的详情页。 伪代码如下所示： 我们定义了一个 switcher 模版， 用户点击上一条、下一条时调用 goToPreOrNext 方法。该页面通
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1、效果图 用手机录屏再用小程序转换的gif，可能精度上有点欠缺。 2、实现过程 1、观察及思考 开始编码前我们首先观察展开后的结构：两个四分之一的圆加三个圆形菜单项。 文章名为用css画扇形，如上图所示没有任何Javascript辅助却
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 最近，我刚刚完成了一个阅读器的txt文件阅读功能，但在处理大文件时，遇到了文本内容过多导致浏览器崩溃的问题。 一般情况下，没有任何样式渲染时不会出现什么问题，15MB的文件大约会有3秒的空白时间。 <div id="content"></
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 思路分析 在开始动手之前，分析一下整个功能的实现过程： 根据图片大小创建 canvas1 画布，并将原图片直接定位在 canvas1 上； 在画布上添加一个蒙层，以区分当前 canvas 图像是被裁剪的原图像； 在蒙层上方，对裁剪区域（鼠
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 我们经常会遇到一个场景，比如在一个列表中批量获取用户的信息。 如果我们一次性往后端发送几十条请求是非常愚蠢的事情。此时我们就要学会如何使用批量获取的逻辑。 但是批量获取有一个问题就是，我需要在用户列表项的上层去获取，然后再把结果分发给下层
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1. 场景 前端构建完上线，用户还停留还在老页面，用户不知道网页重新部署了，跳转页面的时候有时候js连接hash变了导致报错跳不过去，并且用户体验不到新功能。 2. 解决方案 每次打包写入一个json文件，或者对比生成的script的sr
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 平常我们说的font-size：0；就是设置字体大小为0对吧，但是它的用处不仅仅如此哦，它还可以消除子行内元素间额外多余的空白！ 问题描述？ 是否出现过当多个img标签平铺的时候，会出现几个像素的间距？就像这样👇（为了醒目加了个红色的框
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 发现很多人还只会promise常规用法 在js项目中，promise的使用应该是必不可少的，但我发现在同事和面试者中，很多中级或以上的前端都还停留在promiseInst.then()、promiseInst.catch()、Promis
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 完整效果 对基本的表单样式进行设置 这里设置了基本的表单样式，外层用了div进行包裹，重点是运用了两个i元素在后期通过css样式勾画出一条线没在聚焦文本框的时候线会过度成一个对话框，掩盖掉原本的对话框的形式，很好的一个创意 <body>
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 介绍 canvas：使用脚本 (通常为 JavaScript) 来绘制图形的 HTML 元素。 本人遍历了以下两份文档，学习完就相当于有了笔和纸，至于最后能画出什么，则需要在 canvas 应用方面进一步学习。 MDN 的 Canvas
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 你不会还不知道iframe不能嵌入百度首页吧？为了丰富用户体验，我们常常会将其他网站的内容嵌入到自己的网页中。然而，随之而来的是一个常见的问题：Iframe 嵌入网站无法正常使用。你是否也曾遇到过这个困扰，不知道该如何解决呢？文将深入探讨
阅读全文