- 博客(88)
- 资源 (1)
- 收藏
- 关注
RSS订阅转载 remote: HTTP Basic: Access denied的解决方法
问题git执行 git clone 或者 git push 报以下错误： remote: HTTP Basic: Access denied fatal: Authentication failed for 'http://git.xxxx.com/xxxxx.git/'原因账号密码验证不通过，密码或者权限不对，导致 Git 操作失败。解决方法一 (最有效)输入：git config --system --unset credential.helper再次进行 Git 操作，输入正确的用户
2021-03-27 16:08:46
68328
12
原创 使用＜details＞标签在网页里面添加脚注
使用 details 标签可以为文章添加相应注解代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> d
2020-12-25 10:41:40
1079
原创 实现深度克隆/拷贝,解决循环引用
基础版(不能解决循环引用)基础版 function deepClone(obj){ // 如果参数为空则直接返回,如果为日期/正则 则也直接返回； if( obj == null ) return obj; if( obj instanceof Date ) return new Date(obj); if( obj instanceof RegExp ) return new RegExp(obj); if(typeof obj !== 'object') return
2020-10-28 11:51:24
1322
原创 js - 回调函数的应用技巧之切片编程
应用场景：在不改动原函数的情况下，在函数前执行另一个函数； // 前置函数 在当前函数执行前面增加一个函数实现再不更改原函数的情况下 对目标进行预处理; Function.prototype.before = function(callBack){ let that = this; // 将 this 指向原函数； return function(){ callBack() // 执行 前置函数 that.apply(that, arguments) // 执行原函数
2020-10-15 15:04:46
378
原创 js - 回调函数的应用技巧之计数执行
在一些业务场景会有两个独立函数共同修改一个对象，而我们又不知道对象什么何时完成的时候，就要用回调函数来进行解决。如：有两个单独文本文件，我们需要获取里面的内容来填充一个对象，我们在填充完成之后来获取对象。获取文本文件并填充 let fs = require('fs'); function fn(acount, callBack){ let obj = {}; return function(key, data){ obj[key] = data; // 计数自
2020-10-15 10:20:30
318
1
转载 转：函数防抖与节流
在前端开发的过程中，经常会需要绑定一些持续触发的事件，如 resize、scroll、mousemove 等等，但有些时候我们并不希望在事件持续触发的过程中那么频繁地去执行函数。所以诞生了 防抖与节流函数防抖（debounce）所谓防抖，就是指触发事件后在 n 秒内函数只能执行一次，如果在 n 秒内又触发了事件，则会重新计算函数执行时间。页面部分<div id="box" style="height:150px;line-height:150px;text-align:center; colo
2020-10-14 11:56:32
133
转载 转载：掘金头像的旋转（transform）
css 实现掘金个人主页的旋转头像#pic:hover { transform: rotate(666turn); transition-property: all; transition-duration: 59s; transition-timing-function: cubic-bezier(.34,0,.84,1); transition-delay: 1s;}首先给任意的元素加上这些css就可以进行旋转了。查看了一下这些属性的意思，下面介绍一下
2020-09-23 09:46:53
373
转载 hexo+next 增加搜索功能
1、安装本地搜索插件 hexo-generator-search在博客根目录安装搜索插件 # 安装插件，用于生成博客索引数据（在博客根目录下执行下列命令）： npm install hexo-generator-search --save安装之后，会在站点目录的 public 文件夹下创建一个 search.xml 文件。（如果没有 search.xml 文件，请继续往下看）2、修改站点配置文件(如果上一步没有找到 search.xml文件 则可以跳过 )在主题配置文件中的 _config
2020-09-17 11:08:03
813
1
转载 python [:-1] [::-1]的理解
line = “abcde”line[:-1]结果为：‘abcd’line = “abcde”line[::-1]结果为：‘edcba’line[:-1]其实就是去除了这行文本的最后一个字符（换行符）后剩下的部分。问题不难，但是 还是要Maker 一下。
2020-09-16 22:13:39
428
转载 Python出现Could not find a version that satisfies the requirement openpyxl (from versions: )
一.环境使用python3.7时，用pip安装openpyxl出现如下错误：二. 解决方案可能是python国内网络的问题，这时我们用国内的镜像源来加速。pip install 包名 -i http://pypi.douban.com/simple/ --trusted-host pypi.douban.com# 这个是豆瓣源# --trusted-host pypi.douban.com 这是为了获得ssl证书的认证，要不然会报错三. pip和pip3的区别其实这两个命令效果是一样的
2020-09-14 16:16:59
632
原创 你不知道的快速复制数组小秘密
方法1、arrayObject.slice(start,end) 快速深度复制一个多维数组关于 slice(start,end)方法说明参数描述start必需。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推。end可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数，那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数，那么它规定的是从数组尾
2020-09-11 14:16:44
223
转载 UnicodeEncodeError: ‘gbk‘ codec can‘t encode character ‘\xa0‘ in position 67008: illegal multibyte s
使用Python写文件的时候，或者将网络数据流写入到本地文件的时候，大部分情况下会遇到：UnicodeEncodeError: ‘gbk’ codec can’t encode character ‘\xa0’ in position … 这个问题。 网络上有很多类似的文件讲述如何解决这个问题，但是无非就是encode，decode相关的，这是导致该问题出现的真正原因吗？不是的。 很多时候，我们使用了decode和encode，试遍了各种编码，utf8，utf-8,gbk,gb2312等等，该有的编码都试遍
2020-09-10 16:12:12
2943
原创 axios-配置请求拦截器
个人配置 axios 拦截器import Vue from 'vue';import axios from 'axios';import { Message } from 'element-ui';Vue.component(Message.name, Message);let sessionLoginId = sessionStorage.getItem('LoginId') || '';axios.interceptors.request.use((res) => { res.he
2020-08-06 10:07:09
342
转载 startsWith() 方法
startsWith() 方法用于检测字符串是否以指定的子字符串开始。如果是以指定的子字符串开头返回 true，否则 false。startsWith() 方法对大小写敏感。 var str = "Hello world"; var n = str.startsWith("Hello"); console.log(n) // true语法 string.startsWith(searchvalue, start)参数值参数描述searchvalue必需，要查找的字
2020-07-20 13:54:54
12739
原创 canvas生成二维码附带icon并实现下载
canvas生成二维码附带icon并实现下载https://blog.csdn.net/chy555chy/article/details/85785819利用 qrcode 生成二维码是不带 icon 的，去网上查找解决方案需要修改源码。所以只好自己开搞了效果如下：代码如下<template> <div> <!-- 二维码和icon --> <img :src="rediusIconSrc" alt="ICON">
2020-06-17 16:38:58
431
转载 css background属性合在一起写background-size background-positon
background：no-repeat scroll 56px 78px / 69px 69px rgba(0, 0, 0, 0) url(’…’);background：no-repeat scroll 56px 78px（background-position）/（分割线） *69px 69px *（background-size ） rgba(0, 0, 0, 0);...
2020-05-08 10:55:06
1187
原创 判断一个对象是否为空
如何判断一个对象是否为空1、利用 Object.keys 方法 该方法会返回当前对象内所有返回一个数组，成员是参数对象自身的（不含继承的）所有可遍历（enumerable）属性的键名。详情 Object.keys；如果数组的长度不为空那么则说明对象不为空使用方法如下： const obj = { name: '张三', age: 18, sex: '男' }; let arr = Obj...
2020-04-26 15:07:02
15121
转载 谈谈 Object.prototype.toString
ECMAScript 5在ECMAScript 5中，Object.prototype.toString()被调用时，会进行如下步骤：如果 this 是 undefined ，返回 object Undefined ；如果 this是 null ， 返回 object Null ；令 O 为以 this 作为参数调用 ToObject的结果；令 class 为 O 的内部属性 [[Cl...
2020-04-02 15:50:38
338
原创 如何在 JSON 对象中调用数组的方法
下面的代码输出结果是： let obj = { 2:3, 3:4, length: 2, push: Array.prototype.push } obj.push(1); obj.push(2); console.log(obj)分析：obj是一个对象里面有四个属性，包括push 方法，正常情况下对象是没有push() 方法的，那么pu...
2020-04-01 13:55:35
565
原创 == 和 ===究竟做了啥？
面试题：当 a 等于什么的时候下面的代码成立？ // 问： 当 a 等于什么的时候下面的代码成立 var a = ?; if (a == 1 && a == 2 && a == 3){ console.log('OK') }方案一：利用比较的时候调用 toString() 方法，来重写 toString() 方法； // 写法一： var a ...
2020-04-01 11:30:14
173
原创 关于原型你不知道的小秘密
关于原型函数的问题: function Foo(){ getName = function(){ console.log(1) } return this; } Foo.getName = function(){ console.log(2) } Foo.prototype.getName = function(){ console.log(3) }...
2020-03-31 18:10:26
208
原创 compose 函数 - reduce() 的妙用
compose函数将函数扁平化处理function fn1(x){ return x + 1;}function fn2(x){ return x + 10;}function fn3(x){ return x*10;}function fn4(x){ return x/10;}// fn1执行然后结果作为fn2参数 一直执行到fn4;fn4(fn3(fn2(fn1(...
2020-03-20 16:52:46
618
原创 mouseover和mouseenter以及mouseout和mouseleave区别
1、mouseover与mouseenter共同点：当二者都没有子元素时,二者的行为是一致的,但是二者内部都包含子元素时,行为就不同了.不同点：mouseover事件：不论鼠标指针进入被选元素或其子元素，都会触发其父级的 mouseover 事件。mouseenter事件：只有在鼠标指针进入被选元素时，才会触发 mouseenter 事件。<!DOCTYPE html>&...
2020-03-13 17:28:53
287
转载 DOM 事件深入浅出（一）
DOM级别与DOM事件DOM级别一共可以分为4个级别：DOM0级，DOM1级，DOM2级和 DOM3级，而DOM事件分为3个级别：DOM0级事件处理，DOM2级事件处理和DOM3级事件处理。如下图所示：为什么没有DOM1级事件处理呢？因为1级DOM标准中并没有定义事件相关的内容，所以没有所谓的1级DOM事件模型。1.DOM0级事件在了解DOM0级事件之前，我们有必要先了解下HTML事件...
2020-03-13 15:50:45
208
原创 js-惰性函数
利用闭包思想原来定义一个函数来根据情况执行// DOM2 事件绑定 DOM事件参考链接：DOM级别事件 // 元素.addEventListener(); // 元素.attachEvent();function emit(element,type,func) { if(element.addEventListener) { element.addEventListener(typ...
2020-03-13 14:07:04
185
原创 npm 和 cnpm 以及 npm 管理工具
1、临时使用安装包的源地址： npm --registry https://registry.npm.taobao.org install express1、临时使用安装包的源地址： npm --registry https://registry.npm.taobao.org install express1、临时使用安装包的源地址： npm config set registry ...
2020-03-09 15:32:51
532
转载 nrm : 无法加载文件 C:\Program Files\nodejs\nrm.ps1，因为在此系统上禁止运行脚本。
Win10系统 安装 nrm 出现报错：nrm : 无法加载文件 C:\Program Files\nodejs\nrm.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。所在位置 行:1 字符: 1解决办法：1、win键 + s 搜...
2020-03-09 14:04:11
8208
1
转载 npm ERR! Unexpected token in JSON at position 1 while parsing near
执行npm 任何命令报错npm ERR! Unexpected token < in JSON at position 1 while parsing near 'npm ERR! <!doctype html>npm ERR! <htm...'npm ERR! A complete log of this run can be found in:报错如下图：...
2020-01-17 16:30:51
6757
3
原创 css绘制形状
上三角#triangle-up{ width: 0px; height: 0px; color: white; text-align: center; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red;}...
2019-12-16 15:07:01
100
原创 js String padStart()自动补全操作
padStart(targetLength [, padString]) 方法用另一个字符串填充当前字符串(重复，如果需要的话)，以便产生的字符串达到给定的长度。填充从当前字符串的开始(左侧)应用的。targetLengt 目标长度padString 补充的字符串var str1 = "1";var str01 = sr1.padStart(2, '0')...
2019-12-11 09:47:55
1165
原创 element-ui 日期组件最大日期和最小日期限制
element-ui 日期组件最大日期和最小日期<el-date-picker v-model="transactionDate" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" placeholder="选择日期" value-format=...
2019-12-04 17:02:30
7807
原创 二进制数据转化为excel
原理就是通过a标签的href属性将二进制表格数据转化为表格，再通过download属性将文件下载到本地；需要注意的是接口请求的数据类型要设置为 blob 类型 具体参考 axios https://www.npmjs.com/package/axios responseType: 'blob'具体的代码 let url = window.URL.createObjectURL(re...
2019-12-04 11:52:33
3548
转载 常用 git命令大全
Git图形化界面使用容易，但是命令就不太会了, 所以学习下Git命令的用法…一般来说，日常使用只要记住下图6个命令，就可以了。但是熟练使用，恐怕要记住60～100个命令。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-x7oaswdE-1575355313902)( fetch vs pullgit fetch是将远程主机的最新内容拉到本地，用户在检查了以...
2019-12-03 15:01:24
135
原创 CSS3手工彩虹
html <div class="caihong"></div>css .caihong { width: 200px; height: 200px; border-radius: 50%; box-shadow: 0 0 0 5px inset red, 0 0 0 10px inset orang...
2019-12-02 14:13:00
305
原创 JS 正则匹配整数和小数
正则匹配正整数和小数let _check = /^([1-9][\d]{0,6}|0)(\.[\d]{1,2})?$/; //限制小数点前后位数let _check = /^([1-9][\d]*|0)(\.[\d]+)?$/; //不限制小数点前后位数_check.test('9') // true_check.test('9.9') // true_check.test('9.90'...
2019-11-27 13:43:43
8068
2
转载 html input="file" 浏览时只显示指定文件类型 如xls、xlsx、csv、
html:<input id="fileSelect" type="file" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" /> Valid Accept Types:对于 CSV 文件 (.csv), 使用...
2019-11-07 15:18:05
1189
转载 解决：Uncaught ReferenceError: regeneratorRuntime is not defined
在使用 vuex actions 里的 异步函数 （async）时，出现regeneratorRuntime is not defined 错误问题：使用 ES7 的 async/await 时报错。原因：regeneratorRuntime在浏览器上无法识别，需要安装一个babel-plugin-transform-runtime插件安装插件npm i --save-dev babe...
2019-10-23 15:43:13
8650
原创 Chrome 安装React developer tools 工具方法
安装chrome插件方法一 适合有有梯子的打开Chrome ->点击右上角 三个竖点 ->更多工具 ->扩展程序 ->点击左上角扩展程序->左下角chrome网上应用商店搜索React developer tools 点击安装方法二 没有梯子1、到react-devtools的源码仓库 https://github.com/facebook/react...
2019-07-09 14:00:56
626
原创 element-ui table行合并--支持多个行 开箱即用
项目中使用table组件的时候，存在合并列或者合并行看element-ui table组件的文档由于数据是动态获取，所以存在合并不方便的场景所以换个思路来实现合并具体代码： <el-table :data="tableData" :span-method="arraySpanMethod" border sty...
2019-06-21 09:35:29
7453
11
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人