随笔分类 - 工具类
摘要：
后端接口返回的是一个word转64的文档数据，前端需要页面中正确的解析导出文档预览： 1，导出功能的实现 修改exportReport接口调用，设置responseType为blob以接收二进制数据 修改openExport方法，实现Word文档的自动下载功能 添加下载工具函数，处理blob数据转换
阅读全文
后端接口返回的是一个word转64的文档数据，前端需要页面中正确的解析导出文档预览： 1，导出功能的实现 修改exportReport接口调用，设置responseType为blob以接收二进制数据 修改openExport方法，实现Word文档的自动下载功能 添加下载工具函数，处理blob数据转换
阅读全文
摘要：
解决Vue项目页面刷新数据丢失的🎈🎈🎈 vuex存储的数据只是在页面中，相当于全局变量，页面刷新时vuex里的数据会重新初始化，导致数据丢失vuex里的数据是保存在运行内存中的，当页面刷新时，页面会重新加载vue实例，vuex里面的数据会被重新赋值 这句话对吧 ~~~ ~~~~ 🏀怎么解决呢
阅读全文
解决Vue项目页面刷新数据丢失的🎈🎈🎈 vuex存储的数据只是在页面中，相当于全局变量，页面刷新时vuex里的数据会重新初始化，导致数据丢失vuex里的数据是保存在运行内存中的，当页面刷新时，页面会重新加载vue实例，vuex里面的数据会被重新赋值 这句话对吧 ~~~ ~~~~ 🏀怎么解决呢
阅读全文
摘要：
vue的新项目开发者经常遇到响应式问题，那么vue2和vue3的响应式原理实现流程和主要的区别是 如何~~~ vue3 ——— proxy ♦️ vue2 ———— Object.defineProperty() ？ 1. vue2.x的响应式原理 实现原理：通过Object.definePrope
阅读全文
vue的新项目开发者经常遇到响应式问题，那么vue2和vue3的响应式原理实现流程和主要的区别是 如何~~~ vue3 ——— proxy ♦️ vue2 ———— Object.defineProperty() ？ 1. vue2.x的响应式原理 实现原理：通过Object.definePrope
阅读全文
摘要：
1. 图片转base64格式方法 （主要的代码）（其实用的还是FileReader） handleRemove(file, fileList) { console.log(file); var reader = new FileReader(); reader.readAsDataURL(file.
阅读全文
1. 图片转base64格式方法 （主要的代码）（其实用的还是FileReader） handleRemove(file, fileList) { console.log(file); var reader = new FileReader(); reader.readAsDataURL(file.
阅读全文
摘要：
1.效果图: 2.以用户登录实现 生成图片验证功能：使用 identify(生成图片验证码)插件 identify：这是一个vue的插件，使用canvas来生成图形验证码 2.1 下载identify插件，npm安装 npm i identify 2.2 具体参数如下： 2.2 在component
阅读全文
1.效果图: 2.以用户登录实现 生成图片验证功能：使用 identify(生成图片验证码)插件 identify：这是一个vue的插件，使用canvas来生成图形验证码 2.1 下载identify插件，npm安装 npm i identify 2.2 具体参数如下： 2.2 在component
阅读全文
摘要：
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
阅读全文
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
阅读全文
摘要：
1. 功能效果图： 2. 基本布局 先需要引入elementUI插件- 注册 基本布局code <template> <el-card class="box-card"> <div slot="header" class="clearfix"> <span>重置密码</span> </div> <!
阅读全文
1. 功能效果图： 2. 基本布局 先需要引入elementUI插件- 注册 基本布局code <template> <el-card class="box-card"> <div slot="header" class="clearfix"> <span>重置密码</span> </div> <!
阅读全文
摘要：
💎目标界面： 1.引入elementUI组件，路由和axios配置 2.实现表单页面布局 <!-- 注册的表单区域 --> <el-form :model="regForm" :rules="regRules" ref="regForm" label-width="10px" class="dem
阅读全文
💎目标界面： 1.引入elementUI组件，路由和axios配置 2.实现表单页面布局 <!-- 注册的表单区域 --> <el-form :model="regForm" :rules="regRules" ref="regForm" label-width="10px" class="dem
阅读全文
摘要：
JavaScript 1. type 类型判断 isString (o) { //是否字符串 return Object.prototype.toString.call(o).slice(8, -1) 'String' } isNumber (o) { //是否数字 return Object.pr
阅读全文
JavaScript 1. type 类型判断 isString (o) { //是否字符串 return Object.prototype.toString.call(o).slice(8, -1) 'String' } isNumber (o) { //是否数字 return Object.pr
阅读全文
摘要：
过滤器的功能是对要显示的数据进行格式化后再显示，其并没有改变原本的数据，只是产生新的对应的数据 过滤器，其实不是必须要用的东西，它只是vue给我们提供的新的数据处理方式，过滤器能做到的，用计算属性，methods方法，依然可以实现 案例1：（过滤器简单使用） <template> <h3>{{str
阅读全文
过滤器的功能是对要显示的数据进行格式化后再显示，其并没有改变原本的数据，只是产生新的对应的数据 过滤器，其实不是必须要用的东西，它只是vue给我们提供的新的数据处理方式，过滤器能做到的，用计算属性，methods方法，依然可以实现 案例1：（过滤器简单使用） <template> <h3>{{str
阅读全文
摘要：
简单额总结一下几种组件之间的传参方式 一. props（父传子） 父组件 传递 <template> <div> <HelloWorld :msg="msg" /> </div> </template> <script> import HelloWorld from "./components/He
阅读全文
简单额总结一下几种组件之间的传参方式 一. props（父传子） 父组件 传递 <template> <div> <HelloWorld :msg="msg" /> </div> </template> <script> import HelloWorld from "./components/He
阅读全文
摘要：
Vue项目中使用Elemen-tUI做一个steps步骤条：左边的内容和步骤条进度效果是同步的切换，顶部是 （1）steps步骤条 （2）Tabs标签页 （3）steps步骤条和tabs标签页之间的联动效果 思路： 那么这里需要步骤条的属性名称和标签页的属性名称联动同步切换的功能：步骤条是属性 :a
阅读全文
Vue项目中使用Elemen-tUI做一个steps步骤条：左边的内容和步骤条进度效果是同步的切换，顶部是 （1）steps步骤条 （2）Tabs标签页 （3）steps步骤条和tabs标签页之间的联动效果 思路： 那么这里需要步骤条的属性名称和标签页的属性名称联动同步切换的功能：步骤条是属性 :a
阅读全文
摘要：
vue项目中手机号+邮箱验证正则~✔ vue项目中经常会遇到各种验证规则的需求。这里我把布局用ElementUI来写出来了。接下来需要添加用户，密码，手机号，邮箱的验证规则。 里面用户名，密码是比较简单的，直接用element提供的组件验证规则。手机号和邮箱是自定义规则，需要严格验证是否合法 1，首
阅读全文
vue项目中手机号+邮箱验证正则~✔ vue项目中经常会遇到各种验证规则的需求。这里我把布局用ElementUI来写出来了。接下来需要添加用户，密码，手机号，邮箱的验证规则。 里面用户名，密码是比较简单的，直接用element提供的组件验证规则。手机号和邮箱是自定义规则，需要严格验证是否合法 1，首
阅读全文
摘要：
Vue项目中定时器的问题... 比如说 我们现在在a页面写一个定时，让他每秒钟处理操作，比如：每秒钟打印一个1，然后跳转到b页面，此时可以看到，定时器依然在执行。这样是非常消耗性能的。如下图所示： 解决方法1： 首先我在data函数里面进行定义定时器名称： data() { return { tim
阅读全文
Vue项目中定时器的问题... 比如说 我们现在在a页面写一个定时，让他每秒钟处理操作，比如：每秒钟打印一个1，然后跳转到b页面，此时可以看到，定时器依然在执行。这样是非常消耗性能的。如下图所示： 解决方法1： 首先我在data函数里面进行定义定时器名称： data() { return { tim
阅读全文
摘要：
Vue项目登录与退出功能-保存token和页面权限控制，设置token过期时间过期重新到登录页面，本地保存有token就直接不用输入账号密码跳转到首页 做vue后台管理系统的项目的过程中有个登录退出的业务逻辑： （1）发起登录请求之前做个对账号密码表单的合法性进行验证规则 （2）登录的时候发起请求获
阅读全文
Vue项目登录与退出功能-保存token和页面权限控制，设置token过期时间过期重新到登录页面，本地保存有token就直接不用输入账号密码跳转到首页 做vue后台管理系统的项目的过程中有个登录退出的业务逻辑： （1）发起登录请求之前做个对账号密码表单的合法性进行验证规则 （2）登录的时候发起请求获
阅读全文
摘要：ElementUI的时间线Timeline组件使用方法 2.在element.js中导入TimeLine时间线相关js文件，这里的js文件就是处在上面两个文件夹中的index. js import Timeline from './timeline/index.js' import Timeline
阅读全文
摘要：JavaScript手写原理部分
阅读全文
摘要：js验证工具，表达验证，搜索验证
阅读全文
摘要：Vue项目搭建，Git提交分支。token验证登录流程（重点）
阅读全文
摘要：移动端开发ios和安卓兼容问题 最近做移动端混合开的时候遇到一些安卓和iOS的兼容性问题，兼容想问题不仅在浏览器存在也在APP开发当中也会经常遇到这样的情况。 最近看了一下内容很不错的移动端开发相关的资料，自己总结出来了一些安卓和iOS兼容的知识点： 一、搜索确定问题 添加form元素，在提交的时候
阅读全文
浙公网安备 33010602011771号