自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 javascript的变量存储机制和原理

js的变量存储机制

2024-01-15 21:54:03 690 1

原创 element表格数据,表头上(下)角标,html字符串渲染

在动态渲染的element表格中,表头和表中数据是一个含有html的字符串,需要渲染。

2024-01-10 20:18:12 786

原创 element表格跨页多选(后端分页)

【代码】element表格跨页多选(后端分页)

2023-11-08 11:58:02 524

原创 vue3中css使用js变量

【代码】vue3中css使用js变量。

2023-10-31 17:56:23 548

原创 kchart

【代码】kchart。

2023-05-05 13:05:47 419 1

原创 uniapp微信小程序canvas画验证码

【代码】uniapp微信小程序canvas画验证码。

2023-04-11 09:13:29 478

原创 微信小程序消息订阅功能前端封装(封装好,直接用)

微信小程序消息订阅功能

2023-03-17 09:35:25 731

原创 uniapp uview微信小程序重置表单resetFields不生效

uniapp+uview重置表单不生效问题

2023-01-10 10:06:07 3612 6

原创 uniapp微信小程序表单自定义校验不生效

u--form表单校验--自定义校验不生效问题

2023-01-09 16:14:10 867

原创 uniapp 微信小程序监测网络

微信小程序监测网络

2022-06-30 14:12:50 1355

原创 uniapp canvas绘制文字(支持文字自动换行、遇回车或换行符换行、标点符号不开头)

uniapp canvas绘制文字方法封装,支持文字自动换行、回车换行、标点符号不开头

2022-06-27 17:35:39 2017 1

原创 uniapp 微信小程序返回上一页并刷新

uniapp 微信小程序 返回上一页并刷新

2022-06-27 15:39:59 688

原创 uniapp微信小程序获取页面二维码(带有参数)

小程序获取页面二维码

2022-06-16 15:00:41 5204

原创 【LeetCode---算法刷题】回文数(题号: 9)

1. 问题描述给你一个整数 x ,如果 x 是一个回文整数,返回 true ;否则,返回 false 。回文数是指正序(从左向右)和倒序(从右向左)读都是一样的整数。例如,121 是回文,而 123 不是。2. 解题思路先把整数x转换成数组排除负数循环数组,数组前面的元素和后面元素比较(即0~arr.length - 1,1~(arr.length - 1 - 1),2 ~ (arr.length - 1 - 2)),相等继续循环,直到循环到中间元素停止。3. 解题/** * @pa

2022-04-25 14:57:37 151

原创 git需要学会的基本操作

目录1. 安装2. 配置3. 创建仓库4. 工作流与基本操作4.1 必要基本操作(工作中必用)1. 查看工作区的文件状态`git status`2. 添加工作区文件到暂存区 `git add`3. 创建版本`git commit`4. 拉代码`git pull`5. 推代码`git push`4.2 其他基本操作6. 查看提交日志`git log`7. 修复提交`git commit --amend`8. 删除`git rm`9. 撤销重置`git reset`10. 比较`git diff`5. 分支5.

2022-04-24 19:36:15 2531

原创 uniapp 微信小程序canvas阴影(shadow)在真机上失效,(开发者工具正常)

1. 失效原因我用canvas画的矩形的背景色用的渐变色,如下方代码:let linearGradient = ctx.createLinearGradient(18, 170, 339, 666);linearGradient.addColorStop(0, '#FBFCFF');linearGradient.addColorStop(1, '#F2F5FB');ctx.fillStyle = linearGradient;渐变色背景会使阴影被覆盖(正常填充的背景色不会出现这种情况),原因我

2022-04-19 19:23:03 2003

原创 【LeetCode---算法刷题】山羊拉丁文(题号: 824)

1. 问题描述给你一个由若干单词组成的句子 sentence ,单词间由空格分隔。每个单词仅由大写和小写英文字母组成。请你将句子转换为 “山羊拉丁文(Goat Latin)”(一种类似于 猪拉丁文 - Pig Latin 的虚构语言)。山羊拉丁文的规则如下:如果单词以元音开头(‘a’, ‘e’, ‘i’, ‘o’, ‘u’),在单词后添加"ma"。例如,单词 “apple” 变为 “applema” 。如果单词以辅音字母开头(即,非元音字母),移除第一个字符并将它放到末尾,之后再添加"ma"。例

2022-04-18 17:57:06 153

原创 路由跳转携带的参数为对象或者参数中含有特殊字符

1. 若这个参数是个字符串,里面含有特殊字符如: '我是一个字符&串' ,此时需要进行编码解码处理1. 传参时编码/pages/page1?string=" + encodeURIComponent(String);2. 获取参数时解码//string:先获取路由参数stringlet value = decodeURIComponent(string);2. 参数为对象,且里面含有特殊字符1. 传参时先将对象转换为字符串之后再编码/pages/page1?object=" +

2022-04-12 19:07:17 1691 1

原创 uniapp 微信小程序获取页面路由参数(封装好的方法,即拿即用)

1. 代码// 获取页面URL参数export function getLocationParams(name) { //获取页面栈 const pages = getCurrentPages(); //获取路由参数 const curPage = pages[pages.length - 1]; return name ? curPage.options[name] : curPage.options;}2. 使用//获取路由携带的id参数let id = getLoca

2022-04-12 18:00:54 5386 2

原创 微信小程序长按图片发送给好友

问题描述微信小程序长按图片发送给好友解决方法直接在<image></image>标签添加:show-menu-by-longpress="true"<image :show-menu-by-longpress="true" :src="simpleImageUrl"></image>之后什么都不用做,发送给朋友、收藏、保存图片等功能就都有了。...

2022-04-06 11:31:42 2000 4

原创 uniapp 微信小程序保存图片到系统相册(包括获取手机相册权限)即拿即用

const savePosterPath = (url) => { uni.showLoading({ title: '正在保存图片...' }); //获取用户的当前设置。获取相册权限 uni.getSetting({ success: (res) => { //如果没有相册权限 if (!res.authSetting["scope.writePhotosAlbum"]) { //向用户发起授权请求 uni.authorize({ sco

2022-04-06 11:11:59 9377 3

原创 uniapp 微信小程序分享好友和分享朋友圈

1. 需要在mounted中调用uni.showShareMenu使小程序的原生菜单中显示分享按钮onMounted(() => { uni.showShareMenu({ withShareTicket: true, menus: ["shareAppMessage", "shareTimeline"] })}) 若想禁止此页面的分享功能,uni.hideShareMenu()。2. 转发好友(胶囊按钮点击三个小圆点触发···)onShareAppMessage((res)

2022-03-30 10:58:52 4029 3

原创 改变段落首字母样式

//css中使用伪类first-letter:first-letter { color: red;}

2022-03-04 16:37:26 187

原创 TypeError: Cannot read property ‘forceUpdate‘ of undefined

问题解决原因是uniapp没有配置微信小程序appID。(1)选择mainfest.json(2) 点击微信小程序配置,填写appID重新运行即可。

2022-03-02 10:52:11 303

原创 element 表格el-table改变hover背景颜色(fixed)

问题1. 改变hover背景颜色如下图表,已经改好背景颜色当鼠标悬浮在表中时(hover)时,颜色未变,如下图:因此,解决如下:.el-table tbody tr:hover>td { background: #171F34 !important;}2. 如果表中添加了fixed如上修改后,fixed部分还是不行。解决:.el-table__body .el-table__row.hover-row td{ background-color: #171F34 !i

2022-02-24 11:46:55 8745 5

原创 echarts保证y轴标签为整数

yAxis: { minInterval: 1,},

2022-02-22 18:00:36 469 1

原创 element ui el-upload上传文件报404

问题描述element ui自定义上传文件报如下错误:代码<el-upload action="#" :multiple="false" :show-file-list="true" :before-upload="beforeUpload" :on-remove="onRemove" :on-error="handleError" :file-list="fileList" :on-change=

2022-02-16 16:24:56 9924 4

原创 JavaScript数据类型总结

前言JavaScript 是一种弱类型或者说动态语言。使用时不用提前声明变量的类型,因为在程序运行过程中,类型会被自动确定。也可以使用同一个变量保存不同类型的数据。数据类型最新的 ECMAScript 标准定义了 8 种数据类型:1. Undefined创建一个变量,但并没有赋值,这个变量的数据类型就是undefined。例:let x;console.log('x的值是:' + x);console.log('x的数据类型是:' + typeof x);输出:任何变量均可通过设置

2022-02-15 14:58:09 485

原创 Airbnb JavaScript 风格指南

1. 类型1.1 基本类型: 你可以直接获取到基本类型的值。(直接存取)string,number,boolean,null,undefined,symbol,bigint。symbol为ES6新引入的原始数据类型,表示独一无二的值,引入原因是为了从根本上防止对象属性名的冲突,故其作用为作为对象属性的标识符。BigInt 是通过在整数末尾附加 n 或调用构造函数来创建的。BigInt 可以表示任意大的整数。const foo = 1;let bar = foo;bar = 9;con

2022-02-11 16:40:40 1388

原创 【LeetCode---算法刷题之栈】JavaScript之最小栈(题号: 155)

1. 问题描述设计一个支持 push ,pop ,top 操作,并能在常数时间内检索到最小元素的栈。push(x) —— 将元素 x 推入栈中。pop() —— 删除栈顶的元素。top() —— 获取栈顶元素。getMin() —— 检索栈中的最小元素。2. 解题思路用数组表示栈,新建一个辅助栈用来存储最小值当栈stack进行入栈操作时,最小栈的栈顶元素与入栈值进行比较,若入栈值val小,则push到最小栈,栈stack出栈,最小栈minStack也跟着出栈,由此,最小栈就时刻保持着s

2022-01-20 15:36:33 669

原创 【LeetCode---算法刷题之栈】JavaScript之有效的括号(题号: 20)

1. 问题描述给定一个只包括 ‘(’,’)’,’{’,’}’,’[’,’]’ 的字符串 s ,判断字符串是否有效。有效字符串需满足:左括号必须用相同类型的右括号闭合。左括号必须以正确的顺序闭合。2. 解题思路s的长度是奇数,不可能闭合,直接判定不合法遇到左括号入栈,遇到同一种类型的右括号出栈,若右括号类型不匹配,则直接判定不合法。最后栈为空就是有效括号类型匹配时s[i]为右括号,栈顶元素(数组最后一位)为左括号3. 解题var isValid = function(s) {

2022-01-20 14:22:38 312

原创 JS正则表达式梳理

这里写目录标题1. 创建正则(1)字面量 `/ /`(2)构造函数(使用场景:匹配变量)2. 正则方法(1)`test` 查看正则表达式与指定的字符串是否匹配。返回 `true` 或 `false`。(2)`exec` 在一个指定字符串中执行一个搜索匹配。返回一个结果数组或 `null`。3. 字符串方法(1)`split`(2)`replace` 替换(3)`search` 找到第一个符合结果的索引,找不到就`-1`,与`indexOf`相似(4)`match`4. 元字符 (正则中有特殊含义的非

2022-01-19 15:02:36 893

原创 vue兄弟组件通信eventBus第一次监听不到数据

eventBus的$on必须在$emit之前执行。否则会出现监听不到数据的现象。有一些网友说,在$emit外加$nextTick或者setTimeout,有些场景这个解决方案是没有作用的。所以,为了避免bug,eventBus慎用。 先传父组件,由父组件给兄弟组件,也很香。...

2022-01-07 15:55:42 1686

原创 element ui滚动条

文档没写,但却真实支持<el-scrollbar> </el-scrollbar>

2021-12-29 15:21:19 591

原创 【LeetCode---算法刷题之数组】JavaScript之加一(题号: 66)

1. 问题描述给定一个由 整数 组成的 非空 数组所表示的非负整数,在该数的基础上加一。最高位数字存放在数组的首位, 数组中每个元素只存储单个数字。你可以假设除了整数 0 之外,这个整数不会以零开头。2. 解题思路要想实现加一,就需要数值进行运算。循环数组digits,digits.join('')把数组转换成字符串,再BigInt转换成数值型后,加1,接着转成字符串,再转成数组。3. 解题var plusOne = function(digits) { return ((BigIn

2021-12-03 15:42:16 537

原创 【LeetCode---算法刷题之数组】JavaScript之搜索插入位置(题号: 35)

1. 问题描述给定一个排序数组和一个目标值,在数组中找到目标值,并返回其索引。如果目标值不存在于数组中,返回它将会被按顺序插入的位置。请必须使用时间复杂度为 O(log n) 的算法。2. 解题思路循环数组,如果数组元素等于目标值target,将元素索引i输出,若不想等,则判断是否数组元素是否大于目标值target,大于返回索引i,小于则跳出本次循环,进入下一次循环。若循环到最后,仍没有与目标值相等或者比目标值target大的数组元素(数组元素,都小于目标值target),则插入索引在数组的最后。

2021-12-02 14:32:39 441

原创 element el-autocomplete模糊搜索,点击clearable清空后,再输入下拉框不显示

(一)问题描述用element 的输入建议框,实现模糊搜索,在点击清空按钮clearable之后,如果输入框已经是聚焦状态,再次输入时建议框不显示。el-autocomplete组件在执行清除事件时,将activated置为了false。当querySearch执行成功,activated仍为false,所以下拉框不显示。element官网链接:https://element.eleme.cn/#/zh-CN/component/input(二)解决给el-autocomplete添加一个ref

2021-12-01 11:02:39 3495 2

原创 vue-virtual-scroll-list 的使用

(一)使用背景列表内容特别特别多,列表特别特币长,dom渲染必定使页面卡死。使用vue-virtual-scroll-list,即列表的虚拟滚动。在可视区域渲染少部分列表内容,减少了创建dom节点和重新渲染组件的时间。(二)实现步骤1. 安装npm install vue-virtual-scroll-list --save2. 引入 + 注册组件import virtualList from 'vue-virtual-scroll-list'; //引入components: {

2021-11-30 17:55:20 8520 4

原创 前端分页功能(封装好的组件)

1. 封装好的分页组件//页码<template> <!-- 页码 --> <div class="page"> <el-pagination background :current-page="pageNum" :page-size="pageSize" :total="pageTotal" layout="prev, pager, next" @current-chan

2021-11-25 17:02:06 719

原创 element 表格全局筛选(筛选结果请求后端接口)

目录(一)问题描述(二)实现步骤1. `el-table` 中添加 `@filter-change="handleFilterChange"`2. `el-table-column`中添加`column-key="给这一列取一个唯一标识"`3. 筛选(一)问题描述element官网例子,表格筛选如下图。官网链接:https://element.eleme.cn/#/zh-CN/component/table如果你的表格分页了,那么这个筛选只能筛选当页的数据,原因是我门从接口得到的数据只有当页的。此

2021-11-25 16:47:27 3005 1

空空如也

空空如也

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

TA关注的人

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