前几天在掘金看到一个热烈讨论的问题:一位前端开发者说他们公司的官网首屏加载到底部总要5秒以上,用户体验简直一言难尽。楼下评论基本都是这套路: "加图片啊,压缩啊,CDN啊……" 但没人提到一个最根本...
前端
3种前端实现复制功能的方法
在日常开发中,我们经常需要实现复制文本到剪贴板的功能。虽然很多人习惯使用 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(); 封装一下调用接口的方法,调用时先走咱们缓存数...
