首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
前端
订阅
Xxxx65460
更多收藏集
107篇文章 · 0订阅
我用 flex 布局 写了 9 个麻将
前言 为了深入了解 flex 布局,我用 它 写了 9个麻将,当然,你也可以试试骰子,大同小异。 一、初始布局与公共样式 一开始是想用 div 来写,后来改成 ul li 更合适。 1、基础布局 2、
探秘 flex 上下文中神奇的自动 margin
水平垂直居中也算是 CSS 领域最为常见的一个问题了,不同场景下的方法也各不相同,各有优劣。嗯,下面这种应该算是最便捷的了: 嗯。这里其实就涉及了一个问题,如何让 margin: auto 在垂直方向上生效? 让元素相对父元素水平居中。但是如果我们想让元素相对父元素垂直居中的话…
「一劳永逸」48张小图带你领略flex布局之美
48张图带你从0到1掌握flex布局方式。 需要本文的Xmind导图的话,移步公众号--前端UpUp,回复flex关键字即可。 从上面图来看,我们将flex布局分为两部分讲,轴和容器。 打个预防针,flex布局涉及到12个CSS属性,父容器,子容器各6个。 接下来先梳理常见的属…
🐢11s到⚡1s,性能优化之首屏加载🚀
在对项目做了一些优化处理后,再次无缓存打开可以发现网页几乎是秒开,平均耗时在1s以内 在这里总结记录一下,基本上都是一些常规可复制的优化手段,希望能为同样想优化网页性能的你提供思路~
如何使用Lighthouse性能检测工具
前言最近做性能检测工具,很多知识点不清楚,打算查缺补漏,补一补。接下来从官方提供的性能检测工具Lighthouse(灯塔)开始我们的学习,简单介绍了下Lighthouse的一些点。
三面面试官:运行 npm run xxx 的时候发生了什么?
面试官:npm run xxx的时候,发生了什么?讲的越详细越好。 我(嘿嘿,稳了,这次我要30k): 嘻嘻!
面试官:“你能手写一个 Promise 吗”
关于手写 Promise,想必大家都十分熟悉。基本上现在不管是大厂还是小厂,手写 promise 已经成为了面试必考知识点。听说你还不太会?那么走着,带你从零开始解锁 Promise! 在 Promise 出现以前,在我们处理多个异步请求嵌套时,代码往往是这样的。。。 为了拿到…
JavaScript 专题之数组扁平化
JavaScript 专题系列第九篇,讲解如何实现数组的扁平化,并解析 underscore 的 _.flatten 源码 扁平化 数组的扁平化,就是将一个嵌套多层的数组 array (嵌套可以是任何层数)转换为只有一层的数组。 举个例子,假设有个名为 flatten 的函数可…
2018 CSS 大会多图见闻录
CSS 之于前端有些像厦门之于 IT 界:耳熟能详却又略显小众。那么在厦门召开的第四届 CSS 大会是否能结合碰撞出新的火花呢?跟随着本兼职摄影师来看看吧~ 周六上午的巨幕影厅里,本届 CSS 大会正式拉开帷幕。在现在的前端圈技能树越点越多的大潮下,单单会写代码的前端或许已经不…
docker + webhook 从零实现前端自动化部署
我免费申请的服务器到期了... 首先你得有一台服务器吧-。- 前者无需配置,但每次登陆都需要输入账号密码,后者需要注册 ssh 密钥,但之后可以免密登陆云服务器。个人比较喜欢后者,所以先在控制台注册 ssh 密钥 COPY . .:拷贝其他文件到容器 /app 目录,分两次拷贝…