说到元素拖拽，通常都会先想到用 HTML5 的拖拽放置 (Drag 和 Drop) 来实现，它提供了一套完整的事件机制，看起来似乎是首选的解决方案，但实际却不是那么美好，主要是它的样式太过简陋

这次来看一个带特殊圆角导航栏布局，如下谷歌浏览器的标签栏： 这样一个布局如何实现呢？下面介绍几种方法 一、伪元素拼接 假设有这样一个 HTML 结构 首先可以考虑的一种方式就利用两个伪元素拼接 中间的

什么是点九图 Android平台里有一种特殊的图片形式，文件扩展名 xxx.9.png，为了方便记忆，所以称其为点九图，英文是 Nine Patch。 应用场景 当我们需要为一段文字添加图片背景，而我

前言 咱们做前端的，平时跟后端对接接口那是必须的事情，但是可能很多同学忽略了一个对接过程中可能会发生的问题——跨域，那跨域到底是啥呢？为什么会跨域呢？又怎么才能解决呢？ 为什么跨域？ 为什么会出现跨域

前言 本文打算实现一个自动给网页添加一个看板娘的扩展，可以显示/隐藏， 并且有持久化记录功能；根据网页的href记录是否开启看板娘；以及鼠标选中文本出现扩展自定义的 menu事件；如图所示：

那天在B站看视频的时候偶然发现当字幕遇到人物的时候就被裁切了，不会挡住人物，觉得很神奇，于是决定一探究竟。

根据最新的浏览器chrom88稳定版发布的信息看到，已经完全支持aspect-ratio了，那我们就来实践一下以及了解它的应用场景。1.了解下aspectratioaspectratio翻译为中文就是

你可能已经了解过CSS gap property。它并不是一个全新的css属性，但是去年它获得了一个重要的特性：除在了CSS Grid中，在Flexbox中也能使用。我相信这个属性比它表面呈现的更复杂

很多人聊起移动端适配都是懵逼状态，都想口吐芬芳。难道移动端还要适配，直接px写死，其他自适应不就完了吗？其实不然，要求严格的公司会要求缩放比例完全相同，简单说就是，在每个手机上的每一行的字数都要一样。接下来，我们就要细说移动端适配的前世今生 相信我们所有前端开发者，都是见证了手…