自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

pingan8787

欢迎关注微信公众号【前端自习课】, 每日清晨,享受一篇前端优秀文章。

  • 博客(694)
  • 收藏
  • 关注

转载 【JS】792- 总结 JS 实现网页截屏方法

作者:luckness原文:https://segmentfault.com/a/1190000037673677最近研究了下如何利用JavaScript实现网页截屏,包括在浏览器运行的...

2020-11-29 08:21:00 4

转载 【Web技术】791- HTML字符串中匹配关键词高亮

来源:木马啊转载自:https://wintc.top/article/59很久之前写过一个Vue组件,可以匹配文本内容中的关键词高亮,类似浏览器ctrl+f搜索结果。实现方案是,将文本...

2020-11-28 08:09:00 8

转载 【优化】790- 网页渲染性能优化 —— 渲染原理

作者:晨风明悟链接:https://zhuanlan.zhihu.com/p/39879808渲染原理在讨论性能优化之前,我们有必要了解一些浏览器的渲染原理。不同的浏览器进行渲染有着不同...

2020-11-27 08:18:00 17

转载 【适配】789- 异形屏兼容框架

异形屏兼容框架《异形》系列电影从1979年第一集上映至今将近40年,从最初以恐怖电影的名头上映,到现在成为科幻电影历史上的经典... ... 搞错了,接下来不是影评,是知识点!背景现在的...

2020-11-26 08:17:00 7

转载 【工具】788- 这些开源项目,让你轻松应对十大工作场景

俗话说得好,工欲善其事必先利其器。本文阿宝哥将介绍一些优秀的开源项目,利用这些开源项目,你将能能轻松应对以下十个工作场景:文件上传、图片处理、文档处理、网络请求、数据存储、微前端、表单设...

2020-11-25 08:12:00 23

转载 【Web技术】787- 前端安全编码规范

来源:待你如初https://segmentfault.com/a/1190000037657222前言随着互联网高速的发展,信息安全已经成为企业重点关注焦点之一,而前端又是引发安全问...

2020-11-24 08:17:00 20

转载 【工具】14款前端常用的富文本编辑器插件

富文本编辑器是一种可内嵌于浏览器,所见即所得的文本编辑器。它提供类似于Office Word 的编辑功能,方便那些不太懂html用户使用,富文本编辑器的应用非常广泛,它的历史与图文网页诞...

2020-11-24 08:17:00 18

原创 【React】786- 探索 React 合成事件

React 是一个 Facebook 开源的,用于构建用户界面的 JavaScript 库。React 目的在于解决:构建随着时间数据不断变化的大规模应用程序。其中 React 合成事件...

2020-11-23 08:10:00 33

原创 探索 React 合成事件

React 是一个 Facebook 开源的,用于构建用户界面的 JavaScript 库。React 目的在于解决:构建随着时间数据不断变化的大规模应用程序。其中 React 合成事件是较为重要的知识点,阅读完本文,你将收获:合成事件的概念和作用;合成事件与原生事件的 3 个区别;合成事件与原生事件的执行顺序;合成事件的事件池;合成事件 4 个常见问题。接下来和我一起开始学习吧~一、概念介绍React 合成事件(SyntheticEvent)是 React 模拟原生 DOM 事.

2020-11-22 20:00:19 2353 7

转载 【Web技术】785- 网页骨架屏自动生成方案分享

来源:花满楼https://zhuanlan.zhihu.com/p/74403911什么是骨架屏?什么是骨架屏呢?骨架屏(Skeleton Screen)是指在页面数据加载完成前,先给...

2020-11-22 08:19:00 32

转载 【JS】784- 14 个 JS 优化建议

JavaScript 已经成为当下最流行的编程语言之一。根据 W3Tech,全世界几乎 96% 的网站都在使用它。关于网站,你需要知道的最关键的一点是,你无法控制访问你网站的用户的硬件设...

2020-11-21 08:26:00 32

转载 【Web技术】783- 前端 api 请求缓存的 5 种方案,减少性能损耗!

作者:wsafight,原文:https://github.com/wsafight/personBlog/issues/2在开发 web 应用程序时,性能都是必不可少的话题。对于web...

2020-11-20 07:46:27 24

转载 【React】782- React 中阻止事件冒泡的问题

来源 |https://www.cnblogs.com/Wayou/p/react_event_issue.html在正式开始前,先来看看 js 中事件的触发与事件处理器的执行。js...

2020-11-19 06:49:00 25

转载 【Web技术】781- postMessage 还能这样玩

在日常工作中,消息通信是一个很常见的场景。比如大家熟悉 B/S 结构,在该结构下,浏览器与服务器之间是基于 HTTP 协议进行消息通信:然而除了 HTTP 协议之外,在一些对数据实时性要...

2020-11-18 08:18:00 40

转载 【Web技术】780- AST 实现函数错误自动上报

作者:哈啰出行-杭州团队Allanhttps://segmentfault.com/a/1190000037630766前言之前有身边有人问我在错误监控中,如何能实现自动为函数自动添加错...

2020-11-17 08:09:00 14

转载 【Github分享】7 个热门 TypeScript 项目

英文 |https://medium.com/javascript-in-plain-english/7-trending-typescript-projects-on-github-...

2020-11-16 08:08:00 19

转载 【JS】779- 深入理解Promise

这是布兰的第 7 篇原创从异步编程说起我们都知道 JavaScript 的代码执行的时候是跑在单线程上的,可以理解为只能按照代码的出现顺序,从上到下一行一行的执行,但是遇到了异步的行为,...

2020-11-16 08:08:00 24

转载 【Vuejs】778- 超全 Vuejs 知识点(基础到进阶)

作者:阿李卑斯https://juejin.im/post/5ec358126fb9a0432a3c49e6声明:本篇文章纯属笔记性文章,非整体原创,是对vue知识的整理,对自己有很大...

2020-11-15 10:06:08 45

转载 【Web技术】777- Web界面深色模式和主题化开发

原文地址:https://segmentfault.com/a/1190000022734474作者:DevUI(华为)引言深色模式(Dark Mode)在iOS13 引入该特性后各大应...

2020-11-14 08:04:00 66

转载 【CSS】776- 16个非常有用的CSS伪选择器

(伪)选择器可以为文档中不一定具体存在的结构指定样式,或者为某些元素、文档的标记模式、甚至是文档本身的状态所指示的幻像类指定样式。— CSS 权威指南:Eric Meyer、Estell...

2020-11-13 08:09:00 18

转载 【JS】775- 这些高阶的函数技术,你掌握了么

在 JavaScript 中,函数为一等公民(First Class),所谓的 “一等公民”,指的是函数与其他数据类型一样,处于平等地位,可以赋值给其他变量,也可以作为参数,传入另一个函...

2020-11-12 08:18:00 44

转载 【Web技术】774- 基于canvas完成图片裁剪工具

前言本文是基于canvas去实现图片裁剪工具。因为canvas代码还是比较长的,尽量写思路,完整代码已放在github上。canvas模糊问题这个是写canvas必定接触的问题,网上关于...

2020-11-11 08:06:00 19

转载 【拓展】网站优化神器推荐

作者:Jartto's bloghttp://jartto.wang工欲善其事,必先利其器。在「网站优化实战:http://jartto.wang/2019/02/16/web-...

2020-11-10 08:16:00 23

转载 【CSS】773- 《CSS揭秘》使用技巧总结(干货)

❝作者:幻灵尔依 (授权原创)https://juejin.im/post/5e0fef935188253a624a6a72❞《css揭秘》中讲了47个css技巧,其中有很多日常编码中并...

2020-11-10 08:16:00 22

转载 【Web技术】772- Web 中文字体性能优化实践

背景介绍—Web 项目中,使用一个适合的字体能给用户带来良好的体验。但是字体文件这么多,如果设计师或者开发人员想要查询字体,只能一个个打开,非常影响工作效率。我负责的平台项目刚好需要实现...

2020-11-09 08:07:00 21

转载 【Web技术】771- 图片懒加载从简单到复杂

作者 | hateonion来源 | https://hateonion.me/posts/19jan30/图片懒加载是一个很重要的前端性能优化手段。这篇文章将从懒加载的最简单场景开始介...

2020-11-08 09:21:41 26

转载 【CSS】770- 多层嵌套的CSS 3D动画技术详解

CSS动画是当前一种非常火爆的技术,我说的并不是一些简单的颜色变换或长短属性变换,我说的是3D变换技术;纯CSS实现的翻滚旋转立方体就是最典型的例子。网上能找到很多关于CSS动画的代码,...

2020-11-07 08:25:00 33

转载 【浏览器】769- 你不知道的浏览器渲染原理

原文地址:https://segmentfault.com/a/1190000022633988?_ea=44436475#item-4-8作者:_杨溜溜在我们面试过程中,面试官经常会问...

2020-11-06 08:05:00 19

转载 【精读】768- 如何更好地理解中间件和洋葱模型

相信用过 Koa、Redux 或 Express 的小伙伴对中间件都不会陌生,特别是在学习 Koa 的过程中,还会接触到 “洋葱模型”。本文阿宝哥将跟大家一起来学习 Koa 的中间件,不...

2020-11-05 08:05:00 55

转载 【CSS】767- 我写炫酷 CSS 效果的常用套路

作者:alphardex链接:https://juejin.im/post/6881546676188741645前言前篇传送门:https://juejin.im/post/68449...

2020-11-04 08:04:00 24

转载 【小程序】766- 一文看懂小程序分享到朋友圈

点击上方 关注我们作者简介张所勇转转平台运营中心前端负责人,在前端领域有深入研究,包括:sketch一键切图、前端数据模型化,小程序基础能力建设等多个方面,10年工作经验中,做了2年工...

2020-11-03 08:05:00 101 1

转载 【拓展】分享 8 个做处理本地存储的 JS 库

来源:https://medium.com/javascript-in-plain-english作者:Amy J. Andrews我为当前项目测试了一些本地存储库。想知道他们有什么很棒...

2020-11-03 08:05:00 16

转载 【面试】764高频前端开发面试问题及答案整理

说说你对闭包的理解使用闭包主要是为了设计私有的方法和变量。闭包的优点是可以避免全局变量的污染,缺点是闭包会常驻内存,会增大内存使用量,使用不当很容易造成内存泄露。闭包有三个特性:1.函数...

2020-11-01 08:28:00 233

转载 【拓展】10行 JS 实现精美的视差效果

英文 |https://www.ibrahima-ndaw.com/blog/parallax-effect-with-10-lines-of-javascript/翻译 | web前...

2020-10-31 08:12:00 16

转载 【JS】763- 手把手教你写个小程序定时器管理库

背景凹凸曼是个小程序开发者,他要在小程序实现秒杀倒计时。于是他不假思索,写了以下代码:Page({ init: function () { clearInterval(thi...

2020-10-31 08:12:00 17

转载 【拓展】SVG实现环形进度条的原理

之前在项目中遇到一个环形进度条的需求,要求能实时更新进度,脑海中瞬间便蹦出css,svg,canvas3中方案,对于3种方案个人更偏向于svg,用法简单,代码量也很少,同时也便于实时控制...

2020-10-30 08:11:00 21

转载 【CSS】762- 如何实现一个圆弧倒计时进度条

一、前言最近的项目中,需要实现一个圆弧形倒计时进度条,对于本来 css 知识薄弱的我当场就懵逼,脑海里总是不断思考如何实现,不幸的是脑袋里没能蹦出半个想法。然后立马百度查看网上是否有相似...

2020-10-30 08:11:00 34

转载 【JS】761- JS 和 CSS 交互的 5 种方法

英文 |https://davidwalsh.name/ways-css-javascript-interact译文 |https://www.webhek.com/post/way...

2020-10-29 08:11:00 20

转载 【拓展】760- 中了源码的毒,给你一副良药

近期阿宝哥在团队内搞了一个 「如何读源码」 的专题,主要目的是让团队的小伙伴们了解读源码的思路与技巧。在此期间,阿宝哥也写了 77.9K 的 Axios 项目有哪些值得借鉴的地方、从 1...

2020-10-28 08:11:00 45

转载 【CSS】759- 图片加载失败后CSS样式处理最佳实践

原文 |https://www.zhangxinxu.com/wordpress/2020/10/css-style-image-load-fail/1、传统的图片异常处理<im...

2020-10-27 08:10:00 40

空空如也

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除