-
谈谈你对BFC的理解？
一、是什么 我们在页面布局的时候，经常出现以下情况： 这个元素高度怎么没了？ 这两栏布局怎么没法自适应？ 这两个元素的间距怎么有点奇怪的样子？ ...... 原因是元素之间相互的影响，导致了意料之外的情况，这里就涉及到BFC概念 BFC（Block Formatting Context），即块级格式化上下文，它是页面中的一块渲染区域，并且有一套属于自己的渲染规则： 内部的盒子会在垂直方向上一个接一…- 12
- 0
-
css3动画有哪些？
一、是什么 CSS动画（CSS Animations）是为层叠样式表建议的允许可扩展标记语言（XML）元素使用CSS的动画的模块 即指元素从一种样式逐渐过渡为另一种样式的过程 常见的动画效果有很多，如平移、旋转、缩放等等，复杂动画则是多个简单动画的组合 css实现动画的方式，有如下几种： transition 实现渐变动画 transform 转变动画 animation 实现自定义动画 二、实现…- 28
- 0
-
美观实用！吹爆这个中文排版开源项目
有不少人的博客是直接用 GitHub Pages 托管的吧，博客网站名一般是：xxxx.github.io ，但是自己搞得网站确实不怎么美观，虽然可借助 hexo 搭建，很多网站风格还是入不了你的法眼，是吧？ 今天给大家推荐一个小众的 GitHub 项目，一个非常美观又实用的开源项目，超好看的中文排版样式。 是专为中文内容展示设计的排版样式增强。它基于通行的中文排版规范而来，可以为网站的读者带来更…- 123
- 0
-
悼念模式：简单一步实现网站全局变灰教程
网站全局变灰代码如下： html{ -webkit-filter: grayscale(100%); filter: grayscale(100%); } 如果需要仅首页变灰，那就用以下代码： html body.home{ -webkit-filter: grayscale(100%); filter: grayscale(100%); }- 94
- 0
-
知乎内容转成电子书 | 为知友提供方便的途径
项目基于知乎现有接口+TypeScript 构建，为知友提供方便的,以供自己阅读/自身结集整理为目的的将知乎内容转为 Epub 电子书的途径。 使用说明 下载软件安装包, 双击安装 在任务输入框中输入待抓取的网址信息 点击开始执行按钮 执行完毕后会打开电子书所在文件夹, 使用多看阅读或 Win10 下双击使用 Edge 浏览器打开均可 输出文件 知乎助手输出的电子书\epub内, 为输出的 Epu…- 124
- 0
-
微信 Markdown 编辑器 | 让你不再为微信文章排版而发愁！
不知道有没有公众号的博主，你是不是经常在公众号上面发一些东西。 公众号的编辑器不支持 Markdown 语法，只能算是一个功能强大一点的富文本编辑器，有时候排版比较费事费力。 今天推荐的开源项目可以将 Markdown 文档自动即时渲染为微信图文，还可以自动排版，支持自定义 CSS 样式，最终什么样式你可以自己定义。 也就是说你只需要在 Markdown 编辑器上写文章，就能一键生成一篇样式简洁而…- 68
- 1
-
一个基于 JavaScript 的跨平台抽奖插件 | 支持大转盘、九宫格、老虎机三种抽奖模式
推荐一个基于 JavaScript + Canvas 开发的抽奖插件，支持大转盘、九宫格、老虎机三种抽奖模式。 致力于为 Web 前端提供一个功能强大且专业可靠的营销组件，只需要通过简单配置即可实现自由化定制，帮助你快速的完成产品需求。 一套源码适配多端框架 JS、Vue、React、Taro、UniApp 微信小程序等，该开源项目在 GitHub 获得了 3.5 K的 Star。 大转…- 113
- 0
-
CSS美化滚动条样式
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 7px; height: 7px; background-color: #F5F5F5; } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); -…- 31
- 0
-
在线书签管理工具 | 管理你的书签
为什么要做个网络书签 每个浏览器上面都会有个书签可以供你收藏你以后可能还要用到的网址。但是你可能还是会遇到下列问题：1、如果你重装系统，或者换浏览器怎么办？2、如果你有多个浏览器书签该如何整合？3、如何快速搜索保存的书签？比如我只想搜索某个时间段保存的书签？4、如果一个分类下面书签过多，如何方便快速查看？5、我能不能查看别人收藏的书签？6、在其他地方上网的时候能不能查看我自己的书签？7、如果公用一…- 241
- 0
-
OpenDataV 低代码可视化平台
OpenDataV 是一个纯前端的拖拽式、可视化、低代码数据可视化🌈开发平台，你可以用它自由的拼接成各种✨炫酷的大屏，同时支持用户方便的开发自己的组件并接入平 功能 🎊 编辑器页面基本功能完成，包括编辑、预览、导入、导出、保存🪄 图层的置顶、置底、上下移动、显示、隐藏、复制、剪切、粘贴🖼️ 组件的缩放、旋转、拖动、复制、粘贴、组合、拆分、移除、自动对齐🔮 支持用户操作记录的恢复、撤销功能🧶 支持用…- 51
- 0
-
中国亲戚关系计算器 | 像计算器一样简单输入，即可推算出亲戚称谓
由于工作生活节奏不同，如今很多关系稍疏远的亲戚之间来往并不多。因此放假回家过年时，往往会搞不清楚哪位亲戚应该喊什么称呼，很是尴尬。然而搞不清亲戚关系和亲戚称谓的不仅是小孩，就连年轻一代的大人也都常常模糊混乱。 “中国家庭称谓计算器”为你避免了这种尴尬，只需简单的输入即可算出称谓。输入框兼容了不同的叫法，你可以称呼父亲为：“老爸”、“爹地”、“老爷子”等等，方便不同地域的习惯叫法。快捷输入按键，只需…- 120
- 0
-
￥优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×