随笔分类 -  杂七杂八

摘要:<img src="./images/copy.png" @click="copyUrl" /> copyTextArea() { const shareUrl = "http://www.xxx.com"; const textarea = document.createElement("text 阅读全文
posted @ 2024-12-06 10:13 芝麻小仙女 阅读(128) 评论(0) 推荐(0) 编辑
摘要:需求: 英雄展示页面提供纵向头像滚动切换功能,需要支持循环滚动、拖动切换、前后按钮切换、点击头像图标切换等功能。 代码: <div :class="$style.swiperBox"> <swiper ref="heroSwiper" :options="swiperOptions" :class= 阅读全文
posted @ 2024-11-04 15:51 芝麻小仙女 阅读(358) 评论(0) 推荐(0) 编辑
摘要:/* 定义关键帧 */ @keyframes example { 0% { background: url(./ani/1.png) center center no-repeat; background-size: cover; } …… 100% { background: url(./ani/ 阅读全文
posted @ 2024-10-24 09:19 芝麻小仙女 阅读(86) 评论(0) 推荐(0) 编辑
摘要:补充配置项: slidesPerView: 'auto' 同时配合修改swiper-slide高度 阅读全文
posted @ 2024-09-25 16:37 芝麻小仙女 阅读(28) 评论(0) 推荐(0) 编辑
摘要:1.放大的圈 @keyframes zoom3 { 0% { opacity: 0; transform: scale(0); } 70% { opacity: 1; } 100% { opacity: 0.7; transform: scale(1); } } .play { position: 阅读全文
posted @ 2024-09-20 15:12 芝麻小仙女 阅读(58) 评论(0) 推荐(0) 编辑
摘要:let userIpAddress = ''; // 创建XMLHttpRequest对象 var xhr = new XMLHttpRequest(); xhr.open('GET', 'https://api.ipify.org/?format=json'); // 调用第三方API获取IP地址 阅读全文
posted @ 2024-03-07 11:08 芝麻小仙女 阅读(772) 评论(0) 推荐(0) 编辑
摘要:先附上npm官方地址:https://www.npmjs.com/ 1.报错npm ERR! request to https://registry.npmjs.org/@react-pdf%2frenderer failed, reason: getaddrinfo EAI_AGAIN regis 阅读全文
posted @ 2023-11-28 11:53 芝麻小仙女 阅读(2306) 评论(0) 推荐(1) 编辑
摘要:效果: 代码: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=devic 阅读全文
posted @ 2023-10-19 10:58 芝麻小仙女 阅读(115) 评论(0) 推荐(0) 编辑
摘要:记录一个很酷的动画,效果如图: 是基于html+css3+anime.js实现的,看了眼代码,其实是默认文字的div中定位了几个相同的文字块,利用clip-path这个属性去裁剪展示其中的一部分,用于展示故障的效果,动画则是使用anime.js去循环改变X与Y轴的位置,同时调整绘制的颜色,demo代 阅读全文
posted @ 2023-10-19 10:08 芝麻小仙女 阅读(99) 评论(0) 推荐(0) 编辑
摘要:第一种 俺写在index.html中的head标签与body标签中间(2560是pc端设计稿的宽度): <script> //设置 webview 字体大小不受系统修改而改变 (function () { if (window.HiSpaceObject) { window.HiSpaceObjec 阅读全文
posted @ 2023-10-13 09:26 芝麻小仙女 阅读(322) 评论(0) 推荐(1) 编辑
摘要:一个简单的递归,记下来方便以后直接抄。 // 树形数组扁平化 const extractTree = (data: TagsParams[]) => { if (!data.length) return []; const list: TagsParams[] = []; const getObj 阅读全文
posted @ 2023-06-16 14:55 芝麻小仙女 阅读(99) 评论(0) 推荐(0) 编辑
摘要:突然觉得好像挺常用的,记下来方便以后抄。 初始数组: const list = [ { id: "1", pid: "" }, { id: "2", pid: "1" }, { id: "3", pid: "1" }, { id: "4", pid: "2" }, { id: "5", pid: " 阅读全文
posted @ 2023-06-16 14:48 芝麻小仙女 阅读(27) 评论(0) 推荐(0) 编辑
摘要:1.Omit【某个类型中去除某些项后的新的数据类型】 -需要两个参数:Omit<type, string>,第一个参数为要继承的type类型,第二个参数为想要去除的key的字符串,存在多个时用|分隔 源码: type Omit<T, K extends keyof any> = Pick<T, Ex 阅读全文
posted @ 2023-05-23 16:23 芝麻小仙女 阅读(2102) 评论(0) 推荐(0) 编辑
摘要:function findAllThreeNumbers(sum, count, max) { if (count 0) { return sum 100 ? [[]] : []; } const results = []; for (let i = Math.min(max, 100 - sum 阅读全文
posted @ 2023-03-28 15:44 芝麻小仙女 阅读(367) 评论(0) 推荐(0) 编辑
摘要:避免以后都得百度,直接留一份存档 /* * A JavaScript implementation of the RSA Data Security, Inc. MD5 Message * Digest Algorithm, as defined in RFC 1321. * Version 2.1 阅读全文
posted @ 2023-03-01 15:20 芝麻小仙女 阅读(24) 评论(0) 推荐(0) 编辑
摘要:// 树形数组扁平化 const extractTree = (data: TagsParams[]) => { if (!data.length) return []; const list: TagsParams[] = []; const getObj = (arr: TagsParams[] 阅读全文
posted @ 2022-12-19 17:35 芝麻小仙女 阅读(143) 评论(0) 推荐(0) 编辑
摘要:.blcok { width: xxx; height: xxx; max-width: xxx; background: #fff; overflow-x: scroll; &::-webkit-scrollbar { width: 6px; height: 6px; } &::-webkit-s 阅读全文
posted @ 2022-08-10 10:51 芝麻小仙女 阅读(17) 评论(0) 推荐(0) 编辑
摘要:_.omitBy( object, predicate ) 参数: object:源对象。 predicate:每个属性调用的函数。是一个可选值。 返回值: 返回新对象。 常用: 去除对象里的undefined,null,0,‘’,false等 示例: 阅读全文
posted @ 2022-03-24 10:14 芝麻小仙女 阅读(3777) 评论(0) 推荐(0) 编辑
摘要:具体原因是自定义组件数据格式为:value= [[0,0,0,0,0],[0,0,0,0,0],[0,0,0,0,0]]这个类型的格式,需要做一个必填校验,也就是左右数据都不得为0的情况=没填 贴一下代码: period_time: { spanNumber: 23, node: <TheSelec 阅读全文
posted @ 2021-09-13 16:08 芝麻小仙女 阅读(518) 评论(0) 推荐(0) 编辑
摘要:js两个字符串数组取差集(保留不重复的元素) const selfList = allStringList.filter( (itemAll: string) => notSelfList.findIndex((itemNot: string) => itemAll itemNot) -1, ); 阅读全文
posted @ 2021-08-19 14:06 芝麻小仙女 阅读(5267) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示