zxy_aabbcc-优快云博客

原创 element up-load 单个图片上传

首先是html部分 <el-upload action="" list-type="picture-card" :on-success="upLoadSuccess" :file-list="picList" :http-request="uploadPicture" >

2021-07-23 14:22:18 622

Object.getPrototypeOf()返回指定对象的原型var pro = {}var obj1 = Object.create(pro)console.log(Object.getPrototypeOf(obj1)==pro)//trueObject.setPrototypeOf()将一个指定对象的原型设为另一个对象或者nullObject.setPrototypeOf(obj,prototype)参数obj:为需要改变原型的对象prototype:为obj指定的原型

2021-02-26 13:24:22 499

原创 cryptoJS AES加密与遇到的问题

首先需要在项目加下载cryptoJS插件npm i crypto-js -s引入import CryptoJS from 'crypto-js'封装一个加密函数.AES加密需要这三个参数需要加密的原文,秘钥,偏移量,并且模式和填充需要保持和后台一致,本人使用的是EBC模式和Pkcs5的填充方式,有为Pkcs5和Pkcs7的填充方式一下,所以下面代码的填充方式我会写Pkcs7(插件中没有直接提供Pkcs5的填充),因为是EBC模式,可不加偏移量export function encrypt(da

2021-02-23 10:09:08 3063

原创封装js模块发布到npm流程

1.注册npm账号并邮件激活地址:https://www.npmjs.com/2.创建文件夹写好你要发布的代码3.打开cmd 进入之前创建的文件夹4.cmd指令npm adduser 分别输入用户名密码邮箱5.输入npm init 配置你要上传的包的信息package name:xx 包名注意不要大写用"-"分隔version:版本号description:包的描述git repository:git 仓库license : 发行项目需要的证书我直接写了默认的ISC

2021-01-15 10:52:15 860 1

原创 configurable和enumerable和writable

这三个属性可以理解为一个对象属性的属性,在使用object.definePorperty时会用到1.configurable默认值为true 当设置为false 则理解为该属性不可删除不可修改2.writable默认值为true 当设置为false 则理解我改属性只读3.enumerable默认值为true 当设置为false 则理解为无法枚举遍历属性时无法将该属性取出configurable为false时，value、writable、enumerable和configurab

2021-01-14 11:11:45 797

原创 Resource interpreted as Stylesheet but transferred with MIME type text/plain错误处理

本人第一次遇到这种情况,原先是以为css样式文件没加载,后来查看network发现css加载完毕但是页面没加载css样式,百度后发现一种方法是删除声明头但是这种方法治标不治本,后来找到原因是 css文件被当做是test/plain传到浏览器,导致浏览器无法识别,加载后直接过滤解决方法是在nginx 的http中加入这两行 include mime.types; default_type application/octet-stream;...

2020-12-30 16:04:41 400

原创在vue中使用animate.css

首先先把animate下载到本地用npm或yarn都行npm install animate.css --save在入口文件中引入animate.cssmain.jsimport animate from "animate.css"Vue.use(animate)接下来和网上的大部分的文章不同,可能是因为版本的问题我的版本是v4.1.0 <div class="animate__animated animate__bounce" >动画效果</div>

2020-09-02 16:54:37 2270 2

原创 mysql安装报错提示

由于找不到VCRUNTIME140_1.dll 无法继续执行代码问题解决切记切记不是VCRUNTIME140.dll 二者是两个完全不同的错误解决方法:出现上述请先下载文件：微软常用运行库合集_2019.07.20_X64下载链接：https://pan.baidu.com/s/1zyYLKv4pQf5o_NjYzUSyfA 提取码：k8dq安装一直next就行了mysqld: Can’t create directory ‘C:\web\mysql-8.0.11\data’…

2020-08-04 16:44:45 335

原创 webpack 中文文档未及时更新错误处

本人撸webpack文档时发现有些插件已经过时或者已经更新其用法已经不同或者弃用这里记录下并且翻阅英文文档解决这些问题1 clean-webpack-plugin按照中文文档使用会报错 CleanWebpackPlugin is not a constructor应该这样使用const { CleanWebpackPlugin } = require('clean-webpack-plugin');module.exports={//..................

2020-07-20 18:02:54 291

原创解决循环时遍历到原型链的属性

1.在for in 循环时加上判断条件 hasOwnProperty()for(i in obj){ if(obj.hasOwnProperty(i)){ //....业务逻辑 }}2.Object.entries()方法for (const [key, value] of Object.entries(obj) ) { console.log(key+": "+value)}

2020-07-10 15:05:59 587

原创函数的参数用中括号的写法

看别人代码的时候无意中发现这种写法var fun = function(name[,address[,age]][,job]){//...............}经过查阅资料得出结论这就是在表示()内的参数必须与非必须当前函数的name 参数是必须的,address age job 为非必须参数,但是当调用者加入给address参数时age则跟着成为必须参数,job与name的必须性依旧不变...

2020-07-09 15:31:05 1083

原创 React 报错与解决方法

class Fruit extends React.component{ render(){ return <div> <Data name="orange"/> <Data name="apple"/> <Data name="watermelon"/> </div> }}const elem = <Fruit/&gt

2020-07-07 08:56:19 2418

原创 react 楼层

本人第一个读完react 文档决定写一个小demo 楼层效果这段demo故意把整个组件拆分成几个小组件目的是为了训练自己对react组件的理解程度和组件之间传参能力不建议各位拿来放在项目里html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link r

2020-06-28 10:37:01 2096

原创 Vuex 防止刷新后数据丢失

这里会用到vuexAlong 请先将vuexAlong 下载到项目中npm install vuexAlong -Sstore.jsconst store = new Vuex.Store({ state: {//业务代码 }, mutations: { //业务代码 }, plugins: [VueXAlong({ name: 'my-along', // 存放在localStroage或者sessionStroage 中的名字 local

2020-06-19 13:58:51 389

原创 JS判断手机品牌

用正则判断手机品牌var userAgent = navigator.userAgent;if(userAgent.match(/vivo/!)){console.log("这是vivo手机")}else if(userAgent.match(/samsung/i)){console.log("这是三星手机")}else if(userAgent.match(/huawei/i)){cosole.log("这是华为手机")}else if(....){........}判断系统

2020-06-16 09:31:26 2533

原创 ES6 常用数组方法(一)

Array.fromArray.from函数是用来将类似数组的对象(array-like-object)和可遍历的对象(包含es6的set 和map)转化为真正的数组。基本用法：let people = { "1":"Jack", "2":"Alice", "3":"Peter", length:4};// ES5的写法var peopleArr1 = [].slice.call(people); // [ <empty item>, 'Jack', 'Alice', 'P

2020-06-12 14:11:32 374

weixin_38987500的博客