- 博客(9)
- 收藏
- 关注
原创 前端技术干货文章(收藏)
让你受益匪浅的前端技术干货系列这是一个凝聚了很多优秀前端开发者心血的精选技术干货列表,希望你能从中学习提升前端开发技术。如果觉得这个系列有收获,欢迎推荐给朋友。有新内容加入后,这个列表每月将更新一次,除在公号推送外,还将在 Github 、知乎专栏 和 前端大全主页君的个人微信同步更新。// 最新更新时间 2020/6/28一)前端基本功前端相关的基础知识《HTTP/3 来了 !未来可期》《你可能已经忽略的 git commit 规范》《手...
2020-06-29 23:06:25 8375
转载 CSS中的背景用法大全
CSS中的背景用法大全转https://mp.weixin.qq.com/s?__biz=MjM5MDA2MTI1MA==&mid=2649095957&idx=4&sn=bafba1d664f8dafbadc27b6275fe5d52&chksm=be5bd8b8892c51aec42313b56b2288c52f2f3df2af6674362a90c667a9f6b1655918ed271b38&mpshare=1&scene=23&s..
2020-06-25 14:29:52 175
转载 60个非常实用的CSS代码片段,千万要收藏好了!
60个非常实用的CSS代码片段,千万要收藏好了!https://mp.weixin.qq.com/s?__biz=MjM5MDA2MTI1MA==&mid=2649095862&idx=2&sn=62c4ef430a53cc0b7e53086821efcd00&chksm=be5bd91b892c500d9cac251a7ca4db252fce1fe795fdb70291e61e783ed4d69e036fc39fcc45&mpshare=1&scene=
2020-06-20 11:12:10 287
原创 文本超出部分显示省略号,水平垂直居中的方式,利用伪元素画三角
文本超出部分显示省略号单行overflow: hidden;text-overflow:ellipsis;white-space: nowrap;多行display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; // 最多显示几行overflow: hidden;水平垂直居中的方式flex// 父容器display: flex;justify-content: cen.
2020-05-28 22:28:50 414
原创 视网膜分辨率的图形使用什么技术?什么情况下,用translate()而不用绝对定位?
视网膜分辨率的图形?当中使用什么技术?1.使用高分辨率的图形(显示尺寸的两倍)来处理视网膜显示,也就是使用2倍图。2.更好的做法是使用媒体查询,像@media only screen and (min-device-pixel-ratio: 2) { ... },然后改变background-image,不同分辨率的屏幕使用不同的图片。3.对于图标类的图形,我会尽可能使用 svg 和字体图标,因为它们在任何分辨率下都不会失真。4.还有一种方法是在检查了window.devicePixelRa
2020-05-28 22:20:42 587
转载 通过修改透明度,形成层叠上下文
在以下情况下,堆叠上下文由文档中的任何元素在文档中的任何位置形成:文档的根元素(<html>)。 元素与position值absolute或者relative和z-index比其他价值auto。 带有或position值的元素(对于所有移动浏览器均具有粘性,但不适用于较旧的桌面)。fixedsticky 是flex(flexbox)容器的子元素的元素,其z-index值不是auto。 是grid(grid)容器的子元素的元素,其z-index值不是auto。 opacity...
2020-05-10 10:17:02 153
原创 自学node+cheerio简单爬虫
文章开头先介绍一下主角cheeriocheerio是nodejs的抓取页面模块,为服务器特别定制的,快速、灵活、实施的jQuery核心实现。适合各种Web爬虫程序。也就是用我们熟悉的jQuery语法,在服务器端对第三方网页的html文档进行操作。步骤开始:首先让我们先导入本篇文章的主角const https = require('https');const cheerio = require('cheerio');并且定义一个变量来储存需要爬取的网址,因为我都存在Json..
2020-05-09 20:51:32 466
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人