CV斗士_饕雨_CSDN博客-Vue,JavaScript,工具类领域博主

私信关注

饕雨

码龄3年

于 2018-07-23 加入CSDN

获得成就

获得655次点赞
内容获得124次评论
获得1,903次收藏

荣誉勋章

兴趣领域

#前端

#ECMAScript 6#JavaScript#Vue.js

TA的专栏

CSS
10篇
HTML
14篇
BIMFACE
4篇
Echarts
12篇
JavaScript
34篇
uniapp
1篇
nginx
2篇
微信小程序
16篇
Ionic
9篇
jQuery
5篇
Android
13篇
ES6
2篇
51单片机
8篇
linux
7篇
数据结构
2篇
工具类
30篇
Vue
112篇
Python
6篇
Git
7篇
人工智能
3篇
Java
27篇
大数据
2篇
Angular
18篇
MySQL
8篇

git commit 提交的时候报错husky ＞ pre-commit hook failed (add --no-verify to bypass)（解决办法）

git commit 提交的时候报错husky > pre-commit hook failed (add --no-verify to bypass)（解决办法）这个问题是因为当你在终端输入git commit -m “XXX”,提交代码的时候,pre-commit(客户端)钩子，它会在Git键入提交信息前运行做代码风格检查。如果代码不符合相应规则，则报错，而它的检测规则就是根据.git/hooks/pre-commit文件里面的相关定义。查询了网上的解决办法，总结为以下三种解决方案，个人喜欢第

vue中异步函数async和await的用法

vue中异步函数async和await的用法转载自：https://www.cnblogs.com/zhoujuan/p/11692818.html先说一下async的用法，它作为一个关键字放到函数前面，用于表示函数是一个异步函数，因为async就是异步的意思，异步函数也就意味着该函数的执行不会阻塞后面代码的执行。写一个async 函数。async function timeout() {　　return 'hello world';}语法很简单，就是在函数前面加上async 关键字，来表

JS设置浏览器缩放比例

JS设置浏览器缩放比例因为 windows10 的操作系统，尽管是19201080的分辨率，但是发现我的页面显示是正常的，但是我同学打开说滚动条特别多，然后就特别的丑陋，尤其是出现了横向的滚动条，这个就很难让人接受，但是我这边就显示正常，核对了一下，我们用的都是19201080的分辨率，理论上是不会出现这种问题的，于是想到了可能是由于windows 操作系统缩放的问题，windows 操作系统尽管是 1920*1080，但是默认他会推荐你使用125%的缩放比例，也就是说操作系统的所有页面都被放大了，所以说

CSS修改滚动条的样式

CSS修改滚动条的样式修改某个div的滚动条/*修改某个div的滚动条样式*/div::-webkit-scrollbar{ width:5px; height:5px; /**/}div::-webkit-scrollbar-track{ background: #fff; border-radius:2px;}div::-webkit-scrollbar-thumb{ background: #444; border-radius:10px;}div::-w

JS代码查看浏览器页面放大比例

JS代码查看浏览器页面放大比例在做前端项目的时候会遇到这样的问题，比如说我适配的 1920*1080 100% 缩放比例，在这种情况下页面的布局展示都是OK的，但是如果用户自行修改缩放比例，那么这个页面可能会出现一些小的问题，比如错版和展示不开显示滚动条的问题，所以说我们可以在最开始的时候来使用JS代码检测一下用户有没有采用100%的比例展示页面，如果进行了缩放，检测缩放的比例是多少，可以提醒用户使用100%的缩放比例体验最好的页面效果。主要的就是一段简单的JS代码：// 检测浏览器缩放比例fu

Vue CLI 3.x 脚手架

Vue CLI 3.x 脚手架什么是Vue-CLIVue-CLI 是 VUE 官方提供，用来搭建项目脚手架的工具，他是vue.js标准的工具，他已经集成了，webpack，内置了好多常用的配置，使我们在使用 Vue 开发项目的时候更加标准化。安装：npm install -g @vue/cli使用命令来查看版本vue --version通过脚手架创建出来的项目结构通过脚手架创建项目请看这里：https://blog.csdn.net/weixin_42776111/article/det

Vue Echarts 显示地图且根据坐标设置标注点

Vue Echarts 显示地图且根据坐标设置标注点哎哟我去我就想用Echarts在页面上画一张地图，这张地图显示全国，然后我有几个坐标点的经纬度信息，需要在这个地图上根据经纬度标注在Echarts图表上，再有一个就是当我点击省份的时候，地图可以切换到省份的子区域里面，接这么简单。实现之前从来没接触过，现在懵逼的一比，靠了！好在借助网上的资源或者说博客把我想实现的功能都是实现了。哎哟，顺便吐槽一下，现在真的是一家原创万家抄袭的博客世界，也不验证能不能成功就是一顿狂粘狂发表，真棒！下载 geo

Echarts option常用属性配置文档

Echarts option常用属性配置文档成功绘制一个Echarts图表至少包含三部分：x轴xAxis、y轴yAxis、系列列表series。option = { xAxis: { type: 'category', // x坐标轴类型 data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] // 类目数据 }, yAxis: { type: 'value' // y坐

Vue利用百度地图画圆并且获取圆心坐标和半径

Vue利用百度地图画圆并且获取圆心坐标和半径这个东西不好整，既要使用Vue接入百度地图，又要画圆。Vue接入百度地图Vue 接入百度地图其实是有插件的，vue-baidu-map 这个插件有官网，直接 npm install 就可以。vue-baidu-map API接口： https://dafrok.github.io/vue-baidu-map/#/然后教程啥的都写的很清晰，包括安装和使用，自己就接进去了，但是画圆获取圆心坐标和半径有点问题，可能不满足这个需求，所以说就得用百

Vue兄弟组件之间通信 eventBus

Vue兄弟组件之间通信 eventBus今天碰到了这个问题，两个毫无关联的组件之间需要通信，怎么办！使用 props 一层一层的传肯定是有问题的，当然可以实现，在一个就是Vuex，定义一个公共变量也是可以的，但是相对来说比较好的实现方式就是 eventBus 了吧。其实我觉得我现在的状态就特别好，有个志同道合的人，无论在生活还是工作上遇到问题都可以敞开了探讨，没有避讳，不管最后能不能解决，都是一种收获！使用一、使用 eventBus 首先我们创建一个 bus.js 文件，里面的内容如下：i

阿里云安装Nginx+vue项目部署

阿里云安装Nginx+vue项目部署nginx安装包下载http://nginx.org/en/download.htmlnginx安装首先先安装PCRE pcre-devel 和Zlib，因为配置nginx的时候会需要这两个东西PCRE(Perl Compatible Regular Expressions) 是一个Perl库，包括 perl 兼容的正则表达式库。nginx 的 http 模块使用 pcre 来解析正则表达式，所以需要在 linux 上安装 pcre 库，pcre-devel

Vue 项目接入 echarts

Vue 项目接入 echarts里面有些地方是抄他的：https://www.cnblogs.com/tcz1018/p/13130495.htmlecharts 官网教程：https://echarts.apache.org/zh/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20ECharts安装 echarts 插件npm install echarts --save使用引入 echarts 插件。import ec

Vue 项目获取当前系统时间解析成年月日周

Vue 项目获取当前系统时间解析成年月日周简单粗暴，直接上代码：<template> <span>{{ date }}</span> <span>{{ time }}</span></template>data () { return:{ time: '', date: '', week: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六

Vue 状态管理 Vuex

Vue 状态管理 Vuex官网文档：https://vuex.vuejs.org/zh/Vuex 是一个专门为 Vue.js 应用程序开发的状态管理模式，他采用集中式存储管理应用的所有组件的状态，并且以相应的规则保证状态以一种可以预测的方式发生改变。Vuex 的简单理解Vue 应用中的每一个组件在 data() 中封装自己的数据属性，而这些 data 属性是私有的，完全隔离的。如果我们希望多个组件都能读取到同一个状态数据属性，或者不同的组件的行为需要更新同一状态数据属性，这就需要一个将共享的状态

Vue Axios封装和跨域问题

Vue Axios封装和跨域问题封装 Axios 对象因为在很多项目中很多组件都需要通过 Axios 发送异步请求，所以封装一个 Axios 对象，自己封装的 Axios 在后续可以使用 axios 中提供的拦截器。安装npm install axios1、首先在项目 src 文件夹下创建 utils 目录，在其下创建 request.js 文件。...

脚手架工具创建vue项目

脚手架工具创建vue项目首先安装脚手架工具官网 https://cli.vuejs.org/zh/Vue Cli 安装全局安装 npm install -g @vue/cli安装成功后，在命令行使用 vue 命令查看版本vue -VVue CLI 创建项目创建项目命令vue create wjw-project注意，这个地方使用网络，如果网不好会安装好久甚至安装失败，很烦！第一步，创建项目结构，第一个是默认，第二个是自定义，我们选择第二个自定义结构，回车。第二步，选择

百度离线地图使用

百度离线地图使用因为项目要求可能在内网访问，就不能使用在线地图，需要使用离线地图。但是离线地图没接触过，不知道该怎么办，一点头绪都没有。整了好久出现了效果，下载就记录一下，作为自己学习和对别人分享的经验。整体流程分析这里只说百度地图的，因为我只做出来了百度地图的，高德、谷歌、天地图我都不会！百度地图官网API： http://lbsyun.baidu.com/jsdemo.htm#webgl0_1首先百度地图官网是不提供web浏览器离线地图的资料的，都得自己找。瓦片图制作百度离线地图，首先

百度个性化瓦片地图下载

百度个性化瓦片地图下载因为近期项目需求，客户项目在内网使用，不连接外网，因此地图不能使用在线地图，必须使用离线地图。离线地图使用在之前的博客写过，就不在累述了。离线地图首先采用的是百度离线地图，因为资料比较多，使用的人多，成功率就比较大，这里就采用百度地图，不使用高德或者天地图了，使用离线地图不仅要有离线地图API，还需要有所需区域的瓦片图，就是png或者是jpg的图片，比如我需要显示济南的离线地图，我就要想办法下载下济南的瓦片地图，瓦片地图就长下面这样：就是一张一张的小图片，使用专用的工具下载

Vue 路由 Vue-Router

Vue 路由 Vue-Router什么是路由Vue Router 是 Vue 官方提供的路由管理器，他和 Vue 的核心深度集成，让构建单页面应用变得非常简单，通过根据不同的请求路径，切换显示不同组件进行渲染页面。基本路由使用安装路由注意：使用路由首先要安装模块npm install vue-router引入 vue-router.js<script src="./node_modules/vue/dist/vue.js"></script><script

vue slot插槽

vue slot插槽作用：主要是用于父组件向子组件传递标签+数据（而 props 和自定事件只是传递数据）。场景：一般是某个位置需要经常动态谢欢显示效果（比如说：饿了么）。子组件定义插槽在子组件中定义插槽，当父组件向指定插槽传递标签数据后，插槽处就对渲染了，否则的话，插槽处就不会被渲染。<div>  <slot name="aaa" > 不确定的标签结构 1 </slot&

Vue props向子组件中传递数据

Vue props向子组件中传递数据声明组件对象中定义 props1、在声明组件对象中使用 props 选项指定const MyComponent = { template:'<div></div>', props: 此处值有以下3中方式, components:{ }}方式一：指定传递属性名，注意是数组形式。props:['id','name','sarlary','isPublished'] 方式二：指定属性名和数据类型，注意是对象形式。props:{

Vue 组件间的通信

Vue 组件间的通信组件间通信方式props ：父组件向子组件传递数据。$emit ：自定义事件。slot ：插槽分发内容，带上标签数据一起传输，主要是父组件想子组件传输。组件间通信规则不要在子组件中直接修改父组件传递的数据。数据初始化的时候，应当看初始化的数据是否用于多个组件中，如果需要被用于多个组件中，则初始化在父组件中；如果只在一个组件中使用，那就初始化在这个要使用的组件中。数据初始化在哪个组件，更新数据的方法（函数）就应该定义在哪个组件中。...

Vue 组件化注意事项

Vue 组件化注意事项组件可以理解为特殊的 Vue 实例，管理自己的 template 模板。组建的 template 必须有且只有一个根节点。组件的 data 选项必须是一个函数，且函数体返回一个对象。组件与组件之间是相互独立的，可以配置自己的一些选项资源 data 、 methods 、 computed 等等。思想：组件自己管理自己，不影响别人。组件示例<!DOCTYPE html><html lang="en"><head> <

VUE多个组件示例

VUE多个组件示例示例一<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>多个组件示例</title></head><body>

Vue组件化开发

Vue组件化开发组件的概念组件（component）是 Vue 最强大的功能之一，非常重要。Vue中的组件化开发就是把网页的重复代码抽离出来，分装成一个个可以复用的视图组件，然后将这些视图组件拼接到一块就构成了一个完整的系统。这个方式非常灵活，可以极大的提高我们的开发和维护效果。组件系统是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用。简单来说，组件就是对局部视图的封装。抽离出来的组件，还是有三部分组成，分别是：HTML、JS、CSS。使用组件的好处，就一句话：提高开发效率，更

Vue 获取当前时间并格式化

Vue 获取当前时间并格式化现在的代码，一家原创，万家抄袭，嗯，我也是…直接就是大代码一顿狂粘！！啪啪啪！用去吧！/** * 获取当前时间 * 格式YYYY-MM-DD */Vue.prototype.getNowFormatDate = function() { var date = new Date(); var seperator1 = "-"; var year = date.getFullYear(); var month = date.getMonth() +

VUE 过滤器以及插件

VUE 过滤器以及插件过滤器什么是过滤器过滤器对将要显示的文本，先进行特定格式化处理，然后在进行显示。注意：过滤器并没有改变原本的数据，只是产生新的对应的数据。使用方式定义过滤器全局过滤器Vue.filter( 过滤器名称 , function(value) ){ // 数据处理逻辑})局部过滤器在 vue 实例中使用 filter 选项，当前实例范围可用。new Vue({ filters : { 过滤器名称:function ( value ) { // 数据

Vue 表单数据双向绑定 v-mode

Vue 表单数据双向绑定 v-mode每一个Vue项目，每一个系统，肯定涉及到表单的双向数据绑定问题，这一部分是 vue 的重中之重，不是因为知识点复杂，而是因为只要参与 vue 项目的开发，那么就必不可少。单向绑定数据变，视图变；视图变（浏览器控制台上更新html），数据不变；这样的都是单向绑定。双向绑数据变，视图变；视图变（在输入框更新），数据变；基础用法v-model 指令，用于表单数据双向绑定，针对以下几种类型：text 文本testarea 多行文本radio 单选框c

VUE 事件修饰符以及按键码

VUE 事件修饰符之前写了一篇关于事件处理的文章，这篇的时间修饰符主要就是来修饰之前事件处理的事件名的，目的是为了扩展事件的功能。事件修饰符.stop：阻止单击事件继续传播，event.stopPropagation().prevent：阻止事件默认行为 event.preventDefault().once：点击事件将只会触发一次...

VUE事件处理 v-on

VUE事件处理 v-on事件处理方法完整格式：v-on:事件名="函数名" 或者 v-on:事件名="函数名(参数...)"缩写格式：@事件 = "函数名" 或者 @事件名 = "函数名(参数...)"注意：@ 后面没有冒号。event ：函数中的默认形参，代表原生的DOM事件，当调用的函数，有多个参数传入的时候，需要使用原生DOM事件，则通过 $event 作为实参传入。作用：用于监听 DOM 事件。案例<!DOCTYPE html><html la

VUE 列表渲染 v-for

VUE 列表渲染 v-for列表渲染指令v-for 迭代数组v-for = " ( alias , index ) in array "alias：数组元素迭代的别名；index：数组索引值（从0开始（可选））；例如：<div v-for = " item in items " :key= " item.id "> </div><div v-for = "( item index) in items " :key= " item.id "> </d

VUE 条件渲染 v-if、v-show

VUE 条件渲染 v-if、v-show条件指令v-if 是否渲染当前元素v-elsev-else-ifv-show：与 v-if 类似，只是元素始终被渲染并保留在DOM中，只是简单的切换CSS属性display来显示或者隐藏。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width

VUE Class列表样式数绑定案例

VUE Class列表样式数绑定案例Class 与 Style 绑定 v-bind通过class列表和style指定样式是数据绑定的一个常见需求，他都是元素属性，都用 v-bind 处理，其中表达式结果的类型可以是：字符串、对象或数组。语法格式class 的表达式可以为： v-bind:class = '表达式' 或者 :class = '表达式' 字符串 :class = "activeClass" 对象 :class = "{ active : isActive , err

echarts属性的设置（完整大全）

// 全图默认背景 // backgroundColor: ‘rgba(0,0,0,0)’,// 默认色板color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed', '#ff69b4','#ba55d3','#cd5c5c','#ffa500','#40e0d0', '#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700', '#6699FF','#ff6666','#3cb37

vue计算属性和监听器

计算属性 computedcomputed 选项定义计算属性。计算属性类似于 methods 选项中的函数。比较：计算属性：会进行缓存，只在相关响应式依赖发生改变的时候才会重新求值。函数：每次都会执行函数体进行计算。需求：输入数学与英语的分数，采用 methods 与 computed 分别计算出总得分。使用函数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&g

vue.js核心技术开发

vue.js入门开发vue {{}} 双向数据绑定<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><

vue.js概要详解和框架比较

vue.js渐进式框架和应用场景教程https://cn.vuejs.org/v2/guide/#Vue-js-%E6%98%AF%E4%BB%80%E4%B9%88什么是渐进式渐进式简单的讲就是：用什么技术就引用什么技术到项目中使用，而不是把所有的东西全部引入到项目里面。使用的原因易用：入门简单，不需要太高深的技术灵活：可以在一个库和另一个库之间自如伸缩高效：超快虚拟DOM，省心优化，基本上不需要DOM操作在什么场景下使用一般是单页面应用程序（SPA）用单页面应用程序，如网易云

NPM包管理工具

NPM包管理工具NPM全程是Node Package Manager，他是JavaScript的包管理工具，是Node.js平台默认的包管理工具，通过NPM可以安装、共享、分发代码、管理项目依赖关系。可以从NPM服务器下载别人编写的第三方包到本地。可以从NPM服务器下载并安装别人编写的命令行程序到本地使用。可以自己编写的包或者命令行上传到NPM服务器供别人使用。可以吧NPM理解为前端的Maven，通过NPM很方便的下载使用js库，管理前端工程。最新版的Node.js已经继承了npm，所以首先

CV斗士

HTML table标签实现表头固定

vue 查询某个对象在对象列表的索引位置

vue 实现页面监听键盘按键 上下左右

Vue 实现图片监听鼠标滑轮滚动实现图片缩小放大功能

原生的HTML Table表格实现表头添加斜杠

vue + element + vue-cropper 实现图片裁剪上传

vue 使用 bimface 添加三维标签

vue使用BIMFACE添加标签和多个场景已经动态修改标签内容

Vue 使用 BIMFACE 实现3D着火demo

vue使用 BIMFACE demo

JS 实现element表格组件批量删除携带id拼接字符串问题

vue 图片拖拉转放大缩小组件

Vue 使用 echarts 散点图在区域内标点

Vue 读取后台二进制文件流转为图片显示

Vue 下载 blob 流文件

SpringBoot Controller接收参数的几种常用方式

在Intelij IDEA中修改maven为国内镜像（阿里）

Vue 使用 el-upload 上传文件并且提交额外参数

Vue解决打包后如果需要修改后台连接地址需要重新打包问题

Vue使用 Element 组件实现文件一次性批量上传

Vue 使用 Echarts 显示热力地图信息

Vue 列表中对象去重

vue 使用 moment 获取当前时间及一月前的时间

vue使用 el-upload 上传文件附加参数

vue 使用 multipart/form-data 提交数据

vue 使用 application/x-www-form-urlencoded提交数据

element-ui的table表格控件表头与内容列不对齐问题

uniapp 调用手机相机拍照实现图片上传

Vue 使用 element 组件库解决 el-autocomplete 下拉框宽度的问题

Vue 下载 Excel 文件

CSS Flex 布局 【转载】

vue 百度BD09加密经纬度转国测局GCJ02经纬度

VSCode编写 Vue 项目标签内显示写CSS提示设置

Vue 炫酷 Echarts 图表

vue 动态生成拓扑图

Vue 全局 websocket

Vue ant-d 实现面包屑和布局和菜单 demo

Vue 自定义组件v-model父子组件传值双向绑定

vue项目Echarts更新数据是数据表展示错版

Vue图片加载错误、图片加载失败的处理

Vue 使用 Ant-d 简单实现左侧菜单栏和面包屑功能

Vue Echarts图表dataZoom缩放区域根据数据量显示

Echarts图例数据太多实现滚动效果

Vue根据浏览器窗体变化动态设置Element Table组件的最大高度

Vue 使用 Element 组件实现前端自己的分页功能

阿里云CentOS搭建EasyMock​

echarts 组件复用

人工智能产生式系统 - 球星产生式系统案例 C#

vue 监听窗体变化 echarts自适应

Vue input textarea自动滚动到最底部

VUE 获取今天时间和一月前今天的时间

Vue生成随机数

VSCode windows常用快捷键

JavaScript JSON.stringify() 换行缩进

Vue .sync修饰符与$emit(update:xxx)

[Vue] vue跳转外部链接

GIT知道这些就够了

接私活可用的 Springboot + Vue 快速开发框架

Vue祖孙组件怎么传值

Vue 组件间传值

Vue实现点击按钮复制功能

vue 获取组件高度

git commit 提交的时候报错husky ＞ pre-commit hook failed (add --no-verify to bypass)（解决办法）

vue中异步函数async和await的用法

JS设置浏览器缩放比例

CSS修改滚动条的样式

JS代码查看浏览器页面放大比例

Vue CLI 3.x 脚手架

Vue Echarts 显示地图且根据坐标设置标注点

Echarts option常用属性配置文档

Vue利用百度地图画圆并且获取圆心坐标和半径

Vue兄弟组件之间通信 eventBus

阿里云安装Nginx+vue项目部署

Vue 项目接入 echarts

Vue 项目获取当前系统时间解析成年月日周

Vue 状态管理 Vuex

Vue Axios封装 和 跨域问题

脚手架工具创建vue项目

百度离线地图使用

vue 实现页面监听键盘按键上下左右

CSS Flex 布局【转载】

阿里云CentOS搭建EasyMock

Vue Axios封装和跨域问题