标签:JavaScript

前端开发

用 JavaScript 实现一个很牛的扫码功能

10

前端里 - 小鱼 发布于 2023-12-09

背景 不久前我做了关于获取浏览器摄像头并扫码识别的功能,本文中梳理了涉及到知识点及具体代码实现,整理成此篇文章内容。 本文主要介绍,通过使用基于 vue 技术栈的前端开发技术,在浏览器端调起摄像头 ,并进行扫码识别功能,对识别到的二维码进行跳转或其他操作处理。本文内容分为背景介绍...

阅读(329)评论(0)赞 (5)

前端开发

8个实现网站滚动效果的 CSS & JavaScript 代码

前端里 - 小鱼 发布于 2023-10-06

滚动是我们网站的用户最常用的操作之一,添加滚动效果是增强用户体验的好方法。例如,对于内容很长的页面增加进度提示,在用户滑动页面的时候增加动画效果等等,这些很小的改进都可以帮助用户更好的使用网站的功能。这篇文章收集了8个实现网站滚动效果的 CSS & JavaScript ...

阅读(519)评论(0)赞 (5)

前端开发

10 个图像悬停效果 CSS & JavaScript 代码片段

前端里 - 小鱼 发布于 2023-09-09

悬停效果一直是向网站添加交互元素的最简单方法之一,我们看到它们经常用于突出显示文本链接或按钮。悬停效果尤其强大的一个领域是当它们应用于图像时,无论是作为小型卡片布局的一部分还是大型相册的一部分,都可以产生很棒的效果。 今天,我们将向您展示设计师将悬停效果集成到图像中的一些创意方法...

阅读(568)评论(0)赞 (4)

前端开发

JavaScript 侦测手机浏览器的五种方法

前端里 - 小鱼 发布于 2023-09-02

有时候,前端网页需要知道,用户使用的是手机浏览器还是桌面浏览器。 本文根据 StackOverflow,整理了 JavaScript 侦测手机浏览器的五种方法。 一、navigator.userAgent 最简单的方法就是分析浏览器的 user agent 字符串,它包含了设备信...

阅读(584)评论(0)赞 (5)

前端开发

最全的 “文本溢出截断省略” CSS & JS 方案

10

前端里 - 小鱼 发布于 2023-02-26

前言 在我们的日常开发工作中,文本溢出截断省略是很常见的一种需考虑的业务场景细节。看上去 “稀松平常” ,但在实现上却有不同的区分,是单行截断还是多行截断?多行的截断判断是基于行数还是基于高度?这些问题之下,都有哪些实现方案?他们之间的差异性和场景适应性又是如何?凡事就怕较真,较...

阅读(639)评论(0)赞 (4)

前端开发

8个 CSS & JavaScript 实现的相册特效

前端里 - 小鱼 发布于 2023-02-11

照片库(相册)是很多网站的必备功能,因为独特地呈现图像的能力可以帮助网站脱颖而出。网页开发者设计师正在利用这一优势,他们使用最新的 CSS 和 JavaScript 技术来创建抽象布局和引人注目的特效。从简单的网格画廊到超凡脱俗的用户界面,各个特效都有。这边文章收集了8个独特的照...

阅读(752)评论(0)赞 (5)

前端开发

什么是比较好的低代码产品?

12

前端里 - 小鱼 发布于 2023-02-04

可能大家谈到低代码想到更多的是低代码搭建页面的平台,内部不少也是此种,其实对于偏逻辑编排、服务 BaaS 能力的偏可视化方式其实也算低代码,旨在「通过少写代码,用更便捷的方式来实现原本需写代码的工作」。 说到低代码,喜欢的人特别喜欢,不喜欢的人很不喜欢,此外也有“假装”去喜欢的,...

阅读(604)评论(0)赞 (1)

前端开发

Vue 2 系统如何快速迁移 Vite 作为开发工具

2

前端里 - 小鱼 发布于 2022-09-30

一. 适合什么项目迁移 使用 vue2 的系统 内部系统 – 无需大型流量场景:因为 vite 更迭较快,导致系统需要定期改动基础功能,造成不稳定 非 ssr 系统 – ssr 还有很多问题,暂且等社区丰富起来 定期有人维护的系统 对开发有痛点而想要改进:...

阅读(730)评论(0)赞 (3)

前端开发

90 行代码的 Webpack,你确定不学吗?

2

前端里 - 小鱼 发布于 2022-05-04

在前端社区里,webpack 可以说是一个经久不衰的话题。其强大、灵活的功能曾极大地促进了前端工程化进程的发展,伴随了无数前端项目的起与落。其纷繁复杂的配置也曾让无数前端人望而却步,笑称需要一个新工种”webpack 配置工程师”。作为一个历史悠久,最常见...

阅读(1346)评论(0)赞 (5)

前端开发

18 个杀手级 JavaScript 单行代码

前端里 - 小鱼 发布于 2021-10-23

这篇文章收集了18 个杀手级 JavaScript 单行代码,希望能在你的项目中能帮上忙。 1、复制到剪贴板 使用 navigator.clipboard.writeText 轻松将任何文本复制到剪贴板。 const copyToClipboard = (text) => ...

阅读(3674)评论(0)赞 (15)