- 博客(38)
- 资源 (10)
- 收藏
- 关注
RSS订阅原创 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
原创 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
原创 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
elementui-2.14.1
2022-07-25
需要码友给个渠道帮我提升自己
2024-05-16
问题：我前端使用textarea输入框输入，问题出现在ios输入空格后
2023-07-27
关于#vue.js#的问题：只需要 vue 3 代码逻辑中获取接口或页面数据
2023-07-13
TA创建的收藏夹 TA关注的收藏夹
TA关注的人