会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
林恒
博客园
首页
新随笔
联系
订阅
管理
上一页
1
···
8
9
10
11
12
13
14
15
16
···
69
下一页
2024年6月18日
记录--createObjectURL这个API真好用,我举几个场景你们就懂了
摘要: 🧑💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 前言 随着我用 URL.createObjectURL 这个 API 越来越多次,越发感觉真的是一个很好用的方法,列举一下我在项目中用到它的场景吧~ 图片预览 以前我们想要预览图片,只能是上传图片到后端后,获取到url然后赋予给img标签,才能
阅读全文
posted @ 2024-06-18 18:35 林恒
阅读(180)
评论(1)
推荐(0)
2024年6月17日
一行代码实现鼠标横向滚动💪
摘要: 🧑💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 在项目中我们可能会遇到当鼠标在某个区域内,我们希望滚动鼠标里面的内容可以横向滚动; 比如我们一些常见的后台状态栏: 那这种该怎么写?请看栗子 代码如下: <template> <div> <div class="top"> <div class
阅读全文
posted @ 2024-06-17 19:22 林恒
阅读(130)
评论(0)
推荐(0)
2024年6月14日
记录--N 个值得一看的前端代码片段
摘要: 🧑💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 在日常的开发过程中,我们都会有一些常用的代码片段,这些代码片段可以直接复制到各个项目中使用,非常方便。如果你有接手过别人的项目,就可以很明显感受到几个项目一般都会有一些相同的工具类方法,这些方法就是之前开发者的常用代码片段。 现在前端社区相当完
阅读全文
posted @ 2024-06-14 18:41 林恒
阅读(147)
评论(0)
推荐(0)
2024年6月13日
记录--Vue 网页全屏
摘要: 🧑💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 在后台系统中有一种常见的功能,点击按钮将整个网页全屏,再点击退出全屏。 浏览器提供了2种全屏方式,一种通过API在js中实现,另一种是按F11键进入全屏模式。 但F11进入的全屏模式优先级更高,无法通过API退出。 基本知识 元素全屏 检查可用
阅读全文
posted @ 2024-06-13 19:09 林恒
阅读(474)
评论(0)
推荐(0)
2024年6月12日
记录--前端实现文件预览(word、excel、pdf、ppt、xmind、 音视频、图片、文本) 国际化
摘要: 🧑💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 前言 在这之前公司项目的文档预览的方式都是通过微软在线预览服务,但是微软的在线服务有文件大小限制,想完整使用得花钱,一些图片文件就通过组件库antd实现,因为我们项目存在多种类型的文件,所以为了改善用户的体验,决定把文件预览单独弄一个拆出一个项
阅读全文
posted @ 2024-06-12 19:04 林恒
阅读(3589)
评论(1)
推荐(0)
2024年6月11日
记录--别忘了前端是靠什么起家的😡😡😡
摘要: 🧑💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 一、忘了最基础的东西 前端开发的核心构建在三大基石技术上:HTML、CSS和JavaScript。回想起多年前,前端开发者常被戏称为“切图仔”,但就是这样的角色,通过精湛的CSS技巧,能够实现各种复杂的交互和特效,展现出前所未有的网页魔法。这是
阅读全文
posted @ 2024-06-11 19:38 林恒
阅读(132)
评论(0)
推荐(1)
2024年6月6日
记录--前端起dev从110秒减少到7秒, 开发体验大幅提升
摘要: 🧑💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 [webpack由浅入深]系列的内容 第一层: 了解一个小功能的完整流程. 看完可以满足好奇心和应付原理级别面试. 第二层: 源码陪读, webpack源码比较灵活, 自己看容易陷入迷惑. 文章里会贴出关键流程的代码来辅助阅读源码. 如果你正在
阅读全文
posted @ 2024-06-06 19:36 林恒
阅读(105)
评论(0)
推荐(0)
2024年6月5日
记录--localStorage是同步还是异步的?为什么?
摘要: 🧑💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 首先明确一点,localStorage是同步的 🥝 一、首先为什么会有这样的问题 localStorage 是 Web Storage API 的一部分,它提供了一种存储键值对的机制。localStorage 的数据是持久存储在用户的硬盘上的
阅读全文
posted @ 2024-06-05 18:19 林恒
阅读(312)
评论(0)
推荐(0)
2024年6月3日
记录:瀑布流最佳实现方案
摘要: 传统实现方式 当前文章的gif文件较大,加载的时长可能较久 这里我拿小红书的首页作为分析演示 可以看到他们的实现方式是传统做法,把每个元素通过获取尺寸,然后算出left、top的排版位置,最后在每个元素上设置偏移值,思路没什么好说的,就是算元素坐标。那么这种做法有什么缺点?请看下面这张图的操作 容器
阅读全文
posted @ 2024-06-03 19:24 林恒
阅读(282)
评论(0)
推荐(1)
2024年6月1日
如何实现两栏布局,右侧自适应?三栏布局中间自适应呢?
摘要: 一、背景 在日常布局中,无论是两栏布局还是三栏布局,使用的频率都非常高 两栏布局 两栏布局实现效果就是将页面分割成左右宽度不等的两列,宽度较小的列设置为固定宽度,剩余宽度由另一列撑满, 比如 Ant Design 文档,蓝色区域为主要内容布局容器,侧边栏为次要内容布局容器 这里称宽度较小的列父元素为
阅读全文
posted @ 2024-06-01 18:25 林恒
阅读(199)
评论(0)
推荐(1)
上一页
1
···
8
9
10
11
12
13
14
15
16
···
69
下一页
公告