随笔分类 - 工具类
vue 图片转base64格式方法+将base64流数据转成pdf文件可打印的方法✔️✔️✔️
摘要:
1. 图片转base64格式方法 (主要的代码)(其实用的还是FileReader) handleRemove(file, fileList) { console.log(file); var reader = new FileReader(); reader.readAsDataURL(file.
![vue 图片转base64格式方法+将base64流数据转成pdf文件可打印的方法✔️✔️✔️](https://img2023.cnblogs.com/blog/1462173/202310/1462173-20231031161152688-1611631001.png)
用户登录🔒~生成图片验证码(identify(生成图片验证码)插件)
摘要:
1.效果图: 2.以用户登录实现 生成图片验证功能:使用 identify(生成图片验证码)插件 identify:这是一个vue的插件,使用canvas来生成图形验证码 2.1 下载identify插件,npm安装 npm i identify 2.2 具体参数如下: 2.2 在component
![用户登录🔒~生成图片验证码(identify(生成图片验证码)插件)](https://img2023.cnblogs.com/blog/1462173/202309/1462173-20230923193359952-192547129.png)
js简单的倒计时器~~⏰
摘要:
1.效果图 2.html部分 3.逻辑部分 3.1获取当前时间,时间差 //获取当前时间 var date = new Date(); var now = date.getTime(); //设置截止时间 var str = "2023/9/14 12:28:34"; var endDate = n
![js简单的倒计时器~~⏰](https://img2023.cnblogs.com/blog/1462173/202309/1462173-20230914123932533-1689937669.png)
实现:修改密码🔑~确认新密码🔒~重置密码🔗~提交操作✔
摘要:
1. 功能效果图: 2. 基本布局 先需要引入elementUI插件- 注册 基本布局code <template> <el-card class="box-card"> <div slot="header" class="clearfix"> <span>重置密码</span> </div> <!
![实现:修改密码🔑~确认新密码🔒~重置密码🔗~提交操作✔](https://img2023.cnblogs.com/blog/1462173/202309/1462173-20230906103610751-24312777.png)
element表单校验(注册密码-确认密码)~提交🔑🔒
摘要:
💎目标界面: 1.引入elementUI组件,路由和axios配置 2.实现表单页面布局 <!-- 注册的表单区域 --> <el-form :model="regForm" :rules="regRules" ref="regForm" label-width="10px" class="dem
![element表单校验(注册密码-确认密码)~提交🔑🔒](https://img2023.cnblogs.com/blog/1462173/202308/1462173-20230824113925157-1848013285.png)
javascript~🎨常用工具类的封装🔑
摘要:
JavaScript 1. type 类型判断 isString (o) { //是否字符串 return Object.prototype.toString.call(o).slice(8, -1) 'String' } isNumber (o) { //是否数字 return Object.pr
![javascript~🎨常用工具类的封装🔑](https://img2023.cnblogs.com/blog/1462173/202308/1462173-20230806181021212-280063855.png)
Vue过滤器的使用详解(代码实现)
摘要:
过滤器的功能是对要显示的数据进行格式化后再显示,其并没有改变原本的数据,只是产生新的对应的数据 过滤器,其实不是必须要用的东西,它只是vue给我们提供的新的数据处理方式,过滤器能做到的,用计算属性,methods方法,依然可以实现 案例1:(过滤器简单使用) <template> <h3>{{str
![Vue过滤器的使用详解(代码实现)](https://img2023.cnblogs.com/blog/1462173/202307/1462173-20230729153625950-185919254.png)
Vue组件之间几种传值的方法(看代码)
摘要:
简单额总结一下几种组件之间的传参方式 一. props(父传子) 父组件 传递 <template> <div> <HelloWorld :msg="msg" /> </div> </template> <script> import HelloWorld from "./components/He
![Vue组件之间几种传值的方法(看代码)](https://img2023.cnblogs.com/blog/1462173/202307/1462173-20230723185624678-1740033100.png)
Vue项目中使用ElementUI实现Steps步骤条和Tabs标签页的联动效果功能
摘要:
Vue项目中使用Elemen-tUI做一个steps步骤条:左边的内容和步骤条进度效果是同步的切换,顶部是 (1)steps步骤条 (2)Tabs标签页 (3)steps步骤条和tabs标签页之间的联动效果 思路: 那么这里需要步骤条的属性名称和标签页的属性名称联动同步切换的功能:步骤条是属性 :a
![Vue项目中使用ElementUI实现Steps步骤条和Tabs标签页的联动效果功能](https://img2023.cnblogs.com/blog/1462173/202307/1462173-20230727210538717-1052795997.png)
vue项目中手机号+邮箱验证正则~✔
摘要:
vue项目中手机号+邮箱验证正则~✔ vue项目中经常会遇到各种验证规则的需求。这里我把布局用ElementUI来写出来了。接下来需要添加用户,密码,手机号,邮箱的验证规则。 里面用户名,密码是比较简单的,直接用element提供的组件验证规则。手机号和邮箱是自定义规则,需要严格验证是否合法 1,首
![vue项目中手机号+邮箱验证正则~✔](https://img2023.cnblogs.com/blog/1462173/202307/1462173-20230723184329637-92804943.png)
Vue项目中定时器的问题...
摘要:Vue项目中定时器的问题... 比如说 我们现在在a页面写一个定时,让他每秒钟处理操作,比如:每秒钟打印一个1,然后跳转到b页面,此时可以看到,定时器依然在执行。这样是非常消耗性能的。如下图所示: 解决方法1: 首先我在data函数里面进行定义定时器名称: data() { return { tim
登录与退出功能-保存token和设置token过期时间过期重新到登录页面
摘要:
Vue项目登录与退出功能-保存token和页面权限控制,设置token过期时间过期重新到登录页面,本地保存有token就直接不用输入账号密码跳转到首页 做vue后台管理系统的项目的过程中有个登录退出的业务逻辑: (1)发起登录请求之前做个对账号密码表单的合法性进行验证规则 (2)登录的时候发起请求获
![登录与退出功能-保存token和设置token过期时间过期重新到登录页面](https://img2023.cnblogs.com/blog/1462173/202307/1462173-20230723184542703-1470627943.png)
ElementUI的时间线Timeline组件使用方法
摘要:ElementUI的时间线Timeline组件使用方法 2.在element.js中导入TimeLine时间线相关js文件,这里的js文件就是处在上面两个文件夹中的index. js import Timeline from './timeline/index.js' import Timeline
移动端开发ios和安卓兼容问题
摘要:移动端开发ios和安卓兼容问题 最近做移动端混合开的时候遇到一些安卓和iOS的兼容性问题,兼容想问题不仅在浏览器存在也在APP开发当中也会经常遇到这样的情况。 最近看了一下内容很不错的移动端开发相关的资料,自己总结出来了一些安卓和iOS兼容的知识点: 一、搜索确定问题 添加form元素,在提交的时候
前端学习大全-1(收藏)
摘要:前端学习大全-1(收藏) 特意对前端学习资源做一个汇总,方便自己学习查阅参考,和好友们共同进步。 内容精简 https://xiaohuazheng.github.i... 资源这么多,多看看多学习再总结肯定是好的。多读读就算看重了不算浪费时间,毕竟一千个读者就有一千个林黛玉,还有温故而知新,说不定
微信小程序开发入门(一)
摘要:小程序学习入门--(一) 最近自己学习微信小程序的过程当中自己总结出来的知识点,我会不断地更新和完善! 小程序的开发工具 一台电脑 熟悉HTML、CSS、JS基本语法 开发工具: 微信web开发者工具 官方demo下载 小程序代码分析: 小程序通用文件(全局通用文件) app.js app.json
1