Change!!-CSDN博客

原创 vue的组件通信，父子/子孙组件传参和方法调用

vue父子传参，父子组件通信，子孙组件通信，

2023-02-02 10:08:49 6184

原创 JS常用的方法集合

**1.reduce()2.map()、forEach()、for（）、3.等等**

2022-09-25 13:59:47 378

插件引用https://github.com/navyxie/bankcardinfo#getBankBin使用步骤：1.npm install bankcardinfo2.html和js，这里输入银行卡号，获取用户名称；采用失去焦点，调用cardInput方法html:<view class="cardnum"> <input type="number" v-model="cardNum" @blur="cardInput" class="fs28" placeholde

2022-03-21 15:06:31 3800

原创 uniapp压缩图片

上传图片前要进行压缩，因为图片过大，服务器会崩。在uniapp中有uni.compressImage（）压缩图片方法但是用了这个方法报错：compressImage is not yet implemented原因很简单，不支持h5，心态炸裂，只好换种方法了，试好好会把好用的方法发布出来的。...

2022-02-22 13:59:06 14713 14

原创 uniapp请求接口的几种方式

1.第一种就是不用封装直接请求data中多个参数就是 "https://xxxxx/?id=1&type=2"形式 uni.request({ url: 'https://xxxxx/xx/detail', data: {//参数 type: 2, id:1, }, header: { // 'Content-Type': 'application/x-www-form-urlencoded' 'Content-Type': 'application

2022-02-18 14:46:09 20991 3

原创前端vue小功能

功能1：1分钟请求接口，实时返回数据 created() { window.setInterval(() => {//1分钟刷新接口，实时更新今日累计营业额 setTimeout(() => { this.getList();//接口方法 }, 0) }, 600000) }, 功能2：探索中~~~...

2022-01-18 11:43:16 2604

原创本人自己的开源项目

日积月累。闲着没事就自己做了一个开源项目。根据个人需求，主要注重风格样式以及功能性。Git地址如下：有兴趣的可以一起讨论，当然你也可以上传自己的小demo到我的git，一经采纳，除了会放到项目中展示为外；还会给与贡献者一些随机小奖励（前端课程大礼包、动漫手办、52、520、13134元现金红包）...

2021-12-01 09:39:21 641

原创前端包部署到线上net::ERR_SSL_PROTOCOL_ERROR（跨域/同源策略）

部署到线上报错一堆文件：js、css、html报如下错误net::ERR_SSL_PROTOCOL_ERROR因为服务器用的域名：https/http两种部署到线上地址https开头用这第一行代码，http用第二行代码<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> <meta http-equiv="Content-Security-Policy">

2021-11-22 15:25:05 19645 3

原创 element-admin/若依主题风格设计

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Mar

2021-10-25 10:30:10 8609

原创 vue（element）、uniapp常用的几种表单校验

这里采用element中的rules，也可以通过手动判断实现1.输入框/下拉选不能为空name:[{ required: true, message: '不能为空',trigger: 'blur' }],sex:[{ required: true, message: '不能为空',trigger: 'change' }],2.手机号：phone:[ { required: true, message: '不能为空',trigger: 'blur' }, { pattern: "^[1][

2021-10-22 15:26:47 4263 3

原创 uniapp写的h5，怎么根据页面详情，设置不同的标题

uniapp写的h5，怎么根据页面详情，设置不同的标题

2025-12-23 13:50:16 84

原创获取地图经纬度

获取地图经纬度：百度地图拾取坐标高德地图拾取坐标腾讯地图拾取坐标阿里云地图拾取坐标。

2025-07-29 16:53:24 306

原创微信静默授权获取code和用户openid

摘要：用户通过H5链接/二维码进入时出现账户串号问题，分析发现是微信缓存机制导致已授权用户未重新校验身份。解决方案包括：1. 用户手动退出登录清除缓存；2. 在"我的"页面加入静默授权逻辑，通过比对微信返回的openid与缓存是否一致，自动处理异常登录状态。核心代码实现静默授权流程，包含获取code、换取openid、校验身份三步，发现异常时自动清除缓存并跳转重新授权。该方案利用微信网页授权机制，有效解决缓存导致的账户串用问题。

2025-07-24 12:04:22 655

原创 h5用canvas画布压缩图片

本文介绍了一种基于H5 Canvas的图片压缩方法，通过封装compressImageH5函数实现自动压缩上传。该方法支持最大800px的等比例缩放，采用0.8的质量压缩比例，适用于5-6M图片（10M以上可能失真）。代码包含完整的图片选择、压缩和上传流程，处理了不同环境兼容性问题，并展示了后台返回的图片URL格式。压缩失败时会自动回退到原始文件上传，适用于H5环境下的图片优化处理场景。

2025-07-16 17:23:09 299

原创 vueDevtools和文档整合（前端常用工具/插件）

（如图2，在导航系统中放入觅思文档的链接，以及报表分析，禅道等其他功能。该文档可把常用文档、系统使用手册等放进去，可下载代码部署到服务器，非常方便。下载完放到chrome的拓展程序中即可，

2025-02-13 17:48:31 505

原创 uniapp获取微信收获地址

uniapp获取微信收获地址

2025-01-07 11:43:06 476

原创 vue-i18n下载完报错

2.可以删掉依赖包重新下载试试。

2024-11-17 17:32:45 927

原创 icon图标unicode的使用/类名的使用

【代码】icon图标unicode的使用/类名的使用。

2024-10-11 14:01:35 446

原创 uniapp获取当前位置详情，以及调起手机app实现导航

需要知道哪个地方的经纬度，腾讯地图Api上的坐标拾取器可取。

2024-10-10 09:43:36 710

原创 chatGpt网址和常用插件的下载/使用

vueDevtools安装:转载如下。注：组件冲突时，重新下载报错的组件。

2024-10-10 09:20:38 1219

原创 git创建新分支

2.本地右键git小乌龟/切换/检出/创建新分支，分支名称和上一步创建的一样。最后记得改个文件提交下，看看gitLab上是否提交成功。1.先在gitLab上New branch.

2024-09-30 18:15:36 838

原创 vue中下载图片功能：

点击按钮-下载图片：

2024-07-13 11:45:14 1216

原创浏览器/H5复制链接功能

方法二使用了 navigator.clipboard.writeText() 来异步地将文本复制到剪贴板，这是一种更现代和可靠的方式，但需要浏览器支持 Clipboard API，且需要在 HTTPS 网站下才能使用。方法一使用了 document.execCommand(‘copy’) 来复制文本到剪贴板，适用于大多数浏览器，但是在某些较新的浏览器中已经被废弃，不推荐长期使用。Clipboard API 提供了更现代化和可靠的方式来处理剪贴板操作，特别是在一些较新的浏览器中推荐使用。

2024-06-22 14:01:29 1160

原创前端面试题

知识点1：web应用中如何对静态资源加载失败的场景做降级处理？3.使用备用的资源链接-主路径加载失败，切换到备用路径。2.一般第引用三方资源，把代码放到自己的项目中，1.使用多个cdn链接，，

2024-06-14 10:02:24 490

原创 js将对象中的每个字段首字母转大写

将对象中每个字段首字母转大写

2023-04-11 09:30:05 1122

原创 try catch的应用

try cath 的应用

2023-04-06 15:15:23 895

原创 this.$set的用法

this.$set的用法

2023-03-01 14:18:17 1282

原创 Element分页多选功能

Element跨页多选功能

2023-02-15 13:31:00 442

原创导入页面前Excel校验

Excel常用功能，导入页面前Excel校验

2023-02-01 13:31:20 762

原创 vue/Element搜索建议的实现

搜索建议/模糊搜索

2023-01-28 15:48:30 530

原创调用浏览器打印功能的实现

调用打印浏览器打印

2023-01-05 09:57:38 1125

原创项目中如何使用vue预览pdf文件？（vue-pd的下载以及使用）

预览pdf（vue-pdf）

2022-10-25 16:34:04 1629 1

原创 yarn的下载以及使用

yarn的下载和使用

2022-10-19 16:26:12 2147

原创 uniapp打包后404

uniapp打包后404问题

2022-10-19 10:43:29 949

原创压力测试工具：jmeter的下载以及使用

jmeter压力测试工具的下载以及使用

2022-10-14 09:20:47 4208

原创 JAVA运行环境配置

作为一个前端，你多少得会点后端，下面是jdk1.8版本的下载包/地址，以及maven的包，以及相应的配置过程。

2022-10-10 09:03:52 283

原创 vue的hash/history路由模式

vue的路由模式

2022-10-08 09:56:19 262

原创 Montinz Word-2-CHM

Montinz Word-2-CHM（word转页面）

2022-09-30 15:27:57 718

vue登录页-记住密码功能

vue登录页-记住密码功能 1.下载jsencrypt 加密解密插件 npm install jsencrypt --dev 2.引用src-utils -jsencrypt.js文件， 3.登录页先引用-代码如下 import Cookies from 'js-cookie'//cook引用 2021-08-09 import { encrypt, decrypt } from '@/utils/jsencrypt'//rememberMe-password加密 1.加载页面使用getCookie存下 created(){ this.getCookie(); }, getCookie() {//rememberMe功能 const username = Cookies.get("username"); const password = Cookies.get("password"); const rememberMe = Cookies.get('rememberMe') this.loginForm = { username: username === undefined ? this.loginForm.username : username, password: password === undefined ? this.loginForm.password : decrypt(password), rememberMe: rememberMe === undefined ? false : Boolean(rememberMe) }; }, 2.登录按钮里面写下面代码 if (this.loginForm.rememberMe) {//rememberMe功能 Cookies.set("username", this.loginForm.username, { expires: 30 }); Cookies.set("password", encrypt(this.loginForm.password), { expires: 30 }); Cookies.set('rememberMe', this.loginForm.rememberMe, { expires: 30 }); } else { Cookies.remove("username"); Cookies.remove("password"); Cookies.remove('rememberMe'); }

2021-10-05

空空如也

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

TA关注的人