自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

晏紫苏_cc的博客

博客内容均为开发历程中的积累总结。

  • 博客(61)
  • 收藏
  • 关注

原创 nrm -- NPM registry manager

nrm管理镜像源

2023-01-05 21:00:00 328

原创 node多版本管理 mac篇

同时开发多个项目时,多个项目使用的不同的Node版本,互相不兼容,可使用Node版本管理工具n在不同的Node版本中切换。

2023-01-05 20:30:00 2895 1

原创 git remote: HTTP Basic: Access denied 错误解决办法

当git账号或密码发生变化时,再提交拉取代码时会报git remote: HTTP Basic: Access denied 错误,原因:本地git配置的用户名、密码与gitlabs上注册的用户名、密码不一致解决方案:git config -system -unset credential.helper1:执行后重新输入账号密码就可以了2:如果以上命令没有效果,继续执行下面命令git config --global http.emptyAuth true3:如果以上都不起作用,控制面板》

2021-06-21 09:09:20 5940

原创 git ssh key 生成

1先查看当前的配置,执行命令,效果见下图git config --global --list设置git提交用户名git config --global user.name "你的名字"设置git提交邮箱git config --global user.email "[email protected]"生成 SSH Keyssh-keygen -t rsa -C "123.163.com"不用设置密码,连续按3次Enter键盘回到根目录cd ~/找到.ssh文件夹cd .ssh/

2021-06-21 08:55:36 160

原创 Chrome 断点调试时 解决看不到嵌套路径js文件源码问题

打开控制台,点击右上角的第一个设置图标,见下图:source面板中支持展开搜索代码块(默认不支持)

2021-06-01 10:59:34 642

原创 诗经•秦风•蒹葭

诗经•秦风•蒹葭蒹葭苍苍,白露为霜。所谓伊人,在水一方。溯洄从之,道阻且长。溯游从之,宛在水中央。蒹葭凄凄,白露未晞。所谓伊人,在水之湄。溯洄从之,道阻且跻。溯游从之,宛在水中坻。蒹葭采采,白露未已。所谓伊人,在水之涘。溯洄从之,道阻且右。溯游从之,宛在水中沚。注释:1 蒹(jiān):没长穗的芦苇。2 葭(jiā):初生的芦苇。3 苍苍:茂盛的样子。4 白露:露水是无色的,因凝结成霜呈现白色,所以称“白露”。5 所谓:所说的。6 伊人:这个人。7 一方:那一边,指对岸。8 溯(sù

2021-01-28 15:41:28 358

原创 诗经·卫风·木瓜

诗经·卫风·木瓜投我以木瓜,报之以琼琚,匪报也,永以为好也。投我以木桃,报之以琼瑶,匪报也,永以为好也。投我以木李,报之以琼玖,匪报也,永以为好也。注释:[1]木瓜:今名相同,又叫榠楂,木本植物,果实长椭圆形,状如小甜瓜,一端有鼻状突起,水煮后可食。一说木瓜、木李和木桃,都不是真正的果实,而是木质的假果。 [2]琼琚(jū):佩玉,美玉为琼。 [3]匪:即非。 [4]以为好:因为琼琚是玉石,要比木瓜贵重很多,所以诗说回报不是为交换,而是为真情交好。 [5]木桃:与木瓜树科属相同,为可观赏植物,枝有

2021-01-28 15:34:59 243 2

原创 诗经·周南·桃夭

桃之夭夭,灼灼其华。之子于归,宜其室家。桃之夭夭,有蕡其实。之子于归,宜其家室。桃之夭夭,其叶蓁蓁。之子于归,宜其家人。注释:1 夭夭(yāo):茂盛,生机勃勃的样子。2 灼灼(zhuó):鲜艳的样子。3 之:这。4 子:指女子,古代女子也称“子”。5 于:往。6 归:出嫁。后来称女子出嫁为“于归”。7 宜:和顺。8 室家:家庭。此指夫家,下面的“家室”、“家人”均指夫家。9 蕡(fén):果实硕大的样子。10 蓁蓁(zhēn):树叶繁盛的样子。...

2021-01-28 15:33:33 204

原创 诗经·周南·关雎

诗经·周南·关雎关关雎鸠,在河之洲,窈窕淑女,君子好逑。参差荇菜,左右流之,窈窕淑女,寤寐求之。求之不得,寤寐思服,优哉游哉,辗转反侧。参差荇菜,左右采之,窈窕淑女,琴瑟友之。参差荇菜,左右芼之,窈窕淑女,钟鼓乐之。注释:[1]关关:状声词,形容鸟叫声。雎(jū)鸠:又名王雎,水鸟,是一种候鸟,初春时节出现在北方。 [2]洲:河流中的小高地。又称沙洲。两句的意思是:北方的河洲上出现了捕鱼的雎鸠。 [3]窈窕:联绵词。女子内有气质,外有仪容,称窈窕,庄重高雅的意思。淑女:贤德女子。淑,善。 [4

2021-01-28 15:21:32 289 1

原创 vue-cli-service serve启动报错 TypeError: Cannot read property ‘upgrade‘ of undefined

项目启动,报错如下:$ vue-cli-service serve INFO Starting development server...<s> [webpack.Progress] 0% compiling<s> [webpack.Progress] 10% building 0/0 modules 0 active<s> [webpack.Progress] 10% building 0/1 modules 1 active multi D:\item\c

2021-01-04 17:15:52 2880

原创 命令行打开当前目录文件夹或文件

cd 当前目录start . // 空格 + 点

2020-12-29 15:46:46 2593

原创 git config 常见命令配置用法

git config命令用于获取并设置存储库或全局选项,这些变量可以控制Git的外观和操作的各个方面。配置文件的存储位置git变量可以被存储在3个不同位置:1./etc/gitconfig文件:包含了适用于系统所有用户金额所有库的值,如果你传递参数选项--system给git config,他将明确的读和写这个文件。2.~/.gitconfig文件:具体到你的用户,可以通过传递--global选项使Git读或写这个特定的文件。3.位于git目录的config文件(也就是.git/config),无

2020-12-29 15:28:54 1440

原创 把pre-commit文件改成 unix文件格式

pre-commit 文件定义为unix文件格式注意,需要使用unix文件编码git hooks 需要的 shell脚本,需要是unix文件格式才能正常运行。否则windows10系统会抛出换行符错误,而macOS则会抛出 pre-commit 不是文件或者文件夹的错误。需要打开bash,使用如下命令修改,方可正常使用。第一步: 文件头部增加这一行代码#!/bin/bash第二步:打开配置文件vi ./.git/hooks/pre-commit第三步:设置文件格式为unix文件,(ff

2020-12-29 14:46:37 211

原创 git remote: HTTP Basic: Access denied 错误解决办法

修改局域网密码,或git密码后, 发现任何操作都会抛出这个git remote: HTTP Basic: Access denied错误,原因就是本地的git配置的用户名、密码和gitlab上注册的用户名、密码不一致了,需要同步一下密码解决方案:windows解决方案可采用:控制面板==>用户账户==>凭据管理器==>Windows凭据==>普通凭据,找到git://的一条,点击“编辑”,修改密码即可。命令行解决方案:git config –syste.

2020-12-29 10:02:29 3690 1

原创 悬浮按钮,可拖动元素,并且具有惯性和边缘反弹效果

手机端实现悬浮按钮,可拖动元素,并且具有惯性和边缘反弹效果

2020-07-28 17:27:20 422

原创 vue $attrs、$listeners、inherit的用法

文章目录input事件与change事件的区别vue $attrs 和 $listeners 和 inheritAttrsinput事件与change事件的区别注: 每当元素的 value 改变,input 事件都会被触发。这与 change 事件不同。change 事件仅当 value 被提交时触发,如按回车键,从一个 options 列表中选择一个值等。vue $attrs 和 $listeners 和 inheritAttrslisteners:想要孙组件修改父组件的值:在子组件中绑定v−o

2020-07-13 15:58:40 269

原创 js防抖和节流

函数防抖(debounce): 在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时。查看效果,看此栗子// 模拟一段ajax请求function ajax (content) { console.log('ajax request' + content)}let input = document.getElementById('unDdebounce')input.addEventListener('keyup', function (e) { ajax(e.target

2020-07-13 15:46:32 134

原创 浅谈对ArrayBuffer的理解

##ArrayBufferArrayBuffer对象、TypedArray视图和DataView视图是Javascript操作二进制数据的一个接口,这些对象早就存在,属于独立的规格(2011年2月发布),ES6将他们纳入了ECMAScript规格,并且增加了新的方法,他们都是以数组的语法处理二进制数据,所以统称为二进制数组。这个接口的原始设计的目的,与WebGL项目有关。所谓WebGL,就是指浏览器与显卡之间的通信接口,为了满足JavaScript与显卡之间大量的、实时的数据交换,他们之间的数据通信必须

2020-07-13 15:41:39 1123

原创 浅谈对闭包的理解

理解闭包首先必须理解变量作用域,Javascript有两种作用域:全局作用域和函数作用域。函数内部可以直接读取全局变量。var n = 999function f1 () { console.log(n)}f1() // 999上面代码中,函数发可以读取全局变量n。但是函数外无法读取函数内部生命的变量。function f1() { var n = 999}console.log(n) // Uncaught ReferenceError: n is not defined由

2020-07-13 15:35:49 212

原创 JavaScript事件运行机制

文章目录Macrotasks和MicrotasksMacrotasks 和Microtasks都属于异步任务中的一种,我们先看下他们分别是哪些API:macrotasks: setTimeout, setInterval, setImmediate, I/O, UI renderingmicrotasks: process.nextTick, Promises, Object.observe(已废弃), MutationObserver我们先来看下setTimeout的macrotask和Pro

2020-07-13 15:29:20 211

原创 数组相关常用计算方法

数组常用方法:排序、去重、求和、冒泡、递归、Array.form、Array.of、Array.find、Array.findIndex、Array.includes

2020-07-13 15:21:10 1263

原创 vue webpack动态的引入组件

vue项目中会创建很多公共的组件,使用这些组件时需要每个页面都需要引入一次,有时会是同一个组件多个页面都需要引入,就会觉得很繁琐,可以使用下面这段代码进行动态的引入当前目录下的所有vue文件,截取组件名称,统一注册后,就可以在任何一个也i按直接使用,从而不再需要import。也可以配置路径,获取任意路径的组件进行注册。/** * 借助webpack使用require.context()方法创建自己的(模块)上下文,从而实现自动动态require组件。 * 该方法需要三个参数:要搜索的文件夹目录、是

2020-05-25 13:19:56 1644

原创 查看vue版本号

正确查看vu版本号

2020-05-22 19:36:39 49405 8

原创 如何在Mac OS X上安装python 3的pip?

# download and install setuptoolscurl -O https://bootstrap.pypa.io/ez_setup.pypython3 ez_setup.py# download and install pipcurl -O https://bootstrap.pypa.io/get-pip.pypython3 get-pip.py验证:...

2019-08-22 16:54:47 1289

原创 Mac升级Python 3.x

如果你正在使用Mac,系统是macOS x>10.9,那么系统自带的Python版本是2.7。要安装最新的Python 3.7 有两个方法:方法一:从Python官网上下载Python 3.7的安装程序,双击,并进行安装;方法二:如果安装了HomeBrew,直接通过命令安装:brew install python3查看python是否安装成功 : 在终端输入python出现&g...

2019-08-20 10:08:56 2737

原创 更新npm版本,查看、设置淘宝/npm镜像 命令

升级npm版本npm install -g npm查看npm镜像npm config get registry切换淘宝镜像npm config set registry https://registry.npm.taobao.org切换npm镜像npm config set registry https://registry.npmjs.org...

2019-08-19 10:40:28 3683

原创 npm install 出现npm WARN tar ENOENT: no such file or directory, ..../node_modules/.staging/...解决办法

npm install 一直失败,出现以下:npm WARN tar ENOENT: no such file or directory, lstat '/demo/node_modules/.staging/stylelint-f14e63b6/lib/rules/declaration-property-unit-blacklist'npm WARN tar ENOENT: no su...

2019-07-23 13:27:02 70099 21

原创 js 生成barcode条形码和qrcode二维码

1:生成条形码npm install jsbarcodenpm install qrcode<!-- 条形码区域 --> <div class="barcode center" > <img id="barcode"> <div class="barcode-text">1234567890</div...

2019-07-22 19:08:04 3934

原创 npm install node-sass 失败的解决办法

sudo npm install --unsafe-perm -g node-sass

2019-07-19 15:28:53 2278

原创 css实现表单 文字两端对齐

文字两端对齐<div class="form"> <div>姓名</div> <div>手机号码</div> <div>用户名</div> <div>密码</div></div><style>.form div { width: 100...

2019-05-17 16:09:51 784

原创 多行文本显示省略、解决vue build 打包不生效问题

多行文本显示隐藏<style>.text { text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient:vertical;}</style>遇到的问题:-webkit-box-...

2019-05-17 15:53:31 629

原创 使用pre标签实现html识别文本中换行符,内容超出时并支持自动换行

&lt;pre&gt;1:第一行文字第一行文字第一行文字第一行文字第一行文字第一行文字第一行文字2:第二行文字第二行文字第二行文字第二行文字第二行文字第二行文字第二行文字3:第三行文字第三行文字第三行文字第三行文字第三行文字第三行文字第三行文字4:第四行文字第四行文字第四行文字第四行文字第四行文字第四行文字第四行文字&lt;/pre&gt;pre { font-famil...

2018-12-25 15:24:03 11064

原创 String对象的常用方法和属性

String对象的属性:属性 描述 constructor 对创建对象的函数的引用 length 字符串的长度 prototype 允许您向对象添加属性和方法 String对象的常用方法:方法 描述 返回值 concat(str1,str2...) str1:必需,被连接为一个字符串的一个或多个字符串对象 string本身...

2018-11-08 17:28:56 922

原创 Array对象的常用方法和属性

Array对象的属性:属性 描述 constructor 返回对创建此对象的书函数的引用。 length 返回数组的长度。 prototype 是您有能力向对象添加属性和方法。 Array对象的常用方法:方法 描述 返回值 slice(start,end) start:必需,规定从何处选取,如果是负数,name他规定从数组尾部开...

2018-11-08 16:27:29 488

原创 vue build 之后页面 -webkit-line-clamp: 2; -webkit-box-orient: vertical;失效不起作用

找到./build/webpack.prod.config.js 文件 找到下面的这段代码 注释掉 重新打包即可// -webkit-line-clamp、-webkit-box-orient vue打包后不起作用 注释下面这段代码 new OptimizeCSSPlugin({ cssProcessorOptions: config.build.productionSo...

2018-10-29 16:36:24 1354

原创 vue修改element-ui el-table的样式,如header的字体颜色、背景色和tr的字体颜色、背景色

&lt;template&gt; &lt;el-table :data="tableData" :row-style="tableRowStyle" :header-cell-style="tableHeaderColor"&gt; &lt;el-table-column property="name" label="

2018-08-30 13:56:50 67859 11

原创 vscode 使用ESLint 自动检查,保存时自动格式化

1:全局安装eslint npm install -g eslint2: 打开vscode 点击  “文件”-----》“首选项”----》“设置”,在右侧“用户设置”里加入一下配置:{ //eslint 代码自动检查相关配置 "eslint.enable": true, "eslint.autoFixOnSave": true, "eslint...

2018-08-29 11:23:22 17252

原创 vscode 取消保存时自动格式化

在应用商店中找到JS-CSS-HTML Formatter 禁用掉就会不会出现保存时 自动格式化了

2018-08-29 11:06:39 24766 6

原创 用vuex state实现headerNav组件的购物车数量实时更新(双向绑定)

加入购物车时,使用vuex state保存数据,及时更新header组件里购物车按钮的数量headerNav组件代码:&lt;el-badge v-if="cartCount" :value="cartCount" :max="99"&gt;    &lt;el-button class="cart-btn" round size="small"&gt;   

2018-07-16 14:56:14 1746

原创 vue 实现全选,反选功能

一般需要用到全选和反选的示例比如:购物车,批量添加,批量删除等 //需要用到的变量itemList: [], // 商品列表totalPrice: 0, //商品总价格isCheckAll: false, //全选的checkbox是否选中isChecked: false, //某个checkbox是否选中checkedIdList: [], //选中的商品的id组合...

2018-06-28 14:56:10 1184

空空如也

空空如也

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

TA关注的人

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