自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 收藏
  • 关注

原创 nuxt3 keep-alive

nuxt3使用keepalive

2023-01-12 10:54:42 1933 9

原创 基于koa,puppeteer实现网页不同尺寸截图

基于koa,puppeteer实现网页不同尺寸截图

2022-04-06 11:02:31 1056

原创 高德地图限制绘制区域

高德地图限制绘制区域

2022-03-31 18:03:56 553

原创 vue3图片拖拽排序

vue3图片拖拽排序

2022-03-31 14:38:28 3034 2

原创 webpack打包配置及优化

webpack vue打包配置及优化 测试包 正式包 包切割

2021-12-31 14:33:27 753

原创 浏览器夜间模式插件(基于油猴)

正常:开启后:直接上代码:// ==UserScript==// @name setAllCss// @namespace http://tampermonkey.net/// @version 0.1// @description try to take over the world!// @author You// @match http://*/*// @match https://*/*// @gr

2021-08-11 18:15:13 781

原创 高德地图自定义镂空区域

需求:在加载地图后把之前已框选的区域显示在页面,然后在该区域内再次进行框选区域。需要展示在页面的区域点坐标:gpsAll: [ { latitude: 104.050488, longitude: 30.590701 }, { latitude: 104.050359, longitude: 30.588189 }, { latitude: 104.054436, longitude: 30.588411 }, { latitude: 104.054393, longi.

2021-08-11 15:44:58 1039

原创 js弹幕脚本(基于油猴)

js弹幕脚本(基于油猴)该脚本包含往视频上插入弹幕,发射弹幕,弹幕查询,弹幕暂停等基础功能。话不多说 ,直接上代码。仅供参考 ,该代码是我给别人写的定制化的,复制后不可用。// ==UserScript==// @name bullet chat// @namespace http://// @version 0.0.1a// @description Display user comments in 'danmaku' style, or in a side

2021-05-20 17:10:56 1955

原创 vue3图片对比组件

在春风动力的官网里看到了这个效果,然后自己写了一个效果:使用:<he-contrast width="600"> <template #left> <img src="@/assets/img/VFX2-before.jpg" class="images" /> </template> <template #right> <img src="@/assets/img/VFX2-after.jpg" class

2021-04-16 16:55:42 1749 2

原创 vue3 Canvas签字板组件封装

效果如下:使用<he-sigin width="800" height="500"></he-sigin>具体实现:<template> <div id="signatureBox" @touchmove.prevent> <canvas ref="myCanvas" id="canvas" :width="width" :height="height" @mousedo

2021-04-16 16:36:30 1436

原创 JS数组取中位数

JS数组取中位数,Number数组,有其他数据类型自己过滤掉getMedian(arr) { let num = 0; if (arr) { if (arr instanceof Array) { if (arr.length) { arr = arr.sort(); arr.length % 2 == 1 ? (() => {

2021-04-16 16:14:00 1778

原创 Flutter内嵌h5页面,安卓和IOS注入cookie和userAgent时间延迟的解决办法

在做Flutter内嵌h5页面时,一进入页面需要使用cookie去请求数据,或者通过userAgent判断当前h5是否在该App内打开。但通过多次测试发现,IOS在注入cookie时一进入页面是拿不到的,userAgent可以获取到,而安卓却恰恰相反。因为我们的项目是从以前的原生改为Flutter;h5并未做改动,所以通过中转页来进行处理,在中转页获取到cookie和userAgent 再进行跳转,完美解决了该问题,代码如下:<input type="hidden" id="webValue"

2021-04-16 15:55:45 1355

原创 js设置页面全屏或设置节点全屏,h5可用

js设置页面全屏或设置节点全屏,h5可用function setAllScreen(dom) { //传出节点,节点全屏,不传则页面全屏 if (dom) { //节点全屏或取消全屏 if (isFullscreenForNoScroll()) { //先判断页面当前是否全屏 F11不支持 if (dom.requestFullscreen) { //判断是否支持requestFullscreen方法,其他为兼容性写法 dom.req

2021-04-15 11:32:42 388

原创 js上传图片并限制图片大小和尺寸

js上传图片并限制图片大小和尺寸<input type="file" accept="image/*" onchange="upImg(event)">let upImg = function (e) { //限制上传图片大小 if (upImgSize(e, 5)) { // 限制图片尺寸 upImgWH(e, 800, 800, function (flag) { if (flag) {

2021-04-15 11:13:48 4266 2

原创 判断点击事件是否在指定节点内

判断点击事件是否在指定节点内function isClickInQrDom(dom = null, callback) { !dom && (() => { console.error(new Error('未传入节点')); return; })(); dom && !function (dom) { document.addEventListe

2021-04-15 11:00:31 1190

原创 22个js常用函数封装

window.Hezc = { //1. 禁止非开发人员T打开控制台和查d看元素,在href上添加?debug可打开 doNotOpenTheConsole: function (mox) { var stiac = mox || false; var windowHref = window.location.href; document.oncontextmenu = function (event) { var e

2020-11-30 15:58:49 492

原创 vue3.0父组件调用子组件里的方法

vue3.0父组件调用子组件里的方法这是父组件<template> <div class="mt-5"> <Son ref="RefChilde"></Son> <div class="btn btn-primary my-2" @click="fnCallChild"> 点我调用Son组件里的方法 </div> </div></template><sc

2020-11-03 10:41:59 31464 9

原创 vue3 拖拽组件

vue3 拖拽组件我的结构是这样的我要在about页面使用这个组件,实现如下:// 可拖拽组件:pc和Mobilefunction useMove(el: any) { el.style.position = 'fixed'; let offsetX: number, offsetY: number, oL: number, oT: number, oLeft: number, oTop: number; const browser = { versions

2020-10-28 17:16:21 5130

原创 js禁止打开控制台

欢迎使用Markdown编辑器```javascript<!DOCTYPE html><html lang=""><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head>

2020-09-29 13:37:39 1122

原创 vue3,vue2.x数据响应式原理

vue3,vue2.x数据响应式原理

2020-04-11 22:01:44 1399

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除