摘要: 一、常用工具: 在线压缩图片 在线图片转为base64 在线把awebp文件转为jpg 在线音频剪辑 在线json格式化校验 json格式化 浏览器兼容检测工具 box-shadow生成工具 渐变生成器 阿里矢量图标库 CSS语法检测 CSS3 生成器 CSS属性指引 HTTP Content-ty 阅读全文
posted @ 2021-12-01 15:52 阳光下的向日葵 阅读(190) 评论(0) 推荐(0) 编辑
摘要: 如果需要编辑自己的mp3音频文件,那么可以使用简单易操作的在线编辑工具来完成。音频编辑软件往往比较复杂,而在线音频剪辑器,让你能高效便捷地完成音频剪辑。 一、mp3在线剪辑网站推荐 1、Online mp3 Cutter Online mp3 Cutter 也是一个MP3在线剪辑工具,您可以在这里剪 阅读全文
posted @ 2024-04-16 11:45 阳光下的向日葵 阅读(65) 评论(0) 推荐(0) 编辑
摘要: ~ bitwise NOT 运算符 ~对操作数按位取反,两个的意思即作两次取反操作,其实是等作原数本身(操作数是32整数范围内) ~~(Math.random()*7) //即 var n = Math.random() * 7; n = ~n; n = ~n;//其实和初始值一样 和对BOOLEA 阅读全文
posted @ 2024-04-08 11:16 阳光下的向日葵 阅读(339) 评论(0) 推荐(0) 编辑
摘要: 前言:在跳页面返回时需要获取最新数据,经过测试,android会自动刷新,但是ios不会,所以为了用户体验,需要处理下。 // 监听页面被进入 document.addEventListener('visibilitychange', () => { alert('页面被进入') }, false) 阅读全文
posted @ 2024-04-07 16:56 阳光下的向日葵 阅读(5) 评论(0) 推荐(0) 编辑
摘要: 一、定义 document.body.clientHeight 网页可见区域高度 document.body.scrollHeight 网页正文全文高 document.body.offsetHeight 网页可见区域高(包括边线的高) document.body.scrollTop 网页被卷去的高 阅读全文
posted @ 2024-03-21 11:03 阳光下的向日葵 阅读(21) 评论(0) 推荐(0) 编辑
摘要: 实现思路: 1、通过判断链接是否有某参数,来决定是否展示第二屏页面 2、用offset 来获取第二屏与文档顶部距离 3、用scrollTop 将滚动条 滚动至第二屏位置 if(location.href.indexOf('part') != -1){ $('html,body').animate({ 阅读全文
posted @ 2024-03-21 09:45 阳光下的向日葵 阅读(1032) 评论(0) 推荐(0) 编辑
摘要: 一、关于接口的请求request(ajax)接口请求封装 1、如果需要请求的接口较少,可以直接写请求。 官方文档:https://developers.weixin.qq.com/miniprogram/dev/api/network/request/wx.request.html 2、如果请求的接 阅读全文
posted @ 2024-03-20 15:38 阳光下的向日葵 阅读(21) 评论(0) 推荐(0) 编辑
摘要: 前言:vue项目运行 npm run dev 提示如下错误: Module build failed: Error: Node Sass version 6.0.0 is incompatible with ^4.0.0. 原因:node-sass版本过高(实则为高版本配置与低版本配置不同,下载了最 阅读全文
posted @ 2024-03-06 17:32 阳光下的向日葵 阅读(60) 评论(0) 推荐(0) 编辑
摘要: 前言:这里是用vue2开发的,vue3的sass安装方法有部分不一样。 一、安装相关包 npm install node-sass@4.14.1 --save-dev npm install sass-loader@7.3.1 --save-dev npm ls node-sass sass-loa 阅读全文
posted @ 2024-03-06 17:14 阳光下的向日葵 阅读(6) 评论(0) 推荐(0) 编辑
摘要: 一、正常模式 <script src="index.js"></script> 这种情况下 JS 会阻塞 dom 渲染,浏览器必须等待 index.js 加载和执行完成后才能去做其它事情 二、async 模式 <script async src="index.js"></script> async 阅读全文
posted @ 2023-09-14 14:57 阳光下的向日葵 阅读(339) 评论(0) 推荐(0) 编辑
摘要: 前言: 在页面上用animation与ketframe完成按钮上字体的放大缩小动画,在pc和安卓上都好着了,但在ios上会出现各种问题 .btn{ width:10rem; height:3rem; animation: varySize 2s ease-in-out infinite; } @ke 阅读全文
posted @ 2023-09-05 11:12 阳光下的向日葵 阅读(187) 评论(0) 推荐(0) 编辑