- 博客(18)
- 收藏
- 关注
RSS订阅原创 从0到1开发safari插件
2.manifest.json相当于的插件的配置文件,配置background.js,content.js,图片等。5.可以在Safari浏览器中:开发--网页扩展背景页面中查看background.js的日志。若想要关闭popup页面,可以在popup.js中调用window.close()4.可以在打开网页的控制台中查看content.js的日志与报错。7.popup.css 点击浏览器地址栏的html引入的css。5.popup.js 点击浏览器地址栏的html中引入的js。
2023-12-19 11:57:03
236
1
原创 chrome插件如何打包
当我们按照chrome插件要求的格式创建文件夹后,发现本地js无法拆分为多个js进行引入使用,本地代码也是无法打包,那么如何可以将一个大的js文件分解为多个js文件,并进行引用呢?如何将本地的图片,css,html一并进行打包呢?
2023-12-18 19:27:43
194
原创 从0到1开发chrome插件
1.不能直接location.href跳转,需要现在本地创建test.html,然后window.location.href='./test.html'可以发送给background.js,不能发送给content-script.js,因为content-script.js需要pageId。注意:只有popup.js和content-script.js可以发送ajax请求,background.js不能发送ajax请求。可以发送给content-script.js和popup.js的通知。
2023-12-01 18:47:06
82
1
原创 JS hover事件,导致鼠标移到按钮上频繁闪烁怎么回事?
原因:当元素绑定mouseover和mouseout函数时，滑过元素中的子元素或者本身时都会触发滑动函数,mouseenter 和mouseleave必须是滑过元素本身，才会触发，解决:将mouseover换为mouseenter,将mouseenter换为mouseleave。
2023-07-07 16:10:41
749
1
原创 JS 点击某按钮,如何自动滚动到页面底部(且带动画,缓缓移动)?
-微信浏览器滚动无法识别document.documentElement || document.body,需要使用window.1.使用scrollTo。
2023-07-07 15:56:46
1150
1
原创 h5页面滚动时希望safari浏览器底部变成指定的颜色怎么做?
背景:safari浏览器当h5页面滚动时希望,safari浏览器底部总是白色,如何让safari浏览器底部适配页面的颜色呢?做法:只需要给最外层body设置指定的背景色即可.
2023-07-04 18:45:45
155
原创 h5页面滚动如何让safari浏览器地址栏消失
之前将overflow-y:scroll设置在页面最外层的一个dom上,dom设置一定的高度,这样页面虽然可以滚动,但是safari浏览器底部地址栏一直存在.背景:针对于在safari浏览器打开的h5页面,若页面是可滚动装填,safari浏览器底部会有默认地址栏,导致滑动起来很难受,想要在滑动页面时,底部导航栏消失可以用一下办法.只需要更改最外层高度为fit-content就可以了,safari浏览器页面会自动监听滚动隐藏底部地址栏。
2023-07-04 18:42:04
1340
原创 h5使用svgaplayerweb实现svga播放
1.安装npm i svgaplayerweb2.引入import SVGA from 'svgaplayerweb';3.使用====>html<div id="ribbon-svga"></div>====>css#ribbon-svga { width: 750px; height: 750px; position: absolute; left: -80px; top:
2023-02-17 18:40:32
1168
原创 时间戳格式化为 -年-月-日-时-分 / 今天 -时-分 / 昨天 -时-分
methods: {timeFormat(timestamp) { function handleTime(num) { return (String(num).length == 1 ? '0' : '') + num; } var curTimestamp = parseInt(new Date().getTime() / 1000); //当前时间戳 var
2023-02-17 18:09:01
195
原创 使用html2canvas截取固定区域的图
1.安装npm i html2canvas2.引入import html2canvas from "html2canvas"3.使用===>html<div class="content" style="width: 200px; height: 200px; background-color: pink" id="imgPannel"> <p>这是想要截图的内容 这是想要截图的内容</p><p>
2023-02-17 17:03:45
1041
原创 关于swiper的两种用法([email protected] [email protected]）
一.使用swiper(fad切换)====>html<div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide">slider1</div> <div class="swiper-slide">slider2</div> <div class="s
2023-02-16 18:12:37
519
原创 vue使用插件实现数字滚动计时
1.安装npm i vue-count-to2.引入import countTo from 'vue-count-to’3.注册components: { countTo }4.使用====>html<count-to style="font-size: 40px; color: red" :start-val="startCount" :end-val="endCount" :duration="1000" :autoplay="false" ref="countTo">
2023-02-16 16:53:30
192
原创 vue使用插件复制文本
方法一:copy-to-clipboard1.安装npm i copy-to-clipboard2.引入import copy from "copy-to-clipboard"3.使用===>html<div class="next" @click="copyFn">复制</div>===>jscopyFn() { copy("想要复制的内容");},方法二:clipboard1.安装npm
2023-02-16 16:27:39
392
原创 剩余多少时间(根据剩余时间戳转为剩余x 天x 时x 分x 秒)
export const formatTimeStandard = (val) => { let str = "", day, hour, minute, seconds; if (val > 0) { day = Math.floor(val / 60 / 60 / 24) || 0; hour = Math.floor((val - day * 3600 * 24) / 60 / 60) ||
2023-02-16 15:18:51
165
原创 时间戳格式转换为x 年x 月x 日x 时x 分x 秒
export const timeFormatDate = (timestamp) => { const time = new Date(parseInt(timestamp * 1000)); const year = time.getFullYear(); const month = time.getMonth() + 1; const date = time.getDate(); const hours = time.getHours()
2023-02-16 14:52:46
151
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人