Dj_Fairy的博客

人生是一场无法抗拒的前进!

vue-cli3快速开发

更多详见:https://dfairy.github.io/dfairyblog/document/documents/vue-cli3%E6%95%99%E7%A8%8B.html 1、升级到vue-cli3版本 npm install -g @vue/cli 2、查看版本 vue ...

2018-11-19 09:47:42

阅读数 1344

评论数 0

前端面试题三--回调函数

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

2019-03-13 13:21:56

阅读数 58

评论数 0

vue打包构建以及性能优化

打包构建优化 1、在配置里面设置productionSourceMap: false,代码打包后没有.map文件 2、用路由懒加载 3、看体积,有没有优化的空间(比如说没必要引入整个 Element,可以根据需要仅引入部分组件) 在package.json里面配置 "...

2019-03-05 13:27:44

阅读数 45

评论数 0

使用bus.js来进行组件中简单的通信

1、首先建立一个bus.js 2、在bus.js里面填上如下信息 import Vue from 'vue' const bus = new VUe() export default bus 3、在需要通信的组件中引入bus.js import Bus from './bus.js'...

2019-02-14 14:02:30

阅读数 35

评论数 0

webpack搭建开发环境

搭建开发环境分成以下几块 初始化npm环境 安装webpack 安装webpack-dev-serve 安装babel 下面开始详细介绍: 首先保证电脑要安装nodejs,可以从官网下载,查看node版本 一、初始化npm环境 新建一个空的文件夹(我的是design),接下来执行...

2019-01-18 16:49:28

阅读数 97

评论数 0

播放flv视频

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

2019-01-11 13:38:29

阅读数 84

评论数 0

echarts中中国地图的显示

1、如果引用echarts,则需引入china.js,文档在我的资源页中有。 2、代码如下,然后具体的配置,如颜色之类的配置问题到echarts中官网查找(https://echarts.baidu.com/option.html#series-map) <script...

2019-01-11 13:22:09

阅读数 225

评论数 0

css3渐变色兼容IE

.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%); ...

2018-12-17 13:36:18

阅读数 143

评论数 0

chrome下input框输入变颜色问题

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

2018-12-10 16:57:01

阅读数 173

评论数 0

vsc新技能

最近看视频get到了一个新技能,在vsc中打出vue回车可以得到自己想要的一段代码,这个要配置一下 1)File=>preferences=>user snippets=>点击进入如下页面           2)在输入框搜索...

2018-12-06 14:00:49

阅读数 66

评论数 0

transition出现toast的几种效果

<template> <transition name='toast'> <div class='toast' v-if='toast'> ...

2018-12-05 12:02:36

阅读数 32

评论数 0

使用axios来mock数据以及使用node服务来代理本地接口

使用axios来mock数据 1、安装axios 2、创建数组json 3、配置devser vue-cli3在vue.config.js里面配置 vue-cli2以下的版本在webpack.dev.conf.js里面配置 配置代码如下: const webpack = requi...

2018-11-29 13:40:07

阅读数 109

评论数 0

vuex学习

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

2018-11-14 11:24:43

阅读数 60

评论数 0

js/jQuery的宽高比较

1、window表示当前浏览器打开的窗口,可省略 document对象是window对象的一部分,浏览器的html文档成为document对象 document.location===window.location 2、与client相关的 1)、(clientWidth和clientHe...

2018-11-07 17:08:50

阅读数 43

评论数 0

canvas实现跳动的小球

canvas实现主要代码 canvas(centerx,centery,radius,startingAngle,endingAngle,antclockwise=false) canvas(x轴坐标,y轴坐标,角度,开始的角度,结束的角度,顺时针(默认false)/逆时针true) 角度从...

2018-11-06 17:04:59

阅读数 323

评论数 0

导航栏下划线跟随鼠标

<!DOCTYPE html> <html> <head lang="en"> <meta cha...

2018-11-02 16:43:15

阅读数 44

评论数 0

进度条系列

1、通过加载时间加载进度条 <!DOCTYPE html> <html> <head lang="en"> &...

2018-11-02 11:24:29

阅读数 56

评论数 0

video.js使用方法

文档地址参考:https://docs.videojs.com/tutorial-layout.html 1、下载video.js 链接:http://www.jq22.com/jquery-info404 2、在页面中引入css和js文件 <link rel=&...

2018-10-31 14:04:52

阅读数 261

评论数 0

vue+framework7搭建踩坑的过程记载

1、需要显示工具栏和菜单栏时,不需要添加,默认值为yes,即显示 <meta content="no" name="apple-mobile-web-app-capable"> ...

2018-10-30 09:57:43

阅读数 80

评论数 0

搭建node.js+vue环境/react native环境

1、看这个网址根据上面将node.js下载下来 http://www.runoob.com/nodejs/nodejs-install-setup.html 2、如果node --version出现如下 v8.12.0版本号说明安装成功 3、如果node安装成功,npm也会连带着安装成功 ...

2018-10-25 15:26:49

阅读数 51

评论数 0

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