日记本

IOS 13.3 及之后，申请授权，必须用户手动触发。这里的意思大概就是，我们不能把加速度的监听事件，直接在挂载的时候渲染。需要在DOM事件触发后执行...

一般人没事的时候刷刷朋友圈、微博、电视剧、知乎，而有些人是没事的时候刷刷 GitHub ，看看最近有哪些流行的项目。 久而久之，这差距就越来越大，因此总会有开源信息的不对称...

EventEmitter 是频率较高的前端面试题。另外我个人在开发一款 SVG 编辑器，很多模块需要用到观察者模式来实现解耦。但 EventEmitter 是 Nodejs...

平时工作当中，也已经很久没有用JSONP 来跨域请求了，现重新整理一下，写出自己对 JSONP 的理解。如果写的有不对的，请各位看官评论指出，感谢。 行文时，系统环境为 m...

该算法即简化了 Dependency hell 的解决方式，也带来了非常多的问题。 其错误原因就在于全局的 types 形成了命名冲突，因此假如版本重复可能会导致全局的类型...

主要内容： 1.介绍了使用页面可编辑的三个API 2.三个方法各自的优缺点 3.学习富文本编辑器必备知识点...

（译注：该图是用 PS 将烟雾处理成方块状后得到的效果，参见 flickr。） 如果你在网上搜索 “Monad”，你会被各种范畴学理论搞得头皮发麻，很多人也貌似 “很有帮助...

首先，我坦白：在开始写以下内容之前我并不太了解 Monad 是什么。我为了确认一些事情而犯了很多错误。如果你不相信我，去看看 这本书 Git 仓库 中关于本章的提交历史吧！...

本期分享一下如何仅用CSS3，实现单标签的动态晴阴雨雪。技术关键点就是“单标签”和“纯CSS”。先看下最终效果： 没错，就是这么任性，每个动图就一个标签，而且无图无JS！下...

就是顶部黄色的滚动进度条，随着页面的滚动进度而变化长短。 在继续阅读下文之前，你可以先缓一缓。尝试思考一下上面的效果或者动手尝试一下，不借助 JS ，能否巧妙的实现上述效果...

基于上述的准则，下面我就讲介绍各种技巧实现截断效果，并根据上述的评判标准得出最优解。 文本溢出我们经常用到的应该就是 text-overflow: ellipsis 了，相...

刚好最近遇到这个小需求，记得很早之前都是用JS处理，毕竟那时候年少无知。切换类的操作可以用Checked伪类实现，成本会比较低一点，那么先来列一下功能要点： 疑问点：tex...

初次写文章，如有瑕疵，望各位大佬见谅，大家可以称呼我阿艺。 作为一名前端人员，和需求打交道称之为最关键的工作之一，一点都不夸张，那么，不知各位大佬在拿到需求文档的第一件事情...

普及：浏览器的兼容性问题，往往是个别浏览器（没错，就是那个与众不同的浏览器）对于一些标准的定义不一致导致的。俗话说：没有IE就没有伤害。 贴士：内容都是自己总结的，不免会出...

什么是响应式？同一个页面在不同屏幕尺寸下有不同的布局。 传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就好了，缺点是CSS比较重。 栅格系统...

今天打开b站，看见一片灰色。对于公祭日，我们每一个人都应该为此默哀、纪念历史，都要铭记历史、热爱祖国、砥砺前行 首先，职业下意识就打开了控制台。为什么呢？是想看看怎么实现的...

什么是响应式？响应式的页面在不同的屏幕有不同的布局，换句话说，使用相同的html在不同的分辨率有不同的排版。如下图所示： 响应式布局是为了解决适配的问题，传统的开发方式是P...

由于我们要做响应式布局，我们的字体大小也要随着屏幕的大小进行改变，这时候就不能使用px作为字体单位了，我们可以使用em或者rem，这两者的区别是一个是相对于父元素，一个是相...

简要介绍：前端开发中，静态网页通常需要适应不同分辨率的设备，常用的自适应解决方案包括媒体查询、百分比、rem和vw/vh等。本文从px单位出发，分析了px在移动端布局中的不...

我们开发一个网站的时候希望在手机端、iPad 端、PC 端都有良好的体验，CSS 给我们提供了一个强大的条件判断语法，可以根据设备的宽度来设置不同的样式，从而实现不同的设备...