WebSocket 心得分享 转载
摘要：一、前言 ❝ 本文将介绍 WebSocket 的封装，比如：心跳机制，重连和一些问题如何去处理 ❞ 二、背景 之前，钱包相关的查询，我们是使用的轮询方案来做的，后来更新了一次需求，需要做一些实时数据统计的更新，然后顺带给钱包的余额也用长连接来做了，好，那么故事就开始了... 某天， 「老板：」 我钱
阅读全文
posted @ 2024-12-30 16:40
随笔分类 - 前端
Animate.css 转载
摘要：前言 当你想要吸引用户的注意力，动画是一个强大的工具。Animate.css是一个功能丰富的库，用于在网页上快速轻松地添加动画。无需深入JavaScript或复杂的CSS，你可以给元素添加预设的动画效果。本文将指导你如何使用Animate.css为你的网站增添活力。 使用教程 第一步：引入Anima
阅读全文
posted @ 2024-12-26 12:55
CSS文字效果：渐变、描边、阴影、倒影、填充图片、动画效果 转载
摘要：转载：https://juejin.cn/post/7362084722821087272 渐变 文字渐变？😮 咋做？好像没有直接的 CSS 属性可以使用呀。。。（老玩家可以跳过，继续往下瞧） 不会？那换个问题，背景渐变！这个会了吧？呃...😐 这个可以会吖!!! 且看： html 代码解读 复
阅读全文
posted @ 2024-12-19 13:53
图片碎片化展示 转载
摘要：转载：https://juejin.cn/post/7379856289487831074?searchId=20241219113502230C21C0C398CCF8302C 今天刚好是周四呢，疯狂星期四快整起来。🍔🍟🍗 最近，小编从玩了两年多的游戏中退游了😔，本来以为会一直就这么玩下去
阅读全文
posted @ 2024-12-19 13:37
常用UI组件库
摘要：https://devui.design/home https://opentiny.design/tiny-vue/zh-CN/os-theme/overviewhttps://www.iviewui.com 1. **Element Plus** - 官方网站: https://element-
阅读全文
posted @ 2024-12-16 15:57
神了，Chrome 这个记录器简直是开发测试提效神器 转载
摘要：在开发工作中，你是否遇到过这样的场景： 当你需要开发某个功能时，这个功能依赖一系列的点击或者选择操作，才能获取到最终的数据。而在开发和调试的过程中，你往往需要多次验证流程的正确性。早期的时候，这种验证通常非常繁琐——你可能需要反复提交表单、重新执行操作流程，才能完成一次完整的自测。 如今，这一切变得
阅读全文
posted @ 2024-12-16 10:15
聊聊前端常见的数据加密 转载
摘要：前言 你是否有过这样的经历？在注册一个新网站时，需要填写个人信息，例如姓名、邮箱、手机号码，甚至身份证号码。你可能会担心，这些信息会被泄露，被不法分子利用。 前端数据加密，就是解决这个问题的关键技术之一。它可以在数据传输到服务器之前，对其进行加密处理，即使数据被窃取，也无法被轻易破解。 什么是前端数
阅读全文
posted @ 2024-12-13 15:36
5年前端刚会用vscode debug vue项目 转载
摘要：说真的，做了5年前端我也换过几家公司 我发现我的前端同事都不会debug，都是用的console.log，那我也不学 这里说的是在vscode里debug，不是代码里写debugger后用浏览器调试 反正console也能勉强用 反正前端大多时候也不怎么写复杂的业务逻辑 就算写 那我就多consol
阅读全文
posted @ 2024-12-13 09:22
利用Chrome浏览器使用Overrides调试线上代码，真是太方便啦！ 转载
摘要：利用Chrome开发者工具断点调试功能调试修改代码，一刷新就什么都没有了，且只能调试JS代码，太尴尬了。 想刷新后，原来修改调试的的代码还在，且JSP、JS、CSS等能调试，那赶快试试下面这种方法吧。 第一步： 在浏览器开发者工具中打开下面的面板sources-->overrides! 第二步： 打
阅读全文
posted @ 2024-12-04 14:06
CSS 如何模拟“真实的”进度条？ 转载
摘要：欢迎关注我的公众号：前端侦探 在页面加载过程中，进度条的存在可以很好的缓解用户的等待焦虑。 但是你可能不知道，90%以上的进度条只是模拟的，是假的进度条。没办法，大部分情况下都无法真实的算出资源的加载情况。既然无法避免，那我们就需要尽可能真实地模拟加载情况，给人一种页面很轻快的感觉。 在这里，我们可
阅读全文
posted @ 2024-12-03 15:16
TypeScript很麻烦💔，不想使用！ 转载
摘要：原文链接：https://juejin.cn/post/7344282440725577765 本文已经授权【稀土掘金技术社区】官方公众号独家原创发布。 前言 最近，我们部门在开发一个组件库时，我注意到一些团队成员对使用TypeScript表示出了抵触情绪，他们常常抱怨说：“TypeScript太麻
阅读全文
posted @ 2024-11-25 10:32
前端如何优雅通知用户刷新页面？ 转载
摘要：原文链接：https://juejin.cn/post/7439905609312403483 前言 老板：新的需求不是上线了嘛，怎么用户看到的还是老的页面呀 窝囊废：让用户刷新一下页面，或者清一下缓存 老板：那我得告诉用户，刷新一下页面，或者清一下缓存，才能看到新的页面呀，感觉用户体验不好啊，不能
阅读全文
posted @ 2024-11-25 10:28
您可能一直在寻找的 10 个非常有用的前端库
摘要：radash 一个实用的实用程序库，与 lodash 相比更现代。它提供了 tryit 和 retry 等新功能。源码可读性强，大部分函数可以直接复制使用，无需安装 — (https://github.com/sodiray/radash)。 dayjs Day.js 是一个极简的 JavaScri
阅读全文
posted @ 2024-11-13 14:52
CSS 样式网站
摘要：Web安全色 | CSS可视化 (bqrdh.com) https://css.bqrdh.com/safety-color
阅读全文
posted @ 2024-10-11 14:35
高级前端应该掌握的Nginx相关知识 转载 404 跨域
摘要：Nginx是在前端服务部署时是很重要的一部分，也是部署的基础，学会了通过Nginx部署前端资源，才能继续后续的一系列进阶。 一、了解一点简单的Nginx知识 本节内容作为基础知识，如果熟悉Nginx可以略过，如果不熟悉可以实际操作一下。 现在服务器安装Nginx很简单，一般只需要两行命令即可，安装完
阅读全文
posted @ 2024-09-14 09:37
新出的uni-app高颜值组件库爆了！ 转载
摘要：wot-design-uni组件库基于vue3+Typescript构建，参照wot design的设计规范进行开发，提供70+高质量组件，支持暗黑模式、国际化和自定义主题，旨在给开发者提供统一的UI交互，同时提高研发的开发效率。 WOT Design UNI 的组件不仅种类齐全，颜值更是超高。每个
阅读全文
posted @ 2024-09-11 09:37
一文吃透 WebSocket 原理 转载
摘要：大家好，我是考拉🐨。 通常我们开发H5，都是基于HTTP协议，典型的 请求/响应 模式。随着web能力越来越丰富，更多的小伙伴有机会尝试一些新的网络协议，比如 WebSocket ，这在一些实时性要求比较高的场景出现频率很高。今天带来一篇关于 WebSocket 原理的文章，对于接触过的同学，可以
阅读全文
posted @ 2024-09-04 15:17
分享10 个功能强大的单行 CSS 布局技巧 转载
摘要：现代 CSS 布局允许开发人员只需敲击几下键盘即可编写有意义且强大的样式规则。今天的内容主要是想和大家分享 10 个功能强大的 CSS 布局，它们做了一些非凡的工作。 01. Super center: place-items: center 对于我们的第一个“单行”布局，让我们解决 CSS 中最大
阅读全文
posted @ 2024-09-04 15:17
Vue3 组件封装的一些技巧和心得 转载
摘要：在日常开发的过程中，使用Vue的组件进行业务拆分，代码解耦是一个很好的选择； 今天就来分享一下我在使用Vue3进行组件封装的一些技巧和心得，希望能够帮助到大家； 1. 组件特性 在Vue中组件是一个独立的实例，每个组件都有共通点，就是：属性、插槽、事件、方法； 在日常我们使用第三方组件库的时候，组件
阅读全文
posted @ 2024-09-04 15:15
