效果 .xsx-h4 { margin-bottom: 20px } .xsx-tooltip { position: relative; border-bottom: 1px dotted black; } .xsx-tooltip:before { content: attr(tooltip-data); position: absolute; ...
Web
用css实现透明图片阴影效果
效果 .transparent-shadow { height: 160px; display: flex; align-items: center; justify-content: center; } .margin-right { margin-right: 30px; } .margin-bottom { margin-bottom: 1em...
用css实现打字效果
打字效果（不循环） .typing { height: 14vh; display: flex; align-items: center; justify-content: center; } .typing-effect { width: 22ch; white-space: nowrap; overflow: hidden; b...
人机验证reCAPTCHA v3使用完备说明
v2简介 相信大家都碰到过下面的展示的人机验证界面： reCaptcha 是 Google 公司的验证码服务，方便快捷，改变了传统验证码需要输入n位失真字符的特点。reCaptcha 在使用的时候是这样的： 谷歌...
Nginx服务器怎么开启文件压缩
nginx 通过 ngx_http_gzip_module、ngx_http_gzip_static_module 等模块进行解析和处理，实现对响应数据和文件缓存的压缩。 # ngx_http_gzip_module模块处理的指令 1.gzip on | off # 开启或关闭压...
Apache服务器怎么开启文件压缩
vue项目打包 chunk-vendors.xxx.js 文件过大，如图，400多K： 因为服务器端没有开启文件gzip压缩，导致通过浏览器访问页面时，速度过慢，访客等待时间明显过长（4、5秒）。 为了提高访问体验，必须减...
为什么大站都在用GIF做埋点？
原因 防止跨域拦截 一般而言，打点域名都不是当前域名，所以所有的接口请求都会构成跨域。而跨域请求很容易出现由于配置不当被浏览器拦截并报错，这是不能接受的。但图片的 src 属性并不会跨域，并且同样...
页面关闭，也能将统计数据发送到Web服务器？
页面关闭（前/时/后）将统计数据发送到 Web 服务器的方案： 一、XMLHttpRequest 缺点：定时器（setInterval）间隔时间不好把握，Ajax 也会浪费大量的资源。 setInterval(() => { $.ajax({ ...
防止机器人通过网页表单提交垃圾留言
本文介绍一个小技巧，防止机器人通过网页表单，提交垃圾留言。方法是为表单元素<form>加上一个data-action属性，真正的提交地址放在这个属性里面。 怎样防止机器人通过网页表单提交垃圾留言，可以像Dru...
Flutter实战·读书笔记1：DOM树与响应式编程
DOM树与控件树 文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标志语言的标准编程接口，一种独立于平台和语言的方式访问和修改一个文档的内容和结构。换句话说，这是表示和处理一个...