周小六-CSDN博客

原创 css使用clip-path裁剪出不规则图形并绑定点击事件

使用工具拖拽出红色区域图形并获取到对应的 clip-path: polygon(使用方式见下方图解（多边形裁剪可视化工具。

2024-05-16 11:12:54 375

原创 vue 目录详解

1. 目录结构（vue2.x、vue/cli4.x）2. 测试和正式环境发布①根目录下面创建 .env.development、 .env.test、 .env.production文件，分别配置开发、测试、正式环境的请求接口地址；.env.development： VUE_APP_BASE_API= 'https://xxx.dev.com/Api/'.env.production ： VUE_APP_BASE_API= 'https://xxx.com/Api/'...

2022-02-21 17:44:26 3352 1

原创 vue脚手架搭建vue3

1.vuecli版本 4.5.112.在终端输入vue create demo 回车（demo是文件名）vue create demo3.选择你需要的 (上下键选择，空格键是选中与取消)4.装好后一定要记得进入demo 文件夹里面运行终端以上就创建完成了5. npm run build 后拖进服务器里面发现会报错主要是因为默认的打包路径是服务器的根目录，如果你的项目不是丢在根目录的话需要在项目根目录手动添加vue.config.js文件配置 pu.

2022-02-21 17:11:23 992

原创监听ios底部bar返回事件

监听ios底部bar返回事件//跳转之前加上 window.history.pushState(null, null, "#");window.history.pushState(null, null, "#");window.location.href = 'https://www.baidu.com'; //你走后~//监听到返回事件window.addEventListener("popstate", function(e) { console.log(“你终于回来了~”)},

2021-03-31 10:26:28 297

原创 canvas实现用户在画布上擦掉蒙层图片显示背景图片

示例：html<div class="box" id="box"></div>js//参数说明第一个参数：将画布塞在某盒子中第二个参数：遮罩的图片地址initCanvas('#box','../images/mask.png') function initCanvas($this,mask){ canvas = $('<canvas></canvas>').attr({width:$($this).outerWidth(

2020-09-27 15:00:57 1084

原创小程序生成海报插件painter（原生小程序版）

1.先去下载插件github 下载 https://github.com/Kujiale-Mobile/Painter 下载好了把painter整个文件放在components里面index.json{ "usingComponents": { "painter":"/components/painter/painter" }}index.wxml<button open-type="getUserInfo" bindgetuserinfo="getUserInfo"&g

2020-09-27 14:25:43 2938 1

原创 pointer-events“穿透”点击并保证上层的元素也可点击

想要点击btn1但是btn1被上层box挡住，设置box {pointer-events: none;} 后点击box穿透到下层即可捕捉btn1的点击事件，同时点击box上的btn2也会穿透，无法捕捉到btn2的点击事件，想要捕捉btn2的点击事件给他加{pointer-events: all}就可以了- - <div class="content"> <button class="btn1" @click="click1">1111</button>

2020-07-03 16:52:30 4235 1

原创 js-table2excel 导出带图片的excel

第一步安装：npm install js-table2excel第二步引入：在需要导出表格的页面引入 import table2excel from 'js-table2excel'第三步使用：<template> <el-button type="primary" @click="exportExcel">导出EXCEL</el-button></template><script>import table2excel from

2020-06-10 17:19:43 7433 14

原创分享几个特别好用且免费的图片/视频/gif/mp3压缩网站

docsmall(图片和gif压缩可以选择压缩质量，压缩完图片也不模糊，一级棒！！！https://docsmall.com/image-compress)2.tinypng 只能压缩png和jpg 压缩质量还可以，推荐推荐https://tinypng.com/3.youcompress可以压缩视频/mp3/图片 https://www.youcompress.com/...

2020-05-21 15:59:35 2362 2

原创 h5 涂色小游戏完成作画后生成海报小程序可以放在webview里

项目地址项目地址项目地址项目地址项目地址项目地址项目地址项目地址项目地址项目地址整体思路：一张svg矢量图（问：svg怎么导答：当然让设计给你导导成后缀名是svg的文件）拉到浏览器里面f5检查代码把svg标签拷贝到你的项目里就可以了代码很长很长此处省略一万行代码。每一个色块都是单独的标签，给每一个色块加上事件和class，点击的时候传对应的class改颜色就行了，如果有要关联的色块（点击A色块B色块要跟着一块变）class相同即可。代码如下：点击生成图片用的是html2canvas 把整个

2020-05-12 17:44:40 1926 4

原创 uni-app 小程序dom转img 生成海报插件Painter；解决引入网络图片真机显示空白问题；解决生成的图片模糊问题

先去下载插件git 下载 https://github.com/Kujiale-Mobile/Painter 下载好了把painter整个文件放在static里面，然后在pages.json里面在需要生成海报的页面引入Painter引入以后就可以使用了，然后重点来了，所有小程序的图片全部放在服务器里面了，当然微信后台也添加了安全域名，在生成图片的时候，在微信开发者工具里面图片显示正常，...

2020-05-07 18:41:22 3197 5

原创 better-scroll 实现选项卡和内容的双向滑动

如果你better-scroll初始化一切正常，F12后检查发现你content确实比wrpper高出很多依旧没法滚动，这个时候你可以尝试等待你的图片资源加载完以后再去初始化你的better-scroll ，图片（没设置高度）没加载完成不会在页面中占位，此时初始化better-scroll就不是你实际内容高度npm i better-scroll --save<template>...

2019-08-08 15:58:27 566

原创解决手机端键盘抬起底部fiexd跟着一起抬起，解决ios收起键盘底部有白色背景，取消ios点击出现黑色背景

document.body.addEventListener('focusin', (e) => { //软键盘弹起事件 if(e.target.type != 'file'){ //隐藏底部div // document.getElementById('mybottom').style.display = "none" ...

2019-07-30 18:36:13 461

原创 vue中实现图片预加载及可视化百分比loading

首先根据项目需求在index.html里面布局loading页面，在app.vue实现图片预加载，图片资源加载完毕后移除loading的div vue中实现图片预加载及可视化百分比loading ...

2019-07-30 18:13:57 5336 3

qq_40576549的博客