自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

COCOLI_BK的博客

一起进步,分享干货ing...

  • 博客(38)
  • 资源 (10)
  • 收藏
  • 关注

原创 Vue---vue中使用nprogress插件-进度条的方法

放在导航守卫中使用:1、安装$ npm install --save nprogress 或者$ yarn add nprogress//用法NProgress.start();NProgress.done();2、使用router.js//导入import NProgress from 'nprogress'import 'nprogress/nprogr...

2019-12-24 10:54:46 2189

原创 npm------npm install -S -D -g 有什么区别

npm install -S -D -g 有什么区别npm install module_name -S 即 npm install module_name --save 写入dependenciesnpm install module_name -D 即 npm install module_name --save-dev 写入devDependencie...

2019-12-20 14:04:19 362

原创 vue------This dependency was not found: * !!vue-style-loader!css-loader? 解决方案

但是当你新建一个vue项目时,需要重新安装stylus,否则报错:This dependency was not found:* !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../node_modules/vue-loader/lib/style-compiler/index?{"vue":t...

2019-12-19 16:19:07 514

原创 vue------provide & inject 依赖注入(层级较深时组件之间传值)

前置介绍:provide/inject需要一起使用,以允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在起上下游关系成立的时间里始终生效。如果你熟悉 React,这与 React 的上下文特性很相似父组件中:<template> <div id="app"> {{count}} <child-co...

2019-12-19 09:23:41 922

原创 vue------vue中mixins(混入)的使用方法和注意点

vue中的解释是这样的,如果觉得语言枯燥的可以自行跳过嘿~混入 (mixins): 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被混入该组件本身的选项。mixins的特点: 方法和参数在各组件中不共享举个栗子:1. 定义一个混入对象2. 把混入对象混入到当前的组件中(组件1...

2019-12-18 16:57:04 2062

原创 vue------props组件传值时的类型及写法

前置说明:注意在 JavaScript 中对象和数组是通过引用传入的,所以对于一个数组或对象类型的 prop 来说,在子组件中改变这个对象或数组本身将会影响到父组件的状态。支持类型:type 可以是下列原生构造函数中的一个:StringNumberBooleanArrayObjectDateFunctionSymbol额外的,type 还可以是一个自定义的...

2019-12-18 16:18:41 3761

原创 Vue---组件传值总结(父子、子父、非父子三种传值方式)

前置说明:借鉴来源1.单向数据流:只能父组件向子组件传递信息,子组件不能向父组件传递信息2.在组件中使用从props传来的数据可以直接用this.xxx来获取3.数据验证:在HTML中绝对不允许使用驼峰,因为HTML会把大写全部转化为小写。在props中可以用驼峰或短横线,在template和data、this.xxx中只能使用驼峰,这是因为在vue中短横线会被误认为减号,会报错。即............

2019-12-18 15:55:43 755

原创 vue-----不会触发响应式数据更新的情况

Array数组中:由于 JavaScript 的限制,Vue不能检测以下数组的变动:当你利用索引直接设置一个数组项时,例如:vm.items[indexOfItem] = newValue 当你修改数组的长度时,例如:vm.items.length = newLength数组:var vm = new Vue({ data: { items: ['a', ...

2019-12-17 16:38:24 1275

原创 vue------修饰符总结之事件修饰符、按键修饰符、系统修饰符、按键码~

事件修饰符:(使用修饰符时,顺序很重要;相应类型的代码会顺序产生)事件修饰符:方法只有纯粹的数据逻辑,而不是去处理 DOM 事件细节。为了解决这个问题,Vue.js 为 v-on 提供了事件修饰符。之前提过,修饰符是由点开头的指令后缀来表示的。.stop <!--阻止单击事件继续传播,即只会作用在对元素上面,阻止冒泡事件的发生,更不会有捕获了-->.prev...

2019-12-17 14:10:04 596

原创 vue------关于条件渲染v-if、v-show的相关总结

两者相关定义:v-if指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。v-show就简单得多——不管初始条件是什么,元素总是会被渲染,并且只是简单地基于 CSS 进行切换display。使用场景:一般来说,v-if 有更高的切换开销,而 v-show 有更高的初始渲染开销。因此,如果需要非常频繁地切换,则使用 v-show ...

2019-12-17 11:28:06 588

原创 Git------git rebase变基操作的总结

就根据下图初始图看:变基定义:提取在 C4 中引入的补丁和修改,然后在 C3 的基础上应用一次。在 Git 中,这种操作就叫做 变基。git rebase变基合并与 git merge合并:1.整合分支最容易的方法是 merge 命令。 它会把两个分支的最新快照(C3 和 C4)以及二者最近的 共同祖先(C2)进行三方合并,合并的结果是生成一个新的快照(并提交)。2....

2019-12-17 10:41:34 758

原创 vue------在vue中使用css modules替代scroped

原文章地址:https://www.cnblogs.com/xiaohuochai/p/8537959.htmlscoped与module区别:scoped 属性会自动添加一个唯一的属性 (比如 data-v-21e5b78) 为组件内 CSS 指定作用域,编译的时候 .list-container:hover 会被编译成类似 .list-container[data-v-21e5b7...

2019-12-16 16:24:31 258

原创 Vue------vue风格指南,指定相应规则

1.如何使用 GitHub 上 Vue 最新的源码描述:GitHub 仓库的/dist文件夹只有在新版本发布时才会提交。如果想要使用 GitHub 上 Vue 最新的源码,你需要自己构建!git clone https://github.com/vuejs/vue.git node_modules/vuecd node_modules/vuenpm installnpm ru......

2019-12-16 15:28:51 332

原创 git------跟踪远程分支之git checkout 常用方法以及另类新解

1.如果在一个跟踪分支上输入 git pull,Git 能自动地识别去哪 个服务器上抓取、合并到哪个分支。2.如果通过git checkout -b 新创建的分支推送的时候会提示要求你跟踪远程某个分支一、创建新分支并跟踪分支:将本地分支与远程分支设置为不同名字,且关联成功:运行 git checkout -b [本地branch名] [remotename]/[远程bra...

2019-12-13 17:06:11 2107

原创 git------git remote 查看操作远程分支

usage: git remote [-v | --verbose] or: git remote add [-t <branch>] [-m <master>] [-f] [--tags | --no-tags] [--mirror=<fetch|push>] <name> <url> or: git remote ren...

2019-12-13 16:41:45 4584

原创 Git---git branch相关属性极限汇总讲解

将跟踪的远程分支修改【--set-upstream-to】展示出不存在提交数据的分支名【--no-contains】查看未合并到当前分支的其他分支【--no-merged】查看已合并到当前分支的其他分支【--merged】展示出存在提交数据的分支名【--contains】设置跟踪分支【--set-upstream】删除远程分支【-d -r】删除本地分支【-d|-D】重命名分支【-m|-M】删除分支时,突然想撤回。查看本地分支【-l】查看远程分支【-r】查看所有分支【-a】查看分支信息【-v|...

2019-12-13 16:02:22 734

原创 布局------grid(二维网格)布局篇

CSS Grid 网格布局一、概述1. 网格布局(Grid)是将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局2. Flex 布局是轴线布局,只能指定"项目"针对轴线的位置,可以看作是一维布局。3. Grid 布局则是将容器划分成"行"和"列",产生单元格,然后指定"项目所在"的单元格,可以看作是二维布局。二、基本概念2.1 容器和项目采...

2019-12-13 15:16:59 1210

原创 布局------flex弹性布局(一维)

简单说就是:只能控制一个方向(vertical 或者 horizontal)一、Flex 布局是什么?Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。注意,设为 Flex 布局以后,子元素的float、clear和vertical-align属性将失效。二、基本概念...

2019-12-13 11:31:51 400 2

原创 布局------定位布局篇

什么是定位布局:​ 可以通过上下左右四个方位完成自身布局的布局方式定位方式 参考系 是否脱离文档流 相对定位 自身原有位置 否 绝对定位 最近’‘定位’'父级 是 固定定位 文档窗口 是 二.相对定位参考系: 自身原有位置position: relative ==> 打来了四个定位方向1. top | bo...

2019-12-13 09:43:14 231

原创 布局------等高布局篇

等高布局:(自适应)第一种:采用table table-cell即可 #container { /* 表格的单元格默认是等高的 */ display: table; } .inner { display: table-cell; width: 300px; } .inner...

2019-12-13 09:35:51 212

原创 布局------等分布局篇(宽度等分)

等分布局:(自适应)第一种:子盒子使用float + width 百分比 #container { height: 300px; } .box { width: 25%; height: 300px; float: left; text-align: center...

2019-12-13 09:34:50 720

原创 布局------圣杯和双飞翼布局篇(圣杯------双飞翼)

圣杯布局:(两边定宽,中间自适应): 第一种:flex实现圣杯布局 .w200 { /* 左右定宽 */ width: 100px; height: 500px; background-color: green; } .parent { display: flex; /* f...

2019-12-13 09:32:17 240

原创 布局------二、三列布局篇

两列布局:(一边定宽,一边自适应的布局) 第一种:(左边定宽加浮动,右面margin-left:左面盒子宽度) 这一种方式的缺点:应为浮动,所以当右面盒子的子元素中样式含有:clear:both:会影响到左侧的盒子的浮动,高度会被撑起来,既不会到一行了~~~(所以采用该方式实现两列布局时,注意不要用该属性哦) .box:first-child { floa...

2019-12-13 09:29:01 259

原创 vue------Class与Style的数据绑定

Class数据的绑定:1.传给 v-bind:class 一个对象,以动态地切换 class:<div class="static" v-bind:class="{ active: isActive }"></div>data: { isActive: true}渲染结果:<div class="static active"></di...

2019-12-12 17:28:41 249

原创 Vue---计算属性computed(传参使用)

对于任何复杂逻辑,你都应当使用。

2019-12-12 16:43:46 268 1

原创 JavaScript高级程序设计3------(第二章)在HTML中使用JavaScript

HTML4.01为该标签定义了下列六个属性:async : 可选。表示应该立即下载脚本,但不妨碍其他操作。比如下载其他资源或等待加载其他脚本。只对外部脚本有效 charset:可选。表示通过src属性指定的代码字符集。一般浏览器会忽略,基本不使用。 defer:可选。表示脚本可以延迟到文档完全被解析并显示后再执行。只对外部脚本有效。等同于将脚本放在body结尾处一个效果,基本可以废掉。当然...

2019-12-12 11:46:37 191

原创 jquery------判断浏览器是否支持某一css属性(一个方法解决)

(function (temp) { if (temp.style["transition"] !== undefined) { return true; } return false })(document.createElement('div'))将其放入浏览器控制台,...

2019-12-11 23:33:10 287

原创 git------git add 新解 -i -p

交互式暂存(新版git):git add -i | -interactive // 进入交互式暂存编辑界面git add -p | --patch // 文件局部内容操作(暂时没看懂)交互式暂存(新版git):git add -i | -interactive // 进入交互式暂存编辑界面 staged unstaged path...

2019-12-11 11:42:14 2691

原创 Git---git tag 创建、删除、共享、检出标签

1. 展示标签 2. 只列1.8.5系列 3. 查看某一个标签的详细信息 4. 列出以开头的所有tag5. 创建标签 6. 推送标签7. 切换标签 8. 删除标签 9. 拉取标签10. 检出标签下面是更详细的说明介绍,供参考:

2019-12-11 11:38:50 2927 1

原创 知识点------js判断早上好,上午好,下午好,傍晚好,晚上好

➢ 时间状态js判断早上好,上午好,下午好,傍晚好,晚上好➢ 解析原理根据当前客户端时间或者服务器返回的时间来判断.获取时间中的小时的值(24小时),通过判断时间段返回对应的文本➢ 定义函数定义一个函数let getTimeState = () => {// 获取当前时间let timeNow = new Date();...

2019-12-06 14:32:43 3230

原创 String------JSON.parse的伙伴JSON.stringify

JSON.stringify ( value [, replacer] [ , space] ) :后两个参数为可选参数,下面会介绍 将 JavaScript 值转换为JavaScript 对象表示法 (Json) 字符串。注意:value中的方法不会转换成字符串,仅转换各种值类型和数组。参数说明:https://www.cnblogs.com/xiaoniuzai/p/641912.........

2019-12-04 22:54:11 365

原创 知识点------文字超出(单行,两行)显示省略号(...)

文字超出单行不换行,显示省略号.word { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; --------------- 单词不换行 word-wrap: break-word; --------------- 整个单词换行 word-break: break-all; -...

2019-12-04 22:04:59 413

原创 小程序------post请求阿里云API数据时的会出错的解决方案(会报400 bad requested)

即在post传参获取数值时可能会报400 bad requested,解决方案:就是 在header中改变Content-Type的类型(默认application/json)

2019-12-04 10:40:40 976

原创 Git---git commit --amend -m ‘信息‘ 实现追加提交为一次提交

记住是最新的那次提交哦!

2019-12-03 11:22:52 6938 6

原创 jquery ------事件绑定的方法总结(on | addEvevtListener | attachEvent )

用on绑定off解绑// onclick绑定document.body.onclick = () => {console.log(111)}// 解绑document.body.onclick = null;=================================================jquery写法:绑定$(dom).click([子...

2019-12-02 15:36:36 606

原创 git------git bash命令行 操作文件和文件夹

创建文件:touch demo.txtecho '#' >> README.mdvim demo.md手动创建查看文件:cat demo.txt编辑文件:这里是vim编辑文件时的对应命令:https://blog.csdn.net/COCOLI_BK/article/details/102516102vim demo....

2019-12-02 11:49:18 721

原创 git------git reset 回退版本(--mixed、--hard、--soft)

git reset命令。有三个常用参数:--soft,--mixed,--ha参数汇总:git reset [--soft | --mixed | --hard] 参数参数:1.HEAD 最近一个提交(倒数第一次)2.HEAD^ 上一次提交(倒数第二次)3.HEAD^^ 上一次的上一次提交(倒数第三次)4.HEAD^^^ 倒数第四次提交----------------...

2019-12-02 11:09:12 491

原创 Git---git log 与 git reflog 查看历史记录(被删除的历史commit ID)

区别:如果在回退以后又想再次回到之前的版本,git reflog 可以查看所有分支的所有操作记录(包括commit和reset的操作),包括已经被删除的commit记录,git log则不能察看已经删除了的commit记录.一、git log最优的展示历史的命令:git log --pretty=format:"%h - %an %cr : %s" --graph* cb7...

2019-12-02 10:39:00 14071 1

JavaScript-lazyload图片懒加载处理-IntersectionObserver

实际操作代码,可自行下载测试

2024-03-12

elementui-2.14.1

个人手撸官方资源,静态文件官网组件文档!!! 直接本地点index.html即可!!! 方便快捷!!! 浏览器source模块自行下载配置对应路径完成,想偷懒或急需可直接下载哦 如果有码友需要其他的版本,可以关注我私信我。看到的话尽快处理!

2022-07-25

30_20220315_002426.txt

30_20220315_002426.txt

2022-03-17

action.png

action.png

2022-03-16

原生input实现h5调相机录像拍照并回显

原生input实现h5调相机录像拍照并回显

2022-02-17

Google Play.apk

ggsd1021.apk

2022-01-25

.TEMP_IMG1643119702582

.TEMP_IMG1643119702582

2022-01-25

settings.json

个人VScode配置文件,喜欢的话可以下载试试哦,一定不会让你们失望的呢(* ̄︶ ̄)

2021-08-11

小黄鸭.zip123321

小黄鸭表情包,爬取的,有兴趣的可以下载看看哦~!

2021-08-05

audio.zip123

炫酷的歌曲播放动画,直接浏览器打开index.html即可.歌曲大家可以自己换,根据自己爱好.

2021-08-05

柱状图一条展示在左侧.7z

柱状图一条展示在左侧.7z

2021-06-02

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

TA关注的人

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