随笔分类 - 杂七杂八
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title></title> <meta name="Description" content="" /> <link rel="icon" href="./image
阅读全文
摘要：// 目标 Photoshop var resolution = 300; // 分辨率，单位为DPI var w = 148; // 页面宽度 var pageW = 444; // 页面宽度 var pageH = 210; // 页面高度 var thick = 0; // 厚度值 var l
阅读全文
摘要：其实是外包官网的屎山代码改不动，留个档 common.js请求接口动态渲染底部内容 $.ajax({ url: "", // 请求的URL method: "POST", // 请求方法 dataType: "json", // 响应数据类型，此处为JSON success: function (r
阅读全文
摘要：// 监听用户打开控制台 let timeDebugger = setInterval(function () { check(); }, 1000); const check = function () { function doCheck(a) { if (("" + a / a)["lengt
阅读全文
摘要：<img src="./images/copy.png" @click="copyUrl" /> copyTextArea() { const shareUrl = "http://www.xxx.com"; const textarea = document.createElement("text
阅读全文
摘要：需求： 英雄展示页面提供纵向头像滚动切换功能，需要支持循环滚动、拖动切换、前后按钮切换、点击头像图标切换等功能。 代码： <div :class="$style.swiperBox"> <swiper ref="heroSwiper" :options="swiperOptions" :class=
阅读全文
摘要：/* 定义关键帧 */ @keyframes example { 0% { background: url(./ani/1.png) center center no-repeat; background-size: cover; } …… 100% { background: url(./ani/
阅读全文
摘要：补充配置项： slidesPerView: 'auto' 同时配合修改swiper-slide高度
阅读全文
摘要：1.放大的圈 @keyframes zoom3 { 0% { opacity: 0; transform: scale(0); } 70% { opacity: 1; } 100% { opacity: 0.7; transform: scale(1); } } .play { position:
阅读全文
摘要：let userIpAddress = ''; // 创建XMLHttpRequest对象 var xhr = new XMLHttpRequest(); xhr.open('GET', 'https://api.ipify.org/?format=json'); // 调用第三方API获取IP地址
阅读全文
摘要：先附上npm官方地址：https://www.npmjs.com/ 1.报错npm ERR! request to https://registry.npmjs.org/@react-pdf%2frenderer failed, reason: getaddrinfo EAI_AGAIN regis
阅读全文
摘要：效果： 代码： <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=devic
阅读全文
摘要：记录一个很酷的动画，效果如图： 是基于html+css3+anime.js实现的，看了眼代码，其实是默认文字的div中定位了几个相同的文字块，利用clip-path这个属性去裁剪展示其中的一部分，用于展示故障的效果，动画则是使用anime.js去循环改变X与Y轴的位置，同时调整绘制的颜色，demo代
阅读全文
摘要：第一种 俺写在index.html中的head标签与body标签中间（2560是pc端设计稿的宽度）： <script> //设置 webview 字体大小不受系统修改而改变 (function () { if (window.HiSpaceObject) { window.HiSpaceObjec
阅读全文
摘要：一个简单的递归，记下来方便以后直接抄。 // 树形数组扁平化 const extractTree = (data: TagsParams[]) => { if (!data.length) return []; const list: TagsParams[] = []; const getObj
阅读全文
摘要：突然觉得好像挺常用的，记下来方便以后抄。 初始数组： const list = [ { id: "1", pid: "" }, { id: "2", pid: "1" }, { id: "3", pid: "1" }, { id: "4", pid: "2" }, { id: "5", pid: "
阅读全文
摘要：1.Omit【某个类型中去除某些项后的新的数据类型】 -需要两个参数：Omit<type, string>，第一个参数为要继承的type类型，第二个参数为想要去除的key的字符串，存在多个时用|分隔 源码： type Omit<T, K extends keyof any> = Pick<T, Ex
阅读全文
摘要：function findAllThreeNumbers(sum, count, max) { if (count 0) { return sum 100 ? [[]] : []; } const results = []; for (let i = Math.min(max, 100 - sum
阅读全文
摘要：避免以后都得百度，直接留一份存档 /* * A JavaScript implementation of the RSA Data Security, Inc. MD5 Message * Digest Algorithm, as defined in RFC 1321. * Version 2.1
阅读全文
摘要：// 树形数组扁平化 const extractTree = (data: TagsParams[]) => { if (!data.length) return []; const list: TagsParams[] = []; const getObj = (arr: TagsParams[]
阅读全文
浙公网安备 33010602011771号