04 2023 档案
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 在我的电脑中，回想一下我们想要把一个文件拖动到另一个文件夹是什么样子的呢 1:鼠标抓起文件 2:拖动文件到文件夹上方 3:文件夹高亮，表示到达指定位置 4:松开鼠标将文件夹放入文件 下面就来一步步实现它吧👇 一：让我们的元素可拖动 方式
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1.通过javascript向文档中输出文本 document是javascript的内置对象，代表浏览器的文档部分 document.write("Hello Javascript"); 向文档写入字符串 2.javascript都是放
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 今日，群友提问，如何实现这么一个 Loading 效果： 这个确实有点意思，但是这是 CSS 能够完成的？ 没错，这个效果中的核心气泡效果，其实借助 CSS 中的滤镜，能够比较轻松的实现，就是所需的元素可能多点。参考我们之前的： 使用纯
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 工作中遇到一个需求是根据日历查看某一天/某一周/某一月的睡眠报告，但是找了好多日历组件都不是很符合需求，只好自己手写一个日历组件，顺便记录一下。 先看看UI给的设计图和,需求是有数据的日期做标记,可以查看某一周/某一月的数据,周数据不用自
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 背景 最近在项目中要实现一个拖拽头像的移动效果，一直对JS Dom拖拽这一块不太熟悉，甚至在网上找一个示例，都看得云里雾里的，发现遇到最大的拦路虎就是JS Dom各种各样的距离，让人头晕眼花，看到一个距离属性，大脑中的印象极其模糊，如同有
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 近期写的一个项目使用双token实现无感刷新。最后做了一些总结，本文详细介绍了实现流程，前后端详细代码。前端使用了Vue3+Vite，主要是axios封装，服务端使用了koa2做了一个简单的服务器模拟。 一、token 登录鉴权 j
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 效果： 实现原理 只是单纯的canvas方法的使用再加上一点点js的使用就可以实现这个简单的实例啦。 实现代码 html部分 <!-- 画布元素 --> <canvas id="canvas"></canvas> 初始化画布 js获取画布
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 概念介绍 深拷贝：在堆内存中重新开辟一个存储空间，完全克隆一个一模一样的对象 浅拷贝：不在堆内存中重新开辟空间，只复制栈内存中的引用地址。本质上两个对象（数组）依然指向同一块存储空间 第一种：递归方式（推荐，项目中最安全最常用） 使用递归
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 一、实现效果 二、代码实现 代码不多，先看一下 HTML 里面结构很简单，初始化 MagnifyingGlass 对象来关联一个 IMG 标签来实现放大。 <!DOCTYPE html> <html> <head> <meta chars
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 大家平时在开发的时候有没被new Date()折磨过？就是它的诸多怪异的设定让你每每用的时候，都可能不小心踩坑。造成程序意外出错，却一下子找不到问题出处，那叫一个烦透了…… 下面，我就列举它的“四宗罪”及应用思考 可恶的四宗罪 1. Sa
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 当今Web开发中，数据安全是一个至关重要的问题，为了确保数据的安全性，我们需要使用加密技术。JavaScript作为一种客户端编程语言，可以很好地为数据进行加密。在本篇文章中，我们将为你提供一个常规JavaScript加密大全，以及案例代
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 隔行换色（%）: window.onload = function() { var aLi = document.getElementsByTagName('li'); for(var i = 0; i < aLi.length; i++
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 Vue.js是一个基于组件化和响应式数据流的前端框架。当我们在Vue中编写模板代码时，它会被Vue编译器处理并转换为可被浏览器解析的JavaScript代码。Vue中的模板实际上是HTML标记和Vue指令的组合，它们会被Vue编译器处理并
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 平时在使用v-for的时候，一般会要求传入key，有没有像我一样的小伙伴，为了省心，直接传索引index，貌似也没有遇到过什么问题，直到有一天，我遇到一个这样的需求 场景 在一个下单界面，我需要去商品列表选商品，然后在下单界面遍历显
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言： 梳理了一下项目中的PWA的相关用法，下面我会正对vue2和vue3的用法进行一些教程示例，引入离线缓存机制，即使你断网，也能访问页面。一旦用户访问了我们的网页，我们就像牛皮糖一样粘连着他，他永远都可以访问，即使断网也能访问。有一天
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 CSS是有魔法的，我们今天来实现一个CSS的动画效果，只需要几行代码就可以搞定。 第一步、我们要将一行文字从中间展开 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 我们公司目前在做基于tiptap的在线协同文档，最近需要做导出 pdf、word 需求。 导出 word 文档使用的是html-docx-js-typescript，是用 typescript 重写了一下html-docx-js，可
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 了解排序算法的优缺点和适用场景是非常重要的，因为在实际开发中，需要根据实际情况选择最合适的排序算法。不同的排序算法适用于不同的场景，有的算法适用于小规模的数据集，有的算法适用于大规模的数据集，有的算法适用于稳定排序，有的算法适用于不稳定排
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 在DOM结构相对比较复杂,层级嵌套比较深的组件内,需要根据相对应的模块业务处理一些逻辑,该逻辑属于当前组件 但是从整个页面应用的视图上看,它在DOM中应该被渲染在整个vue应用外部的其他地方,不能影响组件的结构 比较常见的应用场景:就是全
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 了解 console ● 什么是 console ? console 其实是 JavaScript 内的一个原生对象 内部存储的方法大部分都是在浏览器控制台输出一些内容 并且还提供了很多的辅助方法 ● 最常见的 console 我们在开发
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 CSS3提供了Animation关键帧动画，我们在工作中比较常用。但在写CSS动画的时候，其实Animation能实现两种动画模式： 补间动画 设置关键帧的初始状态，然后在另一个关键帧改变这个状态，比如大小、颜色、位置、透明度等，电脑将自
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 打开游戏界面，看到一个画面简洁、却又富有挑战性的游戏。屏幕上，有一个白色的矩形框，里面不断下落着各种单词，而我需要迅速地输入这些单词。如果我输入的单词与屏幕上的单词匹配，那么我就可以获得得分；如果我输入的单词错误或者时间过长，那么我就会输
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 最近碰到这样一个问题，在一张封面上直接显示书名，可能会存在书名看不太清楚的情况（容易受到背景干扰），如下 为了解决这个问题，设计师提了一个“究极”方案，将书名背后的图片模糊一下，这个在 CSS 中很好实现，仅需backdrop-filte
阅读全文