Change!!-CSDN博客

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

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

2023-02-02 10:08:49 5346

原创 JS常用的方法集合

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

2022-09-25 13:59:47 292

插件引用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 3112

原创 uniapp压缩图片

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

2022-02-22 13:59:06 12651 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 19157 3

原创前端vue小功能

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

2022-01-18 11:43:16 2377

原创本人自己的开源项目

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

2021-12-01 09:39:21 545

原创前端包部署到线上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 15968 1

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

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

2021-10-25 10:30:10 7073

原创 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 3539 3

原创 vue中下载图片功能：

点击按钮-下载图片：

2024-07-13 11:45:14 106

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

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

2024-06-22 14:01:29 263

原创前端面试题

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

2024-06-14 10:02:24 150

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

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

2023-04-11 09:30:05 866 1

原创 try catch的应用

try cath 的应用

2023-04-06 15:15:23 815

原创 this.$set的用法

this.$set的用法

2023-03-01 14:18:17 1001

原创 Element分页多选功能

Element跨页多选功能

2023-02-15 13:31:00 267

原创导入页面前Excel校验

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

2023-02-01 13:31:20 502

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

搜索建议/模糊搜索

2023-01-28 15:48:30 388

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

调用打印浏览器打印

2023-01-05 09:57:38 835

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

预览pdf（vue-pdf）

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

原创 yarn的下载以及使用

yarn的下载和使用

2022-10-19 16:26:12 1854

原创 uniapp打包后404

uniapp打包后404问题

2022-10-19 10:43:29 590

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

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

2022-10-14 09:20:47 1436

原创 JAVA运行环境配置

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

2022-10-10 09:03:52 215

原创 vue的hash/history路由模式

vue的路由模式

2022-10-08 09:56:19 202

原创 Montinz Word-2-CHM

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

2022-09-30 15:27:57 532

原创如何用画布制作页面？

如何用画布制作页面？

2022-09-27 16:22:08 135

原创 vue脚手架如何搭建项目？

vue脚手架搭建项目

2022-09-27 14:43:03 279

原创前端入职新公司都需要做什么？

入职新公司要做什么？

2022-09-26 11:53:18 2290

原创 css结合element超出文字显示三个点

word-break: break-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;文本超出显示三个点一般分两种情况一,单行文本超出隐藏overflow:hidden;text-overflow:ellipsis;white-space:nowrap;二,多行文本超出隐藏text-overflow: -o-el

2022-08-23 11:43:21 4191

原创 vue的生命周期简介

vue常用的生命周期 //1.存放数组定义的字符串、对象等 data(){ return {} }, //2.监听属性类似于data概念 computed: {}, // 监控data中的数据变化 watch: {}, //3.创建完成（可以访问当前this实例） //beforeCreate 和beforeMount是不能访问data中数据、方法以及进行Dom操作的 created() { createWebsocket("servic

2022-05-18 11:02:50 191

原创 h5和ios/android交互

我们的App项目属于混合式开发，ios/Android负责打包，app里面点击时通过地址跳入我们的h5页面。问题1：ios调用h5方法并传参//ios调用h5方法，必须将事件暴露在window中供客户端调用，不然ios调用不到我们的方法onShow() {//这是uniapp的方法，vue的话写到mounted() window.footprintDelAll=(params)=>{//ios传的参数 this.footprintDelAll(params) } },methods:

2022-05-16 11:27:19 1182 4

原创 h5/uni-app打开手机app，没有则跳转到商店下载

goosDetailshowClick() {//点击事件 // console.log(this.productId,this.userId,'userId----获取') var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac O

2022-04-07 15:01:16 5265

原创 vue导入Excel数据到表格

引用1：https://segmentfault.com/a/1190000018993619引用2：https://blog.csdn.net/weixin_40180205/article/details/106747500引用3：https://blog.csdn.net/weixin_41346436/article/details/106278868自己写的很早之前了，忘了用的什么了，哈哈哈...

2022-03-23 11:49:28 385

原创 uni-app 输入框类型为number时，ios系统不能输入小数点问题

在做app时，输入框 Android 可以输入小数点，ios却不可以？？？解决方法：把type类型更换为digit就可以了。<input type="digit" placeholder="请输入金额"" />

2022-03-22 12:27:43 5970 1

原创 stomp和SockJS的下载并使用

stomp和SockJS的下载并使用

2022-03-06 09:16:26 2628 4

原创 uniapp返回上一页，刷新列表

因为我们做的项目是：前端 + Ios/Android 合作完成的App，那么在做消息通知时，进入消息详情，再返回列表，需要实时刷新列表，那么有的详情是跳转ios/Android的，并且返回头部是他们的。（常用的返回方法：uni.navigateTo()、uni.redirectTo（）；如果这两种不管用时，可以用下面这种返回方法刷新列表这时我遇到两个问题：1.从详情，返回列表，没有刷新列表解决方法：如果你的列表方法写到onLoad（）中那么是不会刷新列表的；而是需要放到onShow（）中2.因为

2022-02-24 17:31:13 9461 2

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关注的人