Zzz_bk-CSDN博客

原创使用md5和base64加密(避免密码明文发送到后端)

也可全局挂载，但是这种加密一般不会通用性非常高，个人觉得在单页面直接引入就ok了，如果需要全局引入。如有问题欢迎大家指出，也欢迎前端爱好者一起沟通。js-base64转码。

2022-08-17 17:07:36 644 1

原创 vue elementui二次封装el-table带插槽

这里基本的使用都可以满足，里面包含表列的自定义插槽；表格序号以及多级表头的渲染。通用样式一般根据定制的格式来写，一般来说表格基本格式都是一样的，也有可能会出现表格的表头行高，表格的行高内容不一样的情况，也可通过配置参数来处理，这样会更灵活一些。...

2022-07-24 00:00:46 2750 4

原创 element-ui两个el-data-pirker如何做开始时间结束时间关联

我们可根据el-date-picker的pickerOptions属性来处理。即可实现两个单独的el-date-picker开始时间和结束时间的关联。

2022-07-23 23:03:45 1135

原创 v-touch插件使用（识别手机屏幕向左滑动还是向右滑动）

v-touch插件是基于vue 封装的手机端 touch组件，可以识别到是向右滑动还是向右滑动安装npm install vue-touch@next --save在mian.js中引入import VueTouch from 'vue-touch'Vue.use(VueTouch, {name: 'v-touch'})vue html代码部分<template> <v-touch :swipeleft="swiper(1)" :swiperight="swiper(

2022-01-18 23:01:40 1908 5

原创手动封装一个timeLine时间线，点击有动态效果

html部分 <div id="time-line"> <div class="item" v-for="(item, index) in items" :key="index" @click="handleClick(item.index, item.content)" > <div class="item-index">{{ item.index }}</div>

2021-11-01 16:49:47 774

原创解决vue创建新项目与版本查看，报错“internal/modules/cjs/loader.js:1032 throw err；

查看vue版本或者是新建vue项目都会这个错误，重新安装vue-cli也会报错解决方案：先查看自己vue安装的位置执行代码：where vue获取到vue文件的位置进行删除1.删除残留vue文件,命名语句：del /s /q C:\Users\17655\AppData\Roaming\npm\vue*重新安装vue即可npm install -g @vue/cli...

2021-09-07 18:18:50 792

转载如何解决使用vuex刷新网页内容为空

在vue项目中用vuex来做全局的状态管理，发现当刷新网页后，保存在vuex实例store里的数据会丢失。原因：因为store里的数据是保存在运行内存中的,当页面刷新时，页面会重新加载vue实例，store里面的数据就会被重新赋值初始化解决思路：将state的数据保存在localstorage、sessionstorage或cookie中（三者的区别），这样即可保证页面刷新数据不丢失且易于读取。localStorage: localStorage的生命周期是永久的，关闭页面或浏览器之后local

2021-05-07 11:11:30 962

原创 ES6扩展运算父(...)

对象中的扩展运算符(…)用于取出参数对象中的所有可遍历属性，拷贝到当前对象之中let arr = { a: 1, b: 2 };let arr2 = { ...arr };其实拷贝对象也是有自己的方法let arr = { a: 1, b: 2 };let arr2 = Object.assign({}, arr)...

2021-04-24 18:07:05 54

原创 fatal: remote origin already exists. (远程来源已经存在解决办法)

在当我们输入git remote add origin https://gitee.com/(github/码云账号)/(github/码云项目名).git就会报如下的错fatal: remote origin already exists.翻译过来就是：致命：远程来源已经存在此时，我们可以先 git remote -v 查看远程库信息：可以看到，本地库已经关联了origin的远程库，并且，该远程库指向GitHub。解决办法如下：1、先输入$ git remote rm origin(删除关联

2020-11-25 17:47:32 174

原创关于React的State(状态) Hook

此示例渲染一个计数器。单击该按钮时，它会递增值：import { useState } from 'react';function Example() { // 声明一个新的状态变量，我们将其称为 "count" //useState首次执行时会将默认值传给count,当再次执行时会则会直接取上次 setCount (如果有调用) 赋过的值 const [count, setCount] = useState(0); return ( <div> &l

2020-11-25 15:03:07 150

原创 js map()和forEach()的区别

一、相同点：1.都是循环遍历数组中的每一项2.每次执行匿名函数都支持三个参数，参数分别为item（当前每一项），index（索引值），arr（原数组）3.匿名函数中的this都是指向window4.只能遍历数组二、不同点1.map()会分配内存空间存储新数组并返回，forEach()不会返回数据。2.forEach()允许callback更改原始数组的元素。map()返回新的数组。1、forEach()forEach()针对每一个元素执行提供的函数，对数据的操作会改变原数组。var ar

2020-11-16 22:28:05 118

原创 startsWith和endsWith方法 ES6新增

startsWith是判断字符串以什么开始endsWith是判断字符串以什么结尾返回的都是Boolean值 var str = "hello world!" console.log(str.startsWith("h")) // true console.log(str.endsWith("!")) // true

2020-10-31 16:40:44 104

原创 Array的includes方法扩展方法

includes方法查找元素中是否有此元素，有即返回true,没有则返回falsevar arr = [1,2,3,4]console.log(arr.includes(1)) trueconsole.log(arr.includes(10)) false

2020-10-31 11:28:03 312 1

原创 find方法和 findIndex方法的使用

find方法和findIndex方法都是用于查找数组中符合条件的元素，但是两者有细微的差别find方法是通过判断条件返回符合条件的对象 // 定义一个数组，里面包含多个对象，通过find方法来查找满足条件的对象 var arr = [ { id: 1, name:'张三' }, { id: 2, name:'张三' }

2020-10-31 10:47:16 8196

原创 ES6扩展运算符

扩展运算符可以将数组转换成用逗号隔开的序列参数let arr = [10, 20, 30]console.log( ...arr ) // 10 20 30经常备用到用于数组拼接let arr = [10,20,30]let arr2 = [40,50,60]console.log(...arr, ...arr1) // 10 20 30 40 50 60可以不用apply方法将数组转换为函数的参数了function fu(a,b,c){console.log( a+b+c )}

2020-10-23 10:34:32 65

原创 ES6箭头函数的剩余参数

对箭头函数的形参通过特定写法，使其可以接收一个或多个实参，并进行使用 const sum = (...args) => { let total = 0; args.forEach(item => { total += item }) return total } console.log(sum(10, 20)) // 3

2020-10-22 17:28:53 344

原创 js中的数据类型

到现在为止数据类型大致分为了八个：分别是：String Number null undefined Boolean Object Symbol bigint最常见的六种：String Number null undefined Boolean Object 在这里就不介绍了，比较简单常见，而且非常熟悉了，在这里着重说一下Symbol bigint 这两种数据类型Symbol数据类型是ES6中新增的一个数据类型， Symbol 类型的对象永远不相等，即便创建的时候传入相同的值。因此，可以用解决属性名冲突

2020-10-22 11:27:54 96

xy520zzz的博客