CSS
-
Chrome 插件开发实战:实现一个对照翻译插件(一)前端部分
前言 Chrome 浏览器自带翻译功能,但是翻译后就看不到原文了,如果能够让原文和译文同时显示,是不是更加友好呢?就像这样: 好的,接下来就让我们来实现这个插件吧。很明显,实现整个…
-
图解浏览器的各种距离
网页开发中,我们经常要计算各种距离。 比如 OnBoarding 组件,我们要拿到每一步的高亮元素的位置、宽高: 比如 Popover 组件,需要拿到每个元素的位置,然后确定浮层位…
-
天天用 antd 的 Form 组件?自己手写一个吧
大家写中后台系统的时候,应该都用过 Ant Design 的 Form 组件: 用 Form.Item 包裹 Input、Checkbox 等表单项,可以定义 rules,也就是每…
-
探索Softpedia:一站式的软件与资讯宝库
在数字时代的洪流中,我们时常需要在浩如烟海的网络世界中寻找那些能够帮助我们工作、娱乐或学习的软件与应用。 而在这其中,Softpedia犹如一位贴心的导航员,引领我们走向那些优质、…
-
一篇文章学会Python所有反爬机制及解决方法
Python,学霸 阅读指南 简介 机制 简介 大家好!今天给你们带来了几个简单反爬机制。 1. 封IP: 详细介绍: 网站会检测访问频率高且来自同一IP地址的请求,如果怀疑是爬虫…
-
Python网页爬取最强杀手!
BeautifulSoup(简称bs4)是一个用于解析HTML和XML文档的Python库,它能够解析HTML页…
-
H5 视频兼容性处理总结
概述 最近在负责公司官网的开发,在 H5 播放视频时,遇到很多兼容问题,所以总结下在 H5 播放时,遇到的兼容性问题,并封装一个 Video 的组件,便于在 H5 使用。 测试 先…
-
原子化状态管理库 Jotai,它和 Zustand 有啥区别?
Jotai 是一个 react 的状态管理库,主打原子化。 提到原子化,你可能会想到原子化 CSS 框架 tailwind。 比如这样的 css: <div cla…
-
Express框架API详解与实例演示(中)
接下来我们来学习一下app.xxx的api, 这里也是挑几个重点的学习,都是相关的 case sensitive routing必须放在最前面,用于设置大小写敏感,可通过postm…
-
不要再写满屏import导入啦!
作者:tager原文:https://juejin.cn/post/7344571285848768524 密密麻麻的import语句不仅仅是一种视觉上的冲击,更是对代码组织结构的…
-
优雅的实现网页截图之PhantomJS
前言 PhantomJS是使用JavaScript编写的无头WebKit。虽然目前Github 上PhantomJS的开发已经停止,但是其许多功能特性仍然值得探究,现在最新稳定版本…
-
css实现交融文字效果
css实现交融文字效果 CSS是有魔法的,我们今天来实现一个CSS的动画效果,只需要几行代码就可以搞定。 第一步、我们要将一行文字从中间展开 <!DOCTYPE h…
-
fullPage.js:网站单页滚动插件,真香
官网 https://alvarotrigo.com/fullPage/zh/ 用途 通过调用本库可轻易创建全屏滚动网站(也称为单页网站)。 本库可创建全屏滚动网站,同时也可在网站…
-
可替代 find 与 grep 的三个高效搜索命令
本文将介绍三个高效搜索命令,分别是 fd、ripgrep 与 fzf。今天这几个命令是我强烈推荐,毕竟,那种等待 find 和 grep 搜索结果真的让人痛苦。 我将介绍的 fd …
-
美观的开源NAS导航面板:使用Docker部署Sun-Panel导航页
一、Sun-Panel介绍 1.1 Sun-Panel简介 Sun-Panel可作为一个服务器、NAS导航面板、Homepage、浏览器首页。 1.2 Sun-Panel功能 🍉 …
-
38.8K star!一款强大的富文本编辑器,据说是同类star数最多,厉害!
* 戳上方蓝字“开源先锋”关注我 推荐阅读: 《40.2K Star!一款快速、高颜值的终端项目,释放你的个性!》 大家好,我是开源君! 在互联网时代,富文本编辑器已经成为网站和应…