首页
AI Coding
数据标注
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
前端经典技术
订阅
bdoycn
更多收藏集
微信扫码分享
微信
新浪微博
QQ
45篇文章 · 0订阅
15 张精美动图全面讲解 CORS
本文翻译自 Lydia Hallie 小姐姐写的 ✋🏼🔥 CS Visualized: CORS,她用了大量的动图去解释 CORS 这个概念,国内还没有人翻译本文,所以我在原文的理解上翻译了本文并修改了一些错误,希望能帮到大家。 前端开发中,我们经常要使用其他站点的数据。前…
在 TS 中如何减少重复代码
相信有些读者已经听说过 DRY 原则,DRY 的全称是 —— Don't Repeat Yourself ,是指编程过程中不写重复代码,将能够公共的部分抽象出来,封装成工具类或者用抽象类来抽象公共的东西,从而降低代码的耦合性,这样不仅提高代码的灵活性、健壮性以及可读性,也方便后…
高质量前端快照方案:来自页面的「自拍」
1. 背景 将网页保存为图片(以下简称为快照),是用户记录和分享页面信息的有效手段,在各种兴趣测试和营销推广等形式的活动页面中尤为常见。 快照环节通常处于页面交互流程的末端,汇总了用户最终的参与结果,直接影响到用户对于活动的完整体验。因此,生成高质量的页面快照,对于活动的传播和…
理解前端常见的 CORS 和 CSRF
CORS 和 CSRF 太容易混淆了,看完本文,你就清楚了。 1. 概念 核心知识: CORS是一个W3C标准,它允许浏览器向跨源服务器,发出XMLHttpRequest 请求,从而克服 AJAX 只能同源使用的限制。 因此,实现 CORS 通信的关键是服务器。只要服务器实现了…
[译]实例详解防抖与节流(干货!!!)
我们在之前讨论过这个话题(关于防抖与节流),但这次,DAVID CORBACHO通过生动的演示会将它们讲的十分清晰,通俗易懂。 Debounce和throttle是两个相似(但实现原理不一样)的技术手段,用于控制一个函数在一段时间内执行几次。 当我们的函数附着在dom事件上时,…
【前端词典】5 种滚动吸顶实现方式的比较[性能升级版]
这篇文章是三天前写就的,有大佬给我提了一些修改意见,我觉得这个意见确实中肯。所以就有了这个升级的修改版本。代码同步更新到 GitHub 了。 我入职第二家公司接到的第一个需求就是修复之前外包做的滚动吸顶效果。我当时很纳闷为何一个滚动吸顶会有 bug,后来我查看代码才发现直接用的…
图片上传方案详解
以往用到图片上传功能都是直接使用现成的插件,今天把其中用到的知识点整理一下。 指定选择文件类型的范围。默认为所有文件类型 当文件类型为图片或视频且在移动端时,此属性才有意义。 返回一个 FileList,列出每个所选文件对象。除非 multiple 指定了属性,否则此列表只有一…
新手引导动画的4种实现方式
前一阵子忙着找工作,面试过程中,碰到一个感觉比较有意思的问题,尽量多的列举出新手引导动画的实现方式, 昨天稍微总结了一下, 实现了4种.源码在最后,如果想直接看结果的,可以拉到最后去看. 在复制内容下面,加一层半透明的遮罩层. 比较平凡的实现方式,普普通通的,没啥特色. 优点:…
SPA路由机制详解(看不懂不要钱~~)
总所周知,随着前端应用的业务功能起来越复杂,用户对于使用体验的要求越来越高,单面(SPA)成为前端应用的主流形式。而大型单页应用最显著特点之一就是采用的前端路由跳转子页面系统,通过改变页面的URL,在不重新请求页面的情况下,更新页面视图。 在 H5 还没有流行开来时,一般 SP…