首页
学习
活动
专区
工具
TVP
发布

前端自习课

每日清晨,享受一篇前端优秀文章。
专栏成员
550
文章
764770
阅读量
66
订阅数
【总结】56个JavaScript 实用工具函数助你提升开发效率!
https://juejin.cn/post/7019090370814279693
pingan8787
2021-11-08
8210
【CSS】1049- 深入了解::before 和 ::after 伪元素
本文从最简单的开始,解释如何理解和使用::before和::after。然后再在实际使用场景中去应用它。
pingan8787
2021-09-09
9760
【JS】936- File、Blob、dataURL 和 canvas 的应用与转换
(1) 通常情况下, File 对象是来自用户在一个 input 元素上选择文件后返回的 FileList 对象,也可以是来自由拖放操作生成的 DataTransfer 对象,或者来自 HTMLCanvasElement 上的 mozGetAsFile() API。
pingan8787
2021-04-26
2.4K0
【Web技术】907- 前端图片最优化压缩方案
上传图片/视频/文件是我们经常会遇到的问题,但是一旦图片过大就会导致不好的操作体验。图片上传是前端中常见的的业务场景。无论是前台还是后台,适当的对图片进行压缩处理, 可以显著的提升用户体验。而在后台管理系统中,图片压缩不仅仅能够提升后台管理员操作体验,更是可以防止后台设置过大的图片导致前台图片加载过久,从而影响用户体验。
pingan8787
2021-04-07
9330
【Web技术】774- 基于canvas完成图片裁剪工具
本文是基于canvas去实现图片裁剪工具。因为canvas代码还是比较长的,尽量写思路,完整代码已放在github上。
pingan8787
2020-11-19
1.2K0
【JS】739- JavaScript 解析 URL
英文 | https://dmitripavlutin.com/parse-url-javascript/
pingan8787
2020-10-23
3.4K0
【拓展】686- 如何在 Web 上大规模生成 UUID
你可以信任大家的浏览器,并依靠它们来大规模生成全局唯一标识符吗?在 Teads 我们已经试过了,答案是肯定的,但也有几点需要注意。本文介绍了我们所做的实验以及在此过程中总结到的经验。
pingan8787
2020-08-21
1K0
【拓展】Google Hacking的用法
Google Hacking 是利用谷歌搜索的强大,来在浩瀚的互联网中搜索到我们需要的信息。轻量级的搜索可以搜素出一些遗留后门,不想被发现的后台入口,中量级的搜索出一些用户信息泄露,源代码泄露,未授权访问等等,重量级的则可能是mdb文件下载,CMS 未被锁定install页面,网站配置密码,php远程文件包含漏洞等重要信息。
pingan8787
2020-08-11
1.5K0
【笔记】618- 读《你不知道的 Blob》笔记
Blob(Binary Large Object)表示二进制类型的大对象,通常是影像、声音或多媒体文件。MySql/Oracle数据库中,就有一种Blob类型,专门存放二进制数据。在 JavaScript 中 Blob 对象表示一个不可变、原始数据的类文件对象,它不一定非得是大量数据,也可以表示一个小型文件的内容。 另外,JavaScript 中的 File 接口是基于 Blob,继承 Blob 的功能并将其扩展使其支持用户系统上的文件。
pingan8787
2020-06-10
3.3K0
《你不知道的 Blob》番外篇
原文对 Blob 的知识点介绍得非常完整清晰,本文通过四个问题来总结本文核心知识:
pingan8787
2020-06-08
2.5K0
【Web技术】582- 聊聊 Cookie “火热”的 SameSite 属性
2 月份发布的 Chrome 80 版本中默认屏蔽了第三方的 Cookie,在灰度期间,就导致了阿里系的很多应用都产生了问题,为此还专门成立了小组,推动各 BU 进行改造,目前阿里系基本已经改造完成。所有的前端团队估计都收到过通知,也着实加深了一把大家对于 Cookie 的理解,所以很可能就此出个面试题,而即便不是面试题,当问到 HTTP 相关内容的时候,不妨也扯到这件事情来,一能表明你对前端时事的跟进,二还能借此引申到前端安全方面的内容,为你的面试加分。
pingan8787
2020-05-14
1.7K0
【拓展】一文看懂:网址,URL,域名,IP地址,DNS,域名解析
今天给大家梳理一篇关于网址、URL、IP地址、域名、DNS、域名解析的白话长文,并以简单的提问-解答形式让读者更加深刻理解网址、URL、IP地址、域名、DNS、域名解析,希望有助于读者的学习,面试和工作!
pingan8787
2020-05-05
21.8K0
【前端知乎】443- ArrayBuffer 与 Blob 对象详解
ArrayBuffer 对象是 ES6 才纳入正式 ECMAScript 规范,是 JavaScript 操作二进制数据的一个接口。ArrayBuffer 对象是以数组的语法处理二进制数据,也称二进制数组。
pingan8787
2019-12-24
1.8K0
【前端知乎系列】ArrayBuffer 和 Blob 对象
ArrayBuffer 对象与 Blob 对象大家或许不太陌生,常见于文件上传操作处理(如处理图片上传预览等问题)。
pingan8787
2019-12-16
1.7K0
【全栈修炼】422- RESTful 架构及实践 修炼宝典
REST:(Representational State Transfer)即表现层状态转换,定义了资源的通用访问格式,是一种网络应用程序的设计风格和开发方式。
pingan8787
2019-11-27
1.3K0
【全栈修炼】CORS和CSRF修炼宝典
1. [《【全栈修炼】OAuth2修炼宝典》](https://juejin.im/post/5db90c0ae51d452a17370626)
pingan8787
2019-11-17
1.7K0
【JS】376- Axios 使用指南
1、 利用npm安装npm install axios --save 2、 利用bower安装bower install axios --save 3、 直接利用cdn引入<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
pingan8787
2019-10-11
9570
【React】345- React v16.9 新特性[译]
今天我们发布了 React 16.9。它包含了一些新特性、bug修复以及新的弃用警告,以便与筹备接下来的主要版本。
pingan8787
2019-09-11
2.4K0
【CSS】305- [译] Web 使用 CSS Shapes 的艺术设计
“web 的艺术设计” 的作者及设计师 Andy Clarke,在使用 CSS 创造令人惊喜的新设计时,从未害怕突破边界。在本教程中,他超越了基本的 CSS 形状,并展示了如何使用它们为你艺术的设计创建五种独特且有趣的布局。
pingan8787
2019-08-03
1.2K0
【Web技术】221- CDN 科普
CDN 的全称是 Content Delivery Network,即内容分发网络。CDN 是构建在网络之上的内容分发网络,依靠部署在各地的边缘服务器,通过中心平台的负载均衡、内容分发、调度等功能模块,使用户就近获取所需内容,降低网络拥塞,提高用户访问响应速度和命中率。CDN 的关键技术主要有内容存储和分发技术。 —— 摘自《百度百科》
pingan8787
2019-07-25
1K0
点击加载更多
社区活动
【纪录片】中国数据库前世今生
穿越半个世纪,探寻中国数据库50年的发展历程
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档