在日常开发中,我们经常需要实现复制文本到剪贴板的功能。虽然很多人习惯使用 clipboard.js 这样的第三方库,但其实浏览器原生提供了几种实现方式。下面介绍三种实用的复制方案,你可以根据项目需求选择合适的方...
前端
弃用 html2canvas!快 93 倍的截图神器
在前端开发中,网页截图是个常用功能。从前,html2canvas 是大家的常客,但随着网页越来越复杂,它的性能问题也逐渐暴露,速度慢、占资源,用户体验不尽如人意。 好在,现在有了 SnapDOM,一款性能...
一个隐藏的 HTML 属性帮我省下了 500 行 JavaScript 代码
上周二,我在改一个“远古”管理后台的时候,被自己气笑了。 为了维护几个弹窗,我居然堆了 500 多行 JavaScript: 管理焦点的 focus trap 监听 Esc 关闭 点击遮罩关闭 一堆 ARIA 无障碍属性...
前端实现文件预览img、docx、xlsx、ppt、pdf、md、txt、audio、video
前言 最近有接到一个需求,要求前端支持上传制定后缀文件,且支持页面预览,上传简单,那么预览该怎么实现呢,尤其是不同类型的文件预览方案,那么下面就我这个需求的实现,答案在下面 「具体的预览需求:...
前端SEO优化总结
前言 以前开发独立站,涉及过一些seo的内容,为了避免后面会遗忘,感觉有必要记录下相关经验,也算是一次总结吧! SEO概念 SEO 是 Search Engine Optimizatio(搜索引擎优化) 的首字母缩写...
看完这篇HTTP,跟面试官扯皮就没问题了
我是一名程序员,我的主要编程语言是 Java,我更是一名 Web 开发人员,所以我必须要了解 HTTP,所以本篇文章就来带你从 HTTP 入门到进阶,看完让你有一种恍然大悟、醍醐灌顶的感觉。 最初在有网络之前,我们...
理解 DOM 事件和 JavaScript 事件监听器
浏览器中的 JavaScript 代码使用事件驱动编程模式。这意味着当浏览器中发生特定的 DOM 事件时,将执行一段代码作为对该操作的响应。 在本文中,我将帮助你理解如何使用 JavaScript 监听和响应 DOM 事件。 ...
单点登录(SSO)实现详解!!!
单点登录是什么?你是怎么理解的?单点登录是如何实现的 普通登录 提到单点登录,首先可以想到传统登录,通过登录页面根据用户名查询用户信息,判断密码是否正确,正确则将用户信息写到session,访问的时...
如何设计一个支持并发的前端缓存接口?
缓存池不过就是一个map,存储接口数据的地方,将接口的路径和参数拼到一块作为key,数据作为value存起来罢了,这个咱谁都会。 const cacheMap = new Map(); 封装一下调用接口的方法,调用时先走咱们缓存数...
前端最能打的本地存储方案
前言 之前开发了一个离线存储的需求,需要在本地存储较大的数据量,并且还要考虑到多种场景下的存储方式兼容。产品的原话就是“要又大又全”。既然存储量大,也要覆盖全多种设备多种浏览器。 方案选择 ...
