自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(49)
  • 收藏
  • 关注

原创 Electron-Builder打包时报错could not find: “C:\Users\XX\AppData\Local\Temp\t-bDWVX6\0-messages.nsh“

打开 node_module/app-builder-lib/out/targets/nsis/NsisTarget.js文件,在 executeMakensis 方法中加入我们所需的参数。从错误日志上来看,产生此错误的原因是,nsis插件找不到了。但是我打开对应目录,很明显,nsis是存在的。然后我发现一个关键点,那就是路径中出现了乱码。经测试,问题完美解决。

2023-03-28 10:38:33 380

原创 sequelize 的Op模块方法

Op.like]: { [Op.any]: ['cat', 'hat']} // 包含任何数组['cat', 'hat'] - 同样适用于 iLike 和 notLike。[Op.regexp]: '^[h|a|t]' // 匹配正则表达式/~ '^[h|a|t]' (仅限 MySQL/PG)[Op.iRegexp]: '^[h|a|t]' // ~* '^[h|a|t]' (仅限 PG)[Op.contains]: [1, 2] // @> [1, 2] (PG数组包含运算符)

2023-03-15 18:40:01 765

原创 for in 遍历数组在ie中的问题

今天在计算一个数组的总和的时候,用到了for in ,打印 index 的时候,发现ie浏览器上多出一项,其他浏览器没有这个问题。经过查阅,这是ie浏览器的问题,所以

2021-06-03 15:04:17 292

原创 ie浏览器不兼容日期格式为****-**-**

如果为ie浏览器 如下:先转huanconst date = '2018-01-30'.replace(/-/g, '/');

2021-06-03 14:19:50 256

原创 兼容ie11,blob下载文件

return request({ url: '*****', method: 'post', responseType: 'blob', data: data })

2021-06-03 11:17:13 581

原创 AES加密算法

import CryptoJS from 'crypto-js'/** * @word 要加密的内容 * @keyWord String 服务器随机返回的关键字 * */export function aesEncrypt(word,keyWord="Aserrrr222rrrdddsss"){ var key = CryptoJS.enc.Utf8.parse(keyWord); var srcs = CryptoJS.enc.Utf8.parse(word); var enc.

2021-04-20 17:00:10 94

原创 localhost 和127.0.0.1区别

localhost是一个域名,通常情况下localhost默认解析为127.0.0.1。 一个是域名 ,一个是IP地址。127.0.0.1是一个IP,也把它叫做回送地址,回送地址包括:127.x.x.x。ping 127.0.0.1 一般用作测试本机TCP/IP协议栈正常与否的判断。localhot的原理:不经网卡传输,不会受到网卡协议的限制。使用localhost访问时,localhost不会解析成IP,也不会占用网卡、网络资源。127.0.0.1的原理:经过网卡传输,依赖网卡协议,并受到网卡

2020-11-18 19:04:03 639

原创 文本的单行省略和多行省略

在写样式的时候经常遇到单行省略或者多行省略的情况,有时候记得不全,还得去百度,特此写一遍,加强记忆。单行省略:(配合width属性设置,完成超出部分省略显示)overflow:hidden; //设置了这个属性,text-overflow属性才会生效text-overflow:ellipsis;//超出范围的文本内容用省略号显示。white-space:nowrap;//禁止换行多行省略:overflow:hidden;//同上text-overflow:elli...

2020-10-09 10:43:27 2211

原创 git工具的常见操作

git是一个开源的分布式版本控制系统。git是分布式的svn不是,git把内容按元数据方式存储,SVN是按文件,分支的概念也不同(分支在svn中一点都不特别,版本库中的另一个目录) git branch 查看当前有的分支,带*为当前分支git remote show origin 查看远端的所有分支git fetch orgin testing:testiing 拉取远端的分支到本地git branch 查看一下分支git checkout testing 切换到某一个分支...

2020-09-17 19:07:39 139 1

原创 moment的常见应用

moment常见应用,详见moment.js的官网:http://momentjs.cn/安装:npm install moment --save引用:import moment from "moment"日期格式化moment().format("YYYY-MM-DDHH:mm:ss")获取当前时间 格式为2020-09-17 14:00:00moment().format("MMMM Do YYYY,h:mm:ss a") 九月17日2020,2:00:00 下午mo..

2020-09-17 15:11:33 911

原创 常见的图片格式、有什么不同?

前言:生活在自媒体时代,我们碰见最多的莫过于图片和视频了,今天有时间总结一下几种常见的图片的格式以及它们的优缺点,应用情况。一:JPG/JPEG格式(有损压缩)jpeg是一种面向连续色调静止图像的压缩标准,它是一种压缩标准,压缩标准决定了图像该以什么样的压缩方式变成文件格式存储于硬盘上。。jpg和jpeg是文件的后缀名,它的应用广泛,优点是压缩率高,同时不会对画质有太大的影响,特别适合在网络媒体上存储、传输图像信息。它的缺点也是压缩率过高,导致图像信息的破坏,在对画质要求大于存储传输的方面,jpe.

2020-09-17 12:24:54 4331

原创 antd中from表单给非value值组件赋值不生效的情况

今天在From组件中使用From.Item给开关组件Switch和Checkbox赋值不生效,查看官网看到一条意思是,如果你要给一个非value值作为组件值的时候,需要添加一个valuePropName的属性,指定你要赋值给那个属性。事例如下:<Form form={form} > <Form.Item name="isSwitch" valuePropName="checked"> <Switch onChange={(val) =

2020-09-08 13:39:17 1856

原创 Github在双重验证的时候Country- code 没有中国区的解决办法

最近在git拉代码的时候遇到这个问题,没办法选择中国区,给手机发验证码,解决办法如下打开开发工具,在控制台输入下面的代码运行即可 在console中输入:var option = new Option("China +86","+86");option.selected = true;document.getElementById('countrycode').options.add(option, 0);原理,手动更改页面的元素输入手机号,发送验证码,手机就可以收到了。...

2020-07-21 14:40:33 2314 1

原创 border:none和border:0区别

border-style:none;//无边框 border-width:0;//边框宽度为0pxborder:0;浏览器对border-width、border-color进行渲染,占用内存。border:none;浏览器不进行渲染,不占用内存。精灵图;CSS Sprites虽然增加了总的图片的字节,但是很好地减少网页的http请求,从而大大的提高页面的性能:错误的原因是:没有增加总图片的字节。。。。。相反的多张图和一张大图的字节多。。。。...

2020-06-30 14:46:39 309

原创 上传多个文件之前可以预览文件(pdf 和图片)--缩略图

上传文件之前实现预览的功能;文件的类型限于pdf和图片.基于ant-desigh和vue-pdf插件实现文件上传之前能预览、有分页的功能。(既有图片也有pdf文件)先上效果图:(多个文件上传预览)代码如下:DOM结构:<template> <div class="home"> <div class="wrap"> <div class="wrap-upload-div"> ...

2020-06-12 19:26:55 1523 3

原创 原生js绑定事件的三种方式

第一种:html标签事件绑定:属性绑定,js中定义相应事件的函数。(这个在该元素的properties属性中可以查到,也可以在事件监听中看到)function show(){  console.log('show');}function print(){  console.log('print');}<button onclick="show()" id="btn1" onclick="print()">html标签事件绑定-触发的方法只有show</button.

2020-05-20 15:38:20 3857 2

原创 谷歌浏览器的debugger调试

在js页面中写入debugger代码setTimeout(() => { debugger _this.flag2 = true this.$router.push({ path: "/" }); }, 5000);启动项目,打开F12检查窗口,等待执行到debugger代码的时候

2020-05-14 14:23:31 2311

原创 Vue.js中自动获取焦点

<input type="text" v-model="name" ref="input" /> <script>export default { data() { return { name: "张三", }; }, methods: { changeName() { this.$ref...

2020-05-07 12:09:22 627

原创 git分支合并的两种方法及比较

前面的博客中提及了git工具的基本用法和gitHub的用法,今天讲讲git工具合并两个分支的区别的:两种合并的方法有git merge 和git rebase第一种:git merge 用于从指定的分支(节点)合并到当前分支的操作 git会将指定的分支与当前的分支进行比较,找出二者最近的一个共同节点base,之后将指定分支在base之后分离的节点合并到 当前分支上。...

2020-04-27 19:03:42 1885

原创 Object.keys方法

在实际开发中,有时需要知道对象的所有属性,ES5 引入了Object.keys方法,成员是参数对象自身的(不含继承的)所有可遍历( enumerable )属性的键名。具体用法:Object.keys()方法会返回一个由一个给定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和使用for...in循环遍历该对象时返回的顺序一致 。语法:Object.keys(obj) ...

2020-04-13 14:03:46 396

原创 js中递归函数

递归函数:概念:递归函数就是函数中点用自己的函数。举几个例子:1、递归求阶乘function fun(n){ if(n===1){ return 1; } return n*fun(n-1);}console.log(fun(3)) // 6console.log(fun(5)) // 1202、递归求两个数最大公约数fu...

2020-04-09 18:09:22 157

原创 js中原型链理解及关系图

实例对象访问属性和方法的时候,先查找自己身上下面的属性的方法,如果没有找到,会沿着原型链找到对象的原型,查看原型上是否有要查询的属性和方法,依次查找,找到就返回,如果找到最顶层Object上都没有,(Object原型是null)则返回undefined。这样向上链式结构,称为原型链。网上有一些图片,可以参考一下理解 实例对象、构造函数、原型、原型的原型的关系。其中 f:实例对象、F...

2020-04-04 20:47:03 258

原创 创建对象的几种方法(面向对象)

js中的面向对象编程,就是创建对象,给对象添加属性的方法。创建对象的几种方法:1、对象字面量方式创建对象var objz={name:"张三"}2、构造函数创建对象 (系统自带的Object函数)var objl = new Object({name:"李四"});Object是一个系统提供的构造函数,这个构造函数专门用来创建对象使用的。3、工厂模式创建对象 (函...

2020-04-03 22:16:00 838

原创 删除数组中的所有元素

var arr = [1,2,3,4,5];for(var i=0;i<arr.length;i++){ arr.splice(i,1);}console.log(arr);上面的结果为:[2,4]for循环删除数据i=0时删1,i=1时删3,i=2时删5,所以就这样剩下了2和4。这种现象就叫做数组塌陷。删除数组中的所有元素的方法:1、使用while循环删...

2020-03-31 23:16:29 2882

原创 vue中的状态管理应用

vue.js官网中生态系统中给我们提供一个官方的插件vuex,利用这个插件我们可以集中式管理数据,一处修改,多处应用,多个组件依赖同一状态。主要应用于开发中大型项目。首先:npm i vuex -S引入插件import Vuex from 'vuex'Vuex是个对象,相关成员如下成员 用途 Store 类,构造状态管理的实例 mapActions 函...

2020-03-23 18:08:13 325

原创 安装node-sass / sass-loader 报错

项目需要用sass,准备安装,node-sass 和sass的编译器sass-loader,执行下行代码,报错npm i node-sass sass-loader -S报错报错信息惊人的多,百度了一下 ,原因是是windows平台缺少编译环境解决办法:1、 npm install -g node-gyp2、npm install --global --producti...

2020-03-20 18:08:05 1056 2

原创 动画

能呈现动画效果的css 属性有两个,一个是transition,另一个是animatetransitontransition-property :规定应用过渡的 CSS 属性的名称。transition-duration :定义过渡效果花费的时间。默认是 0。transition-timing-function :规定过渡效果的时间曲线。默认是 "ease"。 ease ...

2020-03-19 13:02:26 69

原创 什么是重绘和回流(重排)

什么是回流?1、当render tree 中的一部分(或全部)因为元素的规模尺寸,布局、隐藏等改变而需要重新构建,这就称为回流2、当页面布局和几何属性改变时就需要回流什么是重绘?1、当render tree 中的一些元素需要更新属性,而这些属性只是影响元素的外观,风格,而不会影响布局的,比如background-color。则就称为重绘。回流必将引起重绘,而重绘不一定会引起回流...

2020-03-15 15:49:40 1060

原创 vue-cli3.0 引入阿里矢量图标

引入 main.js// 引入阿里矢量图标import './assets/iconfont/iconfont.css'使用方法: <i class="iconfont iconshanchu"></i>

2020-03-15 15:45:59 1058

原创 启动mongodb服务

1、在mongodb目录中新建一个data文件夹2、进入data目录,新建 db 和 log目录3、打开CMD,进入到mongodb 的 bin目录4、输入指令:mongod --dbpath 数据库路径 (mongod --dbpath ../data/db)5、看到port 27017,表明mongodb服务已启动6、在客户端终端 mongo 回车7、show dbs...

2020-03-13 20:11:19 108

原创 vue自定义指令

系统指令在不够用的情况下,考虑自定义,指令是个函数|对象,用来操作dom的, 里面的this 返回window全局定义Vue.directive('指令名',函数(el,binding){})[指令名] 不带v-[el] 使用指令的DOM元素[binding] 是个对象 含有调用指令时传入的 参数局部定义new Vue({ directives:...

2020-03-10 10:19:17 132 1

原创 vue调试工具dev-tools安装

vue-devtools是一款基于chrome浏览器的插件,用于vue应用的调试,帮助我们快速的调试开发vue应用。第一步:我们可以先从github上找到vue-devtools的项目,下载到本地。下载vue-devtools链接。克隆方法:git clone https://github.com/vuejs/vue-devtools.git第二步:解压下载好的文件,进入到vu...

2020-03-04 15:51:59 3861 3

原创 vue 双向绑定及原理

可以用v-model指令在表单<input>、<textarea>及<select>元素上创建双向数据绑定。注意:v-model会忽略所有表单元素的value、checked、selectedattribute 的初始值而总是将 Vue 实例的数据作为数据来源。你应该通过 JavaScript 在组件的data选项中声明初始值。v-...

2020-03-02 20:57:49 140

原创 v-show VS v-if 和computed VS methods

vue中条件渲染一段dom可以根据数据有条件的渲染,使用指令v-show,或者v-if都可以,对应的值是布尔值<div v-show="true">box1</div><div v-if="false">box2</div>v-show VS v-if 区别,根据需要选择。 v-show="布尔" v-if="布尔"...

2020-03-02 14:14:38 224

原创 session vs token

性能 session token 服务端保存用户信息 √ × 避免CSRF攻击 × √ 安装性 一般 高 多服务器粘性问题 存在 不存在 多服务器粘性问题当在应用中进行 session的读,写或者删除操作时,会有一个文件操作发生在操作系统的temp 文件夹下,至少在第一次时。假设有多台服务器并且 session ...

2020-02-26 22:17:53 117

原创 supervisor和nodemon监视包报错

更新了一下node,安装了两个监视模块(包),一个是supervisor,一个是nodemon。首先先全局安装 npm install -g supervisor nodemon安装成功之后,开始监视文件,出现如下报错: Usage: nodemon [nodemon options] [script.js] [args] See "nodemon --help" for m...

2020-02-22 13:01:11 5275 4

原创 图片地址403的问题

之前碰到一个问题,就是html中通过img标签引入一个图片地址,报403。但是这个图片地址直接复制出来在地址栏打开,却是看得到的。

2020-02-18 21:57:25 588

原创 Js实现在数组内多个删除 Js数组内多个对象删除

// arr1:数组 arr2:重复 function remove(arr1, arr2) { for (let i = 0; i < arr2.length; i++) { for (let j = 0; j < arr1.length; j++) { ...

2020-02-16 19:30:29 2605

原创 vue-router参数query改变页面url不改变及不更新数据

路由本身有query参数,但是我点击更新了query,也push了,页面url不改变,这个时候其实用到了对象的拷贝,你需要对query对象做拷贝,对象的深拷贝和浅拷贝 let query = this.$router.history.current.query; let path = this.$router.history.current.path; //...

2020-02-16 12:12:18 4836

原创 for 循环中setTimeout(function () { console.log(i)},100)中的异步问题

for(var i=0;i<=3;i++){ setTimeout(() => { console.log(i) }, 1000);}//四次4这道题涉及了异步、作用域、闭包settimeout是异步执行,10ms后往任务队列里面添加一个任务,只有主线上的全部执行完,才会执行任务队列里的任务,当主线执行完成后,i是4,所以此时再去执行任务...

2020-02-16 12:07:08 2570

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除