Dj_Fairy的博客

首先，设置interval0是文字显示全，但是会有重叠，再写formatter来换行。

1.先查看远程仓库地址：git remote -v，如果地址是https，那肯定需要密码啊！2.如果是https，那就改为ssh: git remote set-url origin git@github.com:xxxxxxx/xxx.git3.改完提交就不要密码了；

由于省市区是后台传的，所以不能直接赋值<template> <div> <cube-button @click="showAsyncPicker">Async Load Data</cube-button> </div></template><script>import baseUrl from '../assets/api/baseUrl' import qs from 'qs'exp

原因：因axios返回值是异步操作，获取返回值时，请求操作还未完成，就已经执行了赋值，导致结果位undefined解决方法：async….await，async声明发放为异步方法，await等待异步操作执行完毕举例： async getCountry(city){ let arr=[] await this.$axios.post(baseUrl+'/county2.do',qs.stringify({ cityCode:c

思路：在刷新之前存到本地存储（session localstorage sessionstorae）在页面加载时读取sessionStorage里的状态信息再更新vuex数据加载完之后之后再把storage删除代码：我这里用的插件good-storage作本地存储的 created() { //在页面加载时读取sessionStorage里的状态信息 if (storage.session.get('user')) { t

更新的scss版本在vue cli3的项目里面的配置需要修改参数设置，具体在vue.config.js文件css: { loaderOptions: { sass: { prependData: `@import "~@/assets/scss/variables.scss";`, //地址是你自己项目的地址 }, } }然后就可以用全局变量了...

BScroll切换才能滚动，刷新一下就不能滚动，今天记录一下这个问题，是我自己遇到的，也是因为粗心的问题，就是引入ObserveDOM的时候将ObserveDOM 名字写错了，是下面这个：import ObserveDOM from '@better-scroll/observe-dom'...

Map()https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Map1.创建map对象let map=new Map();2. 设置键值对map.set('key',value)3.获取map值map.get(key)4.删除map指定对象map.delete(key)或者delete map[key]5.获取数量let size=map.s

最近在做可编辑的div赋值时，光标会跑到最前面去，解决方法：function keepLastIndex(obj) {　　　 if (window.getSelection) { //ie11 10 9 ff safari 　　　　 obj.focus(); //解决ff不获取焦点无法定位问题 　　　　 var range = window.get

最近调用疫情肺炎的接口，从网上找了个json接口,有跨域问题https://interface.sina.cn/news/wap/fymap2020_data.d.json解决方法：通过使用加JSONP形式的回调函数来加载JSON数据，如下面代码在接口后面加`?callback?` $(function() { $.getJSON("https://interfa...

.service-menu{padding:8px;margin: 0 auto;margin-bottom: 10px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%); background: -webkit-gradient(linear, left top, lef...

1、如果引用echarts，则需引入china.js,文档在我的资源页中有。2、代码如下，然后具体的配置，如颜色之类的配置问题到echarts中官网查找（https://echarts.baidu.com/option.html#series-map）&lt;script src="../js/echarts.min.js"&gt;&lt;/script&gt;&lt;script s...

前言：最近项目需要播放flv视频，找了很多种播放器或者插件，最终得到俩个我认为比较好的插件和播放器1）Bilibili团队开发的flv.js，github地址：https://github.com/Bilibili/flv.js里面有很详尽的例子以及讲解，但是有兼容性的问题Compatible with Chrome, FireFox, Safari 10, IE11 and Edge...

搭建开发环境分成以下几块初始化npm环境 安装webpack 安装webpack-dev-serve 安装babel下面开始详细介绍：首先保证电脑要安装nodejs，可以从官网下载，查看node版本一、初始化npm环境新建一个空的文件夹（我的是design），接下来执行命令npm init,然后一直回车就可以了，在文件中就可以看到package.json文件夹了...

1、首先建立一个bus.js2、在bus.js里面填上如下信息import Vue from 'vue'const bus = new VUe()export default bus3、在需要通信的组件中引入bus.jsimport Bus from './bus.js'4、组件通信&lt;template&gt; &lt;/template&gt; im...

打包构建优化1、在配置里面设置productionSourceMap: false，代码打包后没有.map文件2、用路由懒加载3、看体积，有没有优化的空间（比如说没必要引入整个 Element，可以根据需要仅引入部分组件）在package.json里面配置"report": "vue-cli-service build --report"执行npm run repo...

前言：最近在学node.js，里面用到了很多回调函数，特此来记载一下首先，我们要知道的是回调并不都是异步处理，可以同步回调，也可以异步回调。看一下异步的经典例子console.log('1')setTimeout(() => { console.log('2')}, 0)console.log('3')尽管settimeout的时间为0，输出结果是1，3，2。...

audio基础api调用参考博客<audio>的很多方法对<video>同样适用audio基本使用案例<audio controls> <source src="audiofile.mp3" type="audio/mpeg"> <source src="audiofile.ogg" type="audio/ogg"> ...

问题：在vue中设置了loop:true,或者autoplay:true这些基本api方法，图片也不能正常的轮播和循环。原因： loop设置为true 则开启loop模式。loop模式：会在原本slide前后复制若干个slide(默认一个)并在合适的时候切换，让Swiper看起来是循环的， 可是在vue的v-for中时，异步加载的数据都还没有返回时，就先加载了Swiper组件并复制了slipe...

flex案例：1、布局属性实例2、flex骰子3、flex布局博客讲解4、flex三栏布局5、flex完全指南5、 display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-box;display: flex&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head lang...

最近做项目遇到了一个问题，在chrome浏览器下input输入变颜色问题，我要的是透明背景，输入内容后会有白色背景如下图所示：解决方法：在css里面加一行代码.input:-webkit-autofill{-webkit-text-fill-color: #fff !important; transition: background-color 5000s ease-in...

最近看视频get到了一个新技能，在vsc中打出vue回车可以得到自己想要的一段代码，这个要配置一下1）File=&gt;preferences=&gt;user snippets=&gt;点击进入如下页面         2）在输入框搜索vue出现vue.json，在vue.json里面配置，以下是我配置的代码{ // Place your snippets for vu...

&lt;template&gt; &lt;transition name='toast'&gt; &lt;div class='toast' v-if='toast'&gt; &lt;div class='toast_main' &gt;{{message}}&lt;/div&gt; &lt;/div&gt; &lt;/tr...

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;canvas&lt;/title&gt; &lt;script type="text/javascript" src="jquery-3.2.1.min

var ua=navigator.userAgent.toLowerCase()1、判断微信 if(ua.match(/MicroMessenger/i) == "micromessenger"){ return 'weixin' }2、判断支付宝 if(ua.match(/AlipayClient/i) == "alipayclient"){ return...

html,body { width: 100%; height: 100%;}body { font-family: "思源黑体", Arial, Helvetica, sans-serif; font-size: 1.3rem; overflow: hidden;}* { padding: 0; margin: 0; ...

导入别的项目要加npm i1、创建项目vue init webpack gongfuCMS2、安装elementnpm i element-ui -S项目中在main.js中导入 import Vue from 'vue'import App from './App'import ElementUI from 'element-ui';import '...

&lt;template&gt; &lt;div class="hello"&gt; &lt;ul class="tab-list"&gt; &lt;li&gt;&lt;a href="javascript:void(0)" @click="curId=0" :class="{'cur':curId===0}"&a

1、{{msg}}将表达式执行的结果 输出当前调用元素的innerhtml中；还可以将数据绑定到视图&lt;template&gt; &lt;div class="hello"&gt; &lt;span&gt; {{message}} &lt;/span&gt; &lt;/div&gt;&lt;/template&gt; &lt;script&g

1.由于vue项目依赖 node.js npm 需要先安装win+r ==》cmd  ==》node -v 回车 会出现node,js的版本 输入npm -v  回车 会出现npm的版本输入vue -V 回车 会出现vue的版本 2.安装vuenpm install -g vue-cli  //-g表示全局安装，vue-cli是模块，全局安装的模块可以在命令行直接使用 ...

1、map（映射）let arr=[1,2,3,4,5] arr.map(item=&gt;{ alert(item)})2、reduce（汇总）let arr=[1,2,3]let a=arr.reduce((temp,num,index)=&gt;{ return temp+num})alert(a)3、filter（过滤器）let a...

1、看这个网址根据上面将node.js下载下来http://www.runoob.com/nodejs/nodejs-install-setup.html2、如果node --version出现如下v8.12.0版本号说明安装成功3、如果node安装成功，npm也会连带着安装成功4、安装淘宝镜像npm install -g cnpm --registry=https://...

使用axios来mock数据1、安装axios2、创建数组json3、配置devservue-cli3在vue.config.js里面配置vue-cli2以下的版本在webpack.dev.conf.js里面配置配置代码如下：const webpack = require('webpack')const path = require('path')const ap...

更多详见：https://dfairy.github.io/dfairyblog/document/documents/vue-cli3%E6%95%99%E7%A8%8B.html1、升级到vue-cli3版本npm install -g @vue/cli2、查看版本vue --version3.1.33、创建项目vue create app4、选择自己所需要...

重点介绍vuex，言简意赅的告诉你该怎么用，该如何用

1、window表示当前浏览器打开的窗口，可省略document对象是window对象的一部分，浏览器的html文档成为document对象document.location===window.location2、与client相关的1）、(clientWidth和clientHeight)假如无padding无滚动clientWidth=style.width假如有p...

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head lang="en"&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;导航栏下划线跟随鼠标&lt;/title&gt; &lt;style&gt; ul{ list

1、通过加载时间加载进度条&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head lang="en"&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;通过加载时间加载进度条&lt;/title&gt; &lt;style&gt; *{

canvas实现主要代码canvas(centerx,centery,radius,startingAngle,endingAngle,antclockwise=false)canvas(x轴坐标，y轴坐标，角度，开始的角度，结束的角度，顺时针（默认false）/逆时针true)角度从0开始，一整个圆结束是2PIdemo代码&lt;!DOCTYPE html&gt;&lt;...

1、需要显示工具栏和菜单栏时，不需要添加，默认值为yes，即显示&lt;meta content="no" name="apple-mobile-web-app-capable"&gt;2、作用是控制状态栏显示样式&lt;meta name="apple-mobile-web-app-status-bar-style" content="black"&gt;3、iOS 7.1的