首页
首页
BOT
沸点
课程
直播
活动
AI刷题
NEW
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
前端使用开发技巧
石小石Orz
创建于2024-06-27
订阅专栏
分享前端开发的一些使用技巧,专注开发效率的提升!
等 14 人订阅
共17篇文章
创建于2024-06-27
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
全网最全!Vue3 中图片引入终极指南:从静态到动态的全方位解析
大家好,我是石小石! 图片管理与引入是我们前端开发中非常常见的需求,合理高效地引入图片不仅能提升项目性能,还能优化开发体验。 相比vue2,在 Vue3 + Vite 项目中,图片的引入与使用都有一些
如何优雅地重写 localStorage 、sessionStorage 方法?已封装,项目可直接使用!
需求简介 大家好,我是石小石! 在前端开发中,localStorage 和 sessionStorage 是非常常见的数据存储解决方案。但在某些特殊场景下,原生的 localStorage 和 ses
前端文件下载必备技巧:如何优雅处理后端流数据?
大家好,我是石小石! 在前端开发中,通过某个接口下载文件是一种非常常见的需求。如果后端返回的是一个文件地址,那我们使用a标签就能很轻松实现文件的下载。 但是,如果后端返回的是一个数据流
被同事代码震惊,使用Boolean 构造函数代码居然可以如此优雅!
显式转换与隐式转换 为了加深对本文涉及的Boolean的语法理解,我们先回忆一下JavaScript中的显示与隐式转换。 显式转换 显式转换是指通过明确的代码,主动将一种数据类型转换为另一种类型。这种
离谱,split方法的设计缺陷居然导致了生产bug!
需求简介 大家好,我是石小石!前几天实现了这样一个需求: 由于后端返回的是用逗号分隔的字符,所以获取图片的key使用split方法非常方便。 乍一看,代码并没有问题,qa同学在测试环境也验证了没有问题
新手小白如何使用!!运算符写出更简洁直观的代码?
这篇文章介绍了!!的原理,它核心依赖于 JavaScript 的隐式转换,因此我们必须知道真值和假值。同时,这篇文章介绍了!!的使用场景,大家可以根据情况使用!
前端中的“+”连接符,居然有鲜为人知的强大功能!
这几天开发,遇到一个问题:根据后端返回的isCritical判断页面是否展示【关键标签】 很难受的是,后端的isCritical的枚举值是字符串 这意味着前端得自己转
不走弯路,纯前端如何把图片导出成视频!
往期精彩文章: 用云编译器半小时完成轮播组件紧急开发!被公司奖励500! 直接使用git pull拉取代码,被同事狠狠地diss了! 快收藏!超实用标签title属性重写,让同事对你刮目相看 需求背景
吐血整理:纯前端如何实现批量dom转图片,并下载成压缩包
这几天捣鼓一些小东西,需要实现这样一个功能:将页面指定的dom批量下载成压缩包。功能大致如下:将每条评论信息转成图片,然后放到一个压缩包里下载下来。
快收藏!超实用标签title属性重写,让同事对你刮目相看
日常开发中,我们经常会遇到`hover文本`,显示其全部内容的需求。但是`原生的title属性`有两个很大的缺点
豆包Marscode体验官:用云编译器半小时完成轮播组件紧急开发!被公司奖励500!
豆包 MarsCode提供了一个在线的编译器,免配任何环境,只要有网,开箱即用,非常强大!而且,用它启动的前端服务有一个公网域名,访问非常方便,还非常快!
赶快收藏!全网最佳websocket封装:完美支持断网重连、自动心跳!
简介 websocket在前端开发中,是一个必须掌握的技术!你可以不用,但必须掌握! 前几天,就遇到这样一个需求,要求界面的数据通过websocket实时推送,并且必须支持断网重连、自动心跳! web
几行代码,优雅的避免接口重复请求!同事都说好!
背景简介 我们日常开发中,经常会遇到点击一个按钮或者进行搜索时,请求接口的需求。 如果我们不做优化,连续点击按钮或者进行搜索,接口会重复请求。 那么,我们该如何规避这种问题呢? 如何避免接口重复请求
vue全局公共组件自动引入并注册,开发效率直接起飞!
组件自动引入并全局注册场景 在一个大型项目的开发中,我们一定会有很多全局公用的公共组件,并且随着项目的深入,组件会越来越多。 比如,我们在src\components\common文件夹用于存放公共组
线上代码调试:打开编译器×,Chrome的请求mock√
业务场景 今天上班,老板让我查个bug,说甲方提出一个疑问:推送页面第一行数据的【是否需要超限提示】栏显示不对,不应该是显示“否”,而需要显示“是”。 这个界面是已经离职的同事做的,本着不看别人代码的
git提交错了?别慌,直接删除提交记录!
为什么要删除提交历史 前几天产品提了个很扯淡的需求,我在代码了进行了吐槽.... 要命的是我不下心进行了代码提交: 我们的远程仓库大家都能看见的 这要是被其他人发现就惨了!当务之急,我必须立刻马上删除
vue救命技巧:你可能需要强制更新组件!
需求背景 这几天开发项目,做了一个可滚动的表格,表格用的是公司的组件。正常情况下,一切滚动行为正常。 但,当我通过页面内的操作改变表格高度时,bug出现了!如图,可以清楚的发现,滚动条滚动异常了!有一