随笔分类 -  前端

• css的background-clip
  摘要：<template> <div> <span class="background-clip-container">您好</span> </div> </template> <script setup></script> <style scoped> .background-clip-containe 阅读全文
  posted @ 2025-08-04 13:46 一路繁花似锦绣前程 阅读(6) 评论(0) 推荐(0)
• 监听滚动容器中的子元素出现在可视区
  摘要：目录一、IntersectionObserver二、onscroll 一、IntersectionObserver <template> <div> <div class="container"> <div>aaa</div> <div>bbb</div> <div>ccc</div> <div>d 阅读全文
  posted @ 2025-04-17 18:28 一路繁花似锦绣前程 阅读(14) 评论(0) 推荐(0)
• 地图的拖拽和缩放
  摘要：<template> <div ref="crtContainerRef" class="crt-container"> <div ref="crtContainerImgContainerRef" class="crt-container__img-container" :style="{ lef 阅读全文
  posted @ 2025-04-15 02:24 一路繁花似锦绣前程 阅读(27) 评论(0) 推荐(0)
• css的filter
  摘要：<template> <div> <div class="filter-container1"></div> <div class="filter-container2"></div> </div> </template> <script setup></script> <style scoped> 阅读全文
  posted @ 2025-02-11 21:27 一路繁花似锦绣前程 阅读(25) 评论(0) 推荐(0)
• ios底部安全区适配
  摘要：<template> <!-- <meta name="viewport" content="...,viewport-fit=cover"> --> <div class="safe-area-inset-bottom"></div> </template> <script></script> < 阅读全文
  posted @ 2025-01-09 11:19 一路繁花似锦绣前程 阅读(22) 评论(0) 推荐(0)
• dialog弹窗实现（可添加在任意节点上）
  摘要：目录dialog弹窗实现（可添加在任意节点上） dialog弹窗实现（可添加在任意节点上） <template> <teleport v-if="modelValueHandler || lazyModelValueHandler" to=".ll-adapter"> <transition nam 阅读全文
  posted @ 2025-01-04 12:47 一路繁花似锦绣前程 阅读(27) 评论(0) 推荐(0)
• 浏览器缓存机制
  摘要：目录一、浏览器缓存机制1、LastModified2、ETag3、expires 一、浏览器缓存机制 1、LastModified const http = require('http') const url = require('url') const path = require('path') 阅读全文
  posted @ 2024-06-04 17:32 一路繁花似锦绣前程 阅读(28) 评论(0) 推荐(0)
• 静态资源服务器命令行工具
  摘要：目录一、静态资源服务器命令行工具 一、静态资源服务器命令行工具 #!/usr/bin/env node // npm i yargs const yargs = require('yargs') const Server = require('../src/app') const argv = ya 阅读全文
  posted @ 2024-06-04 10:49 一路繁花似锦绣前程 阅读(69) 评论(0) 推荐(0)
• 第五章、nodejs高级
  摘要：目录十六、知识点补充22、gzip23、crypto24、uncaughtException25、detached26、fork27、exec28、execFile29、多语言切换30、图片防盗链31、代理服务器32、User-Agent33、cookie 十六、知识点补充 22、gzip cons 阅读全文
  posted @ 2024-05-21 17:39 一路繁花似锦绣前程 阅读(46) 评论(0) 推荐(0)
• 第三章、javascript高级
  摘要：目录二十七、知识点回顾1、回调函数方式处理异步所存在的问题2、生成器3、从Generator到async/await 二十七、知识点回顾 1、回调函数方式处理异步所存在的问题 * 无法捕获错误（try catch） * 不能return 2、生成器 function* foo(a) { const 阅读全文
  posted @ 2024-03-27 19:38 一路繁花似锦绣前程 阅读(36) 评论(0) 推荐(0)