佑之以航 - 博客园

2023年8月10日

摘要：引入外部依赖： ``` ``` 或 npm 包下载 ``` npm i gsap --save-dev import { gsap } from 'gsap' import { ScrollTrigger } from 'gsap/ScrollTrigger' ``` 使用： ``` gsap.re 阅读全文

posted @ 2023-08-10 16:53 佑之以航阅读(489) 评论(0) 推荐(0) 编辑

2021年12月6日

vue $attrs及$listeners 使用

摘要： A-B-C 三个组件引用关系：A引用B，B引用C 步骤1. 跨组件传值：A传值到B， B使用C组件时，v-bind="$attrs"（固定写法），可以使父组件传入的值，以对象形式传递到C组件，如果C组件props申明了该字段，那么可以在C组件直接使用该字段步骤2. 跨组件传入回调函数：A引用B组阅读全文

posted @ 2021-12-06 10:51 佑之以航阅读(142) 评论(0) 推荐(0) 编辑

2021年12月2日

记录一个渐变的进度条实现方案

摘要：代码如下： <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" c 阅读全文

posted @ 2021-12-02 10:49 佑之以航阅读(90) 评论(0) 推荐(0) 编辑

2021年11月25日

利用css画树连线

摘要： <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-11-25 17:37 佑之以航阅读(825) 评论(0) 推荐(0) 编辑

2021年11月15日

replace理解

摘要：先讲一个需求 // 需要对这段代码图片链接中文进行unicode编码 var str = '<style type="text/css">body{margin:0;padding:0;}</style><p><img src="https://scm-dam.oss-cn-shanghai.ali 阅读全文

posted @ 2021-11-15 15:58 佑之以航阅读(124) 评论(0) 推荐(0) 编辑

2021年9月8日

放大镜 vue

摘要： zoom1.vue <template> <div id="zoomBox" :style="getStyleStr"> <div id="small-box"> <div id="float-box"></div> <img :style="getStyleStr" :src="minImgUrl 阅读全文

posted @ 2021-09-08 15:20 佑之以航阅读(73) 评论(0) 推荐(0) 编辑

2021年9月7日

图片局部放大镜

摘要： <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content 阅读全文

posted @ 2021-09-07 19:52 佑之以航阅读(96) 评论(0) 推荐(0) 编辑

2021年9月2日

图片放大镜

摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>放大镜</title> <style> * { margin: 0; padding: 0; } #demo { display: block; width: 323px; h 阅读全文

posted @ 2021-09-02 18:01 佑之以航阅读(68) 评论(0) 推荐(0) 编辑

2021年7月16日

记录一个排序方法

摘要： var list = [ { name: "1", age: "2", chi: "2", }, { name: "2", age: "3", chi: "4", }, { name: "2", age: "4", chi: "8", }, { name: "1", age: "2", chi: " 阅读全文

posted @ 2021-07-16 13:57 佑之以航阅读(57) 评论(0) 推荐(0) 编辑

2021年6月24日

git操作记录

摘要： git fetch --prune // 强制拉取所有远程分支（更新远程分支） git stash // 加入缓存 git stash pop // 恢复缓存 git stash list // 查看缓存列表 git stash clear // 删除所有缓存列表 git fetch -p 获取远阅读全文

posted @ 2021-06-24 14:40 佑之以航阅读(69) 评论(0) 推荐(0) 编辑