监听DOM元素是否可视的高效方法
https://zekibu.im
奇技淫巧
未读
监听DOM元素是否可视的高效方法
代码示例 const ob = new IntersectionObserver(entries=>{
console.log('以下元素可视范围发生变化');
console.log(entries);
}, {
root: null, // 被监听元素的父元素 (相对于该元素的可视
代码雨_黑客帝国_canvas
https://zekibu.im
奇技淫巧
未读
代码雨_黑客帝国_canvas
完整代码 class CodeRain {
constructor(option = {}) {
this.option = {
// 父元素
elem: 'body',
// 字体大小
自签证书实现本地Https
https://zekibu.im
奇技淫巧
未读
自签证书实现本地Https
为什么要自签证书 本地环境进行开发时，有的API接口要求必须要https才能对接 HTML网站转换渐进式网页应用(PWA)时，chrome要求必须要https 可以给本地hosts中的"虚拟域名"安装ssl证书，实现https 更加贴近线上环境、更好debug、屏蔽一些浏览器默认禁止访问http网站
JS_VUE响应式数据原理
https://zekibu.im
奇技淫巧
未读
JS_VUE响应式数据原理
代码部分 <p>
<!-- input 未设置默认值 -->
<input placeholder="输入任何值" id="input">
</p>
<p>
<span>您输入了：</span>
<span id="result"></span>
</p>
<p>
CSS_根据背景色计算前景色差值
https://zekibu.im
奇技淫巧
未读
CSS_根据背景色计算前景色差值
代码部分 <style>
.box{
width: 100%;
height: 100px;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(to