晒黑的小神仙-CSDN博客

3. 出现图片缺失，是因为用户网速或系统或图片域名等因素各不相同，影响了体积较大的图片加载未完成，就直接调用保存到相册，导致图片缺失，根本解决方法，始终只有一个，就是要捕捉到图片加载完毕，已全部显示出来，再保存到相册，我使用了很多方法，比如定时器延长时间，让图片加载，但定时器也不能完全满足，最终使用了微信小程序提供的image图片标签里的图片加载完毕事件，bindload事件，完美解决。3. 没有做海报的展示，让用户看到海报是否加载完毕，就直接保存到相册，海报如果体积太大，会出现保存的图片部分缺失。

2023-05-24 14:26:49 1672

原创 vue3上传图片，限制图片尺寸

vue3使用element plus 上传图片限制尺寸

2022-10-25 17:09:09 2667

原创 uniapp的H5页面, 隐藏黑色弹窗

uniapp的H5页面, 隐藏黑色弹窗

2022-07-08 13:58:18 416

原创 uniapp 输入框兑换码正则验证只能大写字母和数字

uniapp 输入框兑换码正则验证只能大写字母和数字

2022-06-22 16:50:23 642

原创 Vue封装组件接收不同数据渲染

父组件 :// 定义一个传递数据的名称 --> total// 传递的数据为 --> simTotal<paging :total="simTotal"></paging>子组件 :<template> <div class="main">  <el-pagination @size-change="handl

2022-04-28 09:58:18 445

原创 element的el-input出现无法输入的bug

在某位传说级大佬的指点下,解决了该bug问题 :在 el-table 中使用了 el-input , el-table 外层还嵌套了多层 el- 组件原因 : 嵌套的 el- 组件太多解决 :1. 在el-table的el-table-column中,使用template slot-scope="scope"插槽,再将el-input放入其中2.将el-input绑定的数据,存放在el-table的 :data数据中<el-...

2022-04-26 17:54:09 2444

原创 element中dialog里放tree增加滚动条

样式层 less : /deep/ .el-dialog { width: 20% !important; ::-webkit-scrollbar { width: 3px; height: 1px; } ::-webkit-scrollbar-thumb { //滑块部分 border-radius: 5px; background-color: #c1c1c1; } ::-webkit-scrollbar-track { ...

2022-04-22 18:58:51 592

原创 element分页器组件刷新父组件重置页数无效已解决

问题 :将分页器组件封装为组件在父组件刷新时, 虽然使用传参改变了分页器组件的页数, 可是只有第一次刷新父组件时页数会重置, 之后再改变页数刷新, 则页数不会重置解决 :给分页器组件中添加 v-if , 在重置分页器组件页数时, 在父组件或分页器组件中控制一次true和false, 来刷新组件<el-pagination v-if="showPage" @size-change="handleSizeChange"

2022-04-19 18:40:35 1225

原创使用vuex传递总页数到element 分页器组件报类型错误

问题 :使用vuex传递总页数到element 分页器组件报类型错误原因 :element 分页器 total 只支持 String 和 Number 类型解决 :1. 在vuex传过来之前转成Number类型// 提取商品总页数simTotal(state) { let total = state.goodsList.total; return Number(total);}或者2. 在传到分页器后转换成 Number 类型再渲染...

2022-04-19 17:11:27 255

原创 element中el-select中的remove-tag移除标签事件携带的参数

结构层 :remove-tag事件方法, 不需要携带参数<el-select v-model="valueTags" filterable placeholder="请选择标签" multiple @remove-tag="removeTag"> <el-option v-for="item in simTagList" :key="item.id" :label="item.title" :value="item.id"..

2022-04-18 18:55:06 9575 2

原创在vuex中对数组对象合并或添加属性后,在组件中直接调用渲染报错,数组对象显示{ob: Observer},解决方法

问题 :vuex中的代码// 提取选择商品框的数据 simOnSaleList(state) { let onSaleList = state.goodsList.onsale_yds_ls; // for (let i = 0; i < onSaleList.length; i++) { // onSaleList[i].is_stock = ""; // } let res = onSaleList.map(item => { .

2022-04-18 15:56:59 773

原创 vue接口多个参数多个组件互动导致数据渲染混乱bug

问题 :当接口参数太多时候, 组件太多的时候, 参数变化条件很多的时候会出现事件队列混乱, 数据混乱解决方法 :1. 减少事件队列, 接口直接写到渲染数据的组件里, 不让接口数据在其它组件再传到渲染数据的组件里2. 尽量不要使用vuex传参, 直接使用兄弟组件传参, 可以更直观的看到事件队列执行顺序3. 判断数据渲染的条件, 要细心耐心, 做好条件判断再渲染数据4. 当数据走到哪一步, 一定要打印出来看一看, 一个也不能丢掉5. 接口要使用带参数的接口方法, 这样就可以控

2022-04-02 15:45:43 1950

原创 vuex传过来的数据存入本地缓存并提取

computed: { ...mapState('vuex子仓库名', ['allList']), localAllList() { uni.setStorageSync('allList', JSON.stringify(this.allList)); return JSON.parse(uni.getStorageSync('allList') || '[]'); },使用时直接当做计算属性使用即可

2022-04-01 14:34:30 2786

原创 uniapp实现组件滚动条瀑布流加载

效果 :滚动条触底后,将上一页的数据与下一页的数据合并,滚动条也会自动跳到页数合并的中间实现步骤 :1. 使用 uni-app 提供的标签 scroll-view2. scroll-view 标签提供了添加滚动条属性 scroll-y3. scroll-view 标签提供了下拉上拉触底事件或自定义刷新事件4.在触底刷新事件中,增加page页数属性,并将page属性传给接口5.每次触底刷新,接口返回的数据,使用数组API ---> conca...

2022-03-31 14:27:13 2257

原创 uni-app实现滚动区域

效果 :子组件 children 结构层 :// 给父级标签使用 scroll-view , 添加 scroll-y 属性<scroll-view scroll-y> <view class="list" v-for="(item, index) in list" :key="index" > {{ item }} </view></scroll-view>父组件 parents 结构层 :<v.

2022-03-31 10:18:46 1557

原创 watch无法监听vuex传过来的对象数据

问题 :在组件中接收vuex传过来的对象, 使用watch监听,无法监听到变化原因 :因为对象的地址是一样的, watch要监听地址变化解决 :使用深拷贝, 将vuex传过来的对象深拷贝一份computed: { ...mapState('depotScope', ['depotScope']), params() { return JSON.parse(JSON.stringify(this.depotScope)); },},watch: { params(ne

2022-03-30 20:36:10 1772

原创 elementUI时间选择器时间格式及时间数据获取

结构层 :// 输入框内的时间格式format="yyyy-M-d"// 选择时间获取的时间格式value-format="yyyy-M-d"// 点击选择时间后储存时间数据的事件@change="chooseTimeRange"<el-date-picker v-model="timeStage" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日

2022-03-30 10:03:37 6085

原创 ElementUI按需引入

1. 安装 babel-plugin-componentnpm install babel-plugin-component -D2. 在项目目录下创建elementUi /index.js目录及文件elementUi / index.js// 里面的这些 MessageBox Dropdown 都是 element 组件库标签的驼峰写法import { MessageBox, Message, Dropdown, DropdownMenu, DropdownItem } ...

2022-03-29 11:52:11 1715 1

原创 Vue节点动态添加样式类

<template> <view class="context"> <block v-for="(item,index) in List" :key="index"> <view :class="['depot', index !== 0 ? 'canChose' : '']"> <view>{{ item.name }}</view> </view> </block> <.

2022-03-28 19:06:35 617

原创 Vue使用$refs实现父子组件通信

父组件 :<template> <view> <children ref="children"></children> </view></template><script>import children from './children'data(){ return{ List:[1,2,3] }}methods:{ diffuseValues(){

2022-03-28 17:22:53 1143

原创 vue导航选中切换样式及默认选中样式

结构层 :<block v-for="(item, i) in titleTxt" :key="i"> <view :class="[{ active:title == item }]" @click="checked(item)">{{ item }}</view></block>行为层 :data() { return { titleTxt: ['采购','仓库','出库','入库'], title: '...

2022-03-28 11:31:55 1260

原创 Vue PC 项目中, 使用公共样式, 出现不同组件样式失效解决方法

问题 :在多个组件中使用的公共样式,切换组件时,部分组件出现没有公共样式的效果解决 :在 public / index.html 中, 引入公共样式<link rel="stylesheet" href="/reset.css" scope/>样式路径, 使用绝对路径即可...

2022-03-04 11:35:09 764

原创 [JavaScript]变量提升最容易理解的概念

变量提升现象: 在函数中任何位置声明的变量，好像都被提升到了函数的首部，我们可以在变量声明前访问到而不会报错原因 : js 在代码执行前会先解析, 当访问一个变量时，会通过作用域链向上查找，无论在作用域中任何地方声明，可以理解为所有声明的变量和函数, 都被“拉”到各自作用域的最顶端声明，这个过程就是提升解决 : 用 let / const 来声明变量...

2022-02-09 11:30:28 516

原创 [JavaScript]对象的静态属性

对象的静态属性 :在对象中直接生成的属性效果, 就是静态属性在 JavaScript 中, 有两种添加对象静态属性的方法 :第一种 : JavaScript 中传统创建对象的方式//传统创建对象的方式let obj = { //以下都是对象的静态属性 name: '对象', sex: '女', skills() { return '漂亮'; },};console.log(obj);console.log(obj.na

2022-01-16 14:57:40 1206

原创 [JavaScript]构造函数

构造函数 :可以快速创建指定结构的对象, 创建对象后, 直接具备对应属性和方法, 与 Java 语法类似, 创建好构造函数后, 直接使用 new 关键字来创建新对象在 JavaScript 中, 主要有两种构造函数的写法 :第一种 :使用this指向新对象,使用prototype对象添加方法//构造函数 -- startfunction Methods(i, j) { //这里是添加新对象的属性 i , j //this 指向新对象 this.i...

2022-01-16 14:26:28 928

原创 [JavaScript]闭包

概念 : 纯文字解释难理解, 这里以例子来解释更容易理解a 函数中, 声明了 b 函数b 函数使用了 a 函数中的变量则, a 函数就是 b 函数的闭包'use strict';function a() { let c = 1; // 强制将 b 函数作为 window属性声明, 将作用域升级为全局, 否则外界无法调用 window.b = function () { // 调用 a() 中的变量 c = 2;

2022-01-16 12:31:23 253

原创 [JavaScript] 函数参数的关键词 arguments

arguments : 存储了函数接收的所有参数, 是一个伪数组类型, 就是像数组, 有数组的下标, 但没有数组的方法适用场景 : 函数参数个数不固定的需求, 可实现函数的重载功能//根据函数参数, 求参数和的方法 sum()let sum = function () { console.log(arguments); let sum = 0; for (let i = 0; i < arguments.length; i++) { sum += arguments[i];

2022-01-15 17:32:45 244

原创 [JavaScript] var / let / const 区别

共同点 :声明提升 :var let const 都有声明提升var : 提升后默认是 undefined, 可以使用let / const : 提升后默认也是 undefined, 但不可以使用, 在严谨模式下, 会报错, 因为即使提升后, 也会被存于暂存死区 , 不允许使用不同点 :重复声明 :var : 允许重复声明, 被声明后会成为 window 顶级父类的直接属性中, 每次重复声明后, 都会改变值, 因此会存在全局污染的弊端let / const : 不

2022-01-15 16:41:10 186

原创 Java使用for循环：打印直角三角形/倒直角三角形/正三角形/倒正三角形/矩形/平行四边形/菱形的规律

使用方法：嵌套for循环1.外层循环控制的是执行的轮数，内层循环控制的是这一轮中执行的次数2.外层循环控制的是图形的行数，内层循环控制的是这一行的列数直角三角形：规律：1.外层for循环，循环条件i 值设定具体边长2.内层for循环，循环条件j值与外层循环i值挂钩（打印空格加*）//直角三角形for (int i = 0; i <= 5; i++) { for (int j = 0; j <= i; j++) { ...

2021-09-21 12:19:09 6480

原创 Java最优化求最大公约数\最小公倍数方法

import java.util.Scanner;public class Job { public static void main(String[] args) { System.out.println("输入第一个正整数:"); int m = new Scanner(System.in).nextInt(); System.out.println("输入第二个正整数:"); int n = new Scanner(Syst.

2021-09-21 10:36:46 297

空空如也

空空如也