- 博客(137)
- 收藏
- 关注
RSS订阅原创 canvas保存的图片背景色是透明的怎么办
canvas画布保存的图片背景是透明的，那么保存到本地时没有画的部分就会持透明状态，在手机相册显示则是一坨黑色，巨丑。画布是按顺序划的，所以背景色需要在前面就开始填充，否则会造成不必要的覆盖。那么就需要设置背景色。
2025-03-01 11:49:24
205
原创 uni+vue3问题合集
问题1、组合式api封装的组件在小程序端无法的生命周期只会执行一遍，也就是无法达到动态数据的效果，并且数据无法展示，遍历数据跟基础数据类型却可以，在浏览器则正常。解决1：使用选项式api即可。
2025-02-15 18:10:36
80
原创 vue3注意事项
1、ref响应式数据的改动需要通过 .value赋值reactive定义的数据数组则只能通过使用数组的方法来更替。2、vue3不再支持filter数据过滤，但更接近react，所以可以使用//c.count需要过滤的数据<text class="trolley-count">{{trolleyCount(c.count)}}</text>const trolleyCount = (_count:number) =>{ if(_count === 0)
2024-11-08 09:32:33
352
原创 富文本添加网络图片，有些网站的图片可以有些不行
不行的报这个错可以的报响应这个这个是因为别人设置了拦截，不在白名单里的域名是无法访问该网站的资源(也就是跨域)。如果前端的请求头已经设置了sec-fetch-mode:no-cors那么此题前端无解
2022-06-21 16:34:40
346
原创 uni打包APP流程
原生开发者支持DCloud 原生开发者支持网站 uni小程序SDK、App离线打包SDK、原生插件开发https://nativesupport.dcloud.net.cn/AppDocs/importfeproject/export 查看版本后到下面下载相同版本的sdk原生开发者支持DCloud 原生开发者支持网站 uni小程序SDK、App离线打包SDK、原生插件开发https://nativesupport.dcloud.net.cn/AppDocs/download/android 下载需要时间
2022-06-13 15:17:02
703
原创 android虚拟机连得上网但访问不了内网
虚拟机本身的dns是10.0.2.2，当访问电脑原地址时访问的其实是你虚拟机使用10.0.2.2的话是访问电脑
2022-06-06 15:17:04
608
原创 absolute与fixed会被虚拟键盘顶上去的问题
//处理登录按钮会被虚拟键盘顶上去影响输入问题 $(window).resize(function() { var win_h = $(window).height();//关键代码 //屏幕发生变化时 window.addEventListener('resize', function () { if($(window).height() < win_h){ $('.login-btn-con').hide(); }else{ $('....
2022-05-25 10:39:26
317
原创 移动端下拉触底事件
<div @scroll="scrollEvent($event)" style="overflow-y: scroll;height:100vh;"></div>//js部分 scrollEvent(e){ //计算高度，简单来说就是有东西的时候触底才触发 if(e.target.scrollTop + e.target.offsetHeight >= e.target.scrollHeight){ .
2022-05-07 11:21:51
669
原创 移动端实现长按功能
基于vue的，如果原生想用其实也差不多，改一点点就ok了/*无视传值*/<div @click="handleClickFile(file)" @touchstart="showMultiple(file,index)" @touchend="clearLoop(file)"></div>js部分 data(){ return{ timer:null
2022-05-05 17:03:11
924
原创 js实现点击按钮下载文件
其实就是创建一个a标签，设置a标签 download属性，只是用js的方式使用 var $a = document.createElement('a'); $a.setAttribute("href", src); $a.setAttribute("download", ""); var evObj = docum
2022-04-06 15:00:17
3154
原创 js 枚举
日常使用中，会需要大量根据不同类型而返回不同数据的判断这时候为了避免写大量的if循环if(filetype === 'z7'){}else if(){}...就需要用到枚举function getPhotoByFiletype(filetype) { var filetype_symbol_rel = { zip: 'icon_zip_l_default@3x.png', tar: 'icon_tar_l_default@3x.png'..
2022-03-09 17:57:19
1544
原创 查找内容重点文字变色
var searchText = $("#searching").text();//获取你输入的关键字 var regExp = new RegExp(searchText, "g");//创建正则表达式，g表示全局的，如果不用g，则查找到第一个就不会继续向下查找了 $(".h3").each(function()//遍历h3里的文字； { var html = $(this).html(); ...
2022-03-04 15:35:51
551
原创 js的防抖
debounce(fn,wait){ let timer; return function () { clearTimeout(timer); timer = setTimeout(() => { ...
2022-03-02 10:22:03
388
原创 在vue环境实现div focus blur焦点事件
onfocus获取焦点事件与onblur失去焦点事件本身是input类用的div想支持则需要加上tabindex="0"属性//0或者以上但是在vue环境中，加上这个也不支持，而移动端无法使用鼠标事件<div tabindex="0" hidefocus="true" ref="aside" class="aside" @click="dialaing()" @blur='()=>{dialaingIsShow =false}'> <div v-show="d.
2022-02-16 18:08:33
6712
原创 react-native打包Android apk
1、生成签名密钥执行命令生成密钥文件my-release-key.keystorekeytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000将它复制到项目的android\app文件夹下(需要记住你设置的“口令”这一项)2、build.gradle配置在app文件夹下的build.gradle文件里找到signingC
2022-01-19 10:06:09
3130
原创 react native定义公共样式表
新建src文件夹与子文件夹common，新建common.jsimport React from 'react';import { StyleSheet} from 'react-native';export default StyleSheet.create( { tx:{ color:"#c4c4c4" } });使用时import HeaderStyle from "./HeaderStyle".
2022-01-17 14:13:17
763
原创 react组件状态同步-状态提升
假设定义组件TemperatureInputSonimport React from 'react'class TemperatureInputSon extends React.Component { constructor(props) { super(props); this.state = { content: '' } } handleChange = (e) => {
2022-01-12 11:33:34
603
原创 css字体阴影+渐变
目前好多都是使用-webkit-background-clip: text;//将文字以外的背景切掉color: transparent;//字体透明background: linear-gradient(to right, #E4C9A0, #AD8B61);//背景只剩下文字部分，渐变即是字体渐变而阴影效果则是使用text-shadow来完成text-shadow:5rpx 2rpx 6rpx #000;两者都没问题，但是两者一结合使用，问题就来了，text-shadow的阴影会
2021-07-02 11:45:18
2270
原创 vue页面切换过度
<template> <div id="app"> <transition :name="transitionName"> <router-view /> </transition> </div></template><script>export default { name: 'App', data(){ return{ transit.
2020-07-01 18:20:50
459
1
原创 小程序统一未登录引导登录界面
include，当然也需要你有nologin的页面啦<view class="container" wx:if="{{isLogin}}"></view> 如果isLogin为否就进入noLogin界面<include src="../noLogin/noLogin"></include>isLogin当然就是你的登录状态管理啦...
2020-07-01 16:45:35
2161
原创 vue单个页面修改背景颜色
beforeCreate () { document.querySelector('body').setAttribute('style', 'background:#fff') }, beforeDestroy () { document.querySelector('body').setAttribute('style', '') }
2020-06-30 17:04:24
1497
原创 vue-cli项目使用百度地图信息窗口按键事件
老规矩，先看效果，点击地图上的小红点会出现这个白色的对话框，然后确认报警信息的4个按钮在这之前如果你没搭建好百度地图的话就需要看一下：https://blog.youkuaiyun.com/chaosama/article/details/103238413<div style="height: 520px;width: 100%;" id="container"></div>data(){ return{ alarmList:'' }},moun
2020-06-29 15:05:11
1579
3
原创 css伪元素实现鼠标悬停出现对话框
iconfont icon-shezhi是引入阿里图库的图标 <div class="iconfont icon-shezhi icon"> <div class="dialaing"> <ul> <li>修改密码</li> <li @click="logout">退出登录</li>..
2020-06-13 10:29:46
5218
原创 vue使用echarts画图
本次用到的插件是echarts这里是官网echarts画图插件 这里是图形大全echarts图形大全1、安装npm install echarts2、全局引入(最好按需求引入，否则包大)// 全局引入echartsimport echarts from 'echarts'Vue.prototype.echarts = echarts3、复制粘贴(可以在图形大全链接找到你需要的图形，然后复制进来)<div id="dev-month" :style="{wi..
2020-06-08 18:09:47
1633
原创 vue画图插件echarts
官网：echarts官网先安装npm install echarts --save到main.js引入import echarts from 'echarts'Vue.prototype.echarts = echarts然后就能使用了<div id="myEcharts" :style="{width: '400px', height: '400px',fontSize:'25px'}"></div>mounted() { ...
2020-06-03 18:07:20
2993
原创 vue适配pc各屏幕
项目基础配置使用vue-cli生成自适应方案核心： 阿里可伸缩布局方案lib-flexiblepx转rem：px2rem，它有webpack的loader px2remnpm i lib-flexiblenpm i px2rem-loader然后到main.js引入lib-flexibleimport 'lib-flexible'接下来需要配置px2rem-loader，找到build/utils.js，在const cssLoader={}后面添加const px2re...
2020-06-03 14:16:07
2573
2
原创 vue axios网络请求方法封装
import axios from 'axios'// import qs from 'qs'// import store from '@/store'import router from '../../router/index'// get封装export function getAjax (url, params = {}) { return new Promise((resolve, reject) => { let userInfo = JSON.parse(ses.
2020-06-02 15:55:33
410
原创 小程序修改原组件样式无效
我的天，新建了一个小程序，然后发现以前一直用的样式复制过来竟然变了样，这可为难了我大CV工程师了结果查了资料才发现，是微信小程序的基础样式已经升级到v2版本了，在app.json中有一行把style:v2删掉"style":"v2"一切恢复正常，又能继续复制粘贴之旅，真是开心...
2020-05-20 13:45:25
926
原创 小程序扫码带参进入小程序
登录微信公众平台=>开发=>开发设置=>扫普通链接二维码打开小程序=>添加然后到https://cli.im/url/或者用画布canvas生成一个动态的二维码保存下来生成路径为你txt文件服务器的url加参数...
2020-03-31 18:19:19
1052
原创 全局css表
省去很多时间写重复的css.container {height: 100%; min-height: 100vh; display: flex;flex-direction: column; box-sizing: border-box; background: #f5f5f5;overflow-x:hidden;} view,text{font-size: 13px;}/* P...
2020-03-24 17:37:10
254
原创 vue常用表单校验用类
创建个common.js//校验银行卡号，银行卡校验规则(Luhn算法)function validateBankNo(value) { if (value == "" || !isPositiveInteger(value)) return false; var wei = [], sumOdd = 0, sumEven = 0, length = va...
2020-03-21 17:45:44
520
原创 小程序scroll-view+position: fixed定位底部时内容不显示问题
在开发者工具是没问题，但是在真机上会有这么一个问题：当页面内容无法到达底部的时候，就会出现被position: fixed的view无法显示的问题解决办法就是给scroll-view上高度，height: 100vh;...
2020-03-20 17:38:38
3339
原创 vue图片上传后显示
直接看样子吧,点那个相机可以上传照片，然后在下面显示，可以根据自己的要求更换图片的位置、删除（当然，没做拖拽）单纯改变数组位置，界面是不能刷新的，因为js不检测数组变化，但是会检测数组长度变化html <div class="container"> <div class="c-card-ico"> <d...
2020-03-18 16:15:44
749
原创 html文件引入本地js出现跨域
简单来说其实就是浏览器加载js文件时使用了file协议，而浏览器只相信来自http或者https的，所以才会出现这种跨域问题简单来说如果把该文件丢到一个微型web服务器里面就不会有这种问题，你可以node就有很简单的模型当然，怕麻烦的可以直接下载webstorm，右键该html直接run也是OK的，默认等同一个微型web服务...
2020-03-17 22:13:57
1992
原创 css练习，实现3D效果旋转幻灯片
比较有趣的一个css小练习，注解已经写到代码里面了，直接看就OK了原文来自哔哩哔哩的米修在线视频教学：3D效果｜旋转幻灯片可以看一下作为知识拓展，感觉还不错先来看效果 项目结构index.html<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"&...
2020-03-16 23:16:27
348
原创 flex弹性布局
其实就是讲display:flex的用法，这玩意布局比较常用，可以省去不少功夫以及写floatflex布局中，须知所有布局交由属性去完成，不需要再写更多css；其次，float会直接失去作用。布局中包括justify-content的横向布局，center进行居中，space-between想两侧分布，space-around平均分局，flex-start或者end就是左或者右对齐。a...
2020-03-16 21:15:31
356
原创 js字符串替换函数
ajax的get方法带参上传时，如果目标带有特殊符号时，会导致参数接收错误，所以需要将字符替换为对应编码replace函数(替换对象，目标字符)先到common.js新建一个函数(不懂的可以回头查一下我的往期，有个方法封装的)const detection = function(req){ //req = '皮沙发保养(3+1+1.5座)' req = req...
2020-03-09 17:46:18
508
原创 常见表单隔行变色、某属性值变色、悬停变色
1、隔行变色呢，用到的是结构化伪类<ul> <li>1</li> <li>2</li></ul>li:nth-child(2n+3){ background:#ff0000;}(2n+3)：2行变一次色，从第三行开始2、遇到某属性值变色，实际上用的是属性选择器的一种<ul>...
2020-03-09 00:36:12
636
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人