自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(74)
  • 收藏
  • 关注

转载 loadsh的常用方法

1.map ,遍历数组和对象_.map(obj, (item, index)=>{} )2.chunk,将数组进行切分const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9]; //数组的切分 _.chunk(arr, 2); console.log(_.chunk(arr, 2)) // =>[[1,2],[3,4],[5,...

2019-09-26 21:06:00 362

转载 axios使用

1.get请求axios.get('/user?ID=12345') .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); });另一种写法:axios.get('/user',{param:{I...

2019-09-22 16:04:00 135

转载 前端开发的辅助工具的网址

1.ico图标的生成的网址:http://bitbug.net/<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>2.字体图标的网址:https://icomoon.io/app转载于:https://www.cnblogs.com/xiao-peng-ji/p/114...

2019-09-07 11:57:00 174

转载 css3新属性的技巧

1.奇偶属性:/*奇数*/ul li:nth-child(odd){background-color: green;}/*偶数*/ul li:nth-child(even){background-color: red;}2.转载于:https://www.cnblogs.com/xiao-peng-ji/p/11474514.html...

2019-09-06 14:06:00 109

转载 css换行的方法

1.英文自动换行.css{word-wrap: break-word;word-break: normal;}2.强制英文单词断行.css{word-break:break-all;}3.一行文字超出,出现省略号css{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}...

2019-09-02 21:21:00 79

转载 vue-指令

1.v-cloak使用 v-cloak 能够解决 插值表达式闪烁的问题<div id="app" v-cloak> {{context}}</div>[v-cloak] {display: none; }2.v-text<h4 v-text="msg">==================</h4>...

2019-08-31 21:18:00 77

转载 VueMusic-14搜索实现

1.创建search组件<template> <div> <div class="search-title"> <input type="text" name="" placeholder="输入搜索内容" v-model="searchContent"> <button type="button" @...

2019-08-31 20:58:00 80

转载 VueMusic-13歌手列表

1.歌手列表<template> <div class="artists"> <ul class="list"> <router-link tag="li" :to="{name:'ArtistsDetails',params:{avatar:item.avatar_s500,name:item.name,ti...

2019-08-31 17:59:00 123

转载 VueMusic-12歌词滚动

1.方法:srcollLrc(key,index){ const lrcDiv = this.$refs.lrc if(key < this.currentTime && key > this.currentTime - (this.keyArr[index+1] - this.keyArr[index])){ l...

2019-08-31 17:08:00 172

转载 VueMusic-11播放-歌词适配

1.歌词的创建<template> <div> 歌词{{this.$route.params.songid}} {{getAllKey}} <p class="lrc-p" v-show="(parseInt(currentTime) >= keyArr[index]) && (parseInt(current...

2019-08-31 16:54:00 555

转载 VueMusic-10.播放-歌词加载

1.歌词新建组件<template> <div> 歌词{{this.$route.params.songid}} <p class="lrc-p" v-for="(item,key,index) in lrcData" :key="index"> {{ item }} </p...

2019-08-31 14:29:00 165

转载 VueMusic-9.播放-播放功能

1.添加路由{ path:'/musicplay', name:"MusicPlay", component:MusicPlay }2.实例<template lang="html"> <div class="play"> <div class="header"> <div class="title...

2019-08-31 13:45:00 94

转载 VueMusic-8更多-下拉刷新

1.插件地址:https://github.com/bajian/vue-pull-to-refresh2.安装:cnpm install --save pull-to-refresh3.引入:import VuePullRefresh from "vue-pull-refresh"4.实例<template> <div class="more-li...

2019-08-29 22:00:00 79

转载 VueMusic-7更多-数据适配

1.实例:路由传参<template> <div class="more-list"> <div class="wrapper"> <h3>{{ this.$route.params.title }}</h3> <div class="info url log" v-for="(item,i...

2019-08-29 21:52:00 98

转载 VueMusic-6首页-热门榜单

1.实例<template> <div class="mod-albums"> <div class="hd log url"> <h2>{{title}}</h2> <div>更多</div> </div> <div class="conta...

2019-08-29 21:10:00 104

转载 VueMusic-5首页-音乐榜单

1.音乐榜单组件<template> <div class="mod-albums"> <div class="hd log url"> <h2>新歌速递</h2> <div>更多</div> </div> <div class="contai...

2019-08-27 22:45:00 107

转载 VueMusic-4首页-视图适配

1.新歌速递模块<template> <div class="mod-albums"> <div class="hd log url"> <h2>新歌速递</h2> <div>更多</div> </div> <div class="contai...

2019-08-27 21:47:00 82

转载 VueMusic-3.-今日推荐-视图适配

<template> <div class="mod-albums"> <div class="hd log url"> <h2>今日推荐</h2> <div>更多</div> </div> <div class="container"> ...

2019-08-27 08:28:00 97

转载 lodash---1.使用实列

1.Lodash 的随机数生成函数//原生js function getsRandomNumber(min, max) { return Math.floor(Math.random() * (max - min + 1)) + min; } getsRandomNumber(20, 100); console.log(getsRandomNumber(20...

2019-08-25 22:41:00 149

转载 VueMusic-2.今日推荐-数据获取

1.redirect:'/Home'(重定向);2.安装npm install --save axios3.配置axios的import Axios from 'axios'Vue.prototype.$axios=Axios4.跨域处理: proxyTable:{ "/baidu_music_api": { target: "http...

2019-08-25 21:46:00 71

转载 VueMusic-1.首页-路由配置

1.结构配置:<template> <div class="index"> <ul> <li> <router-link to="/Home"> <img src="../assets/logo-ea5.png" alt=""></router-link> &l...

2019-08-25 20:02:00 108

转载 vuerouter-11_常用组件库

vue常用的组件库网址:https://github.com/vuejs/awesome-vue1.v-tooltip的安装npm install --save v-tooltip2.全局引入:import VTooltip from 'v-tooltip'Vue.use(VTooltip)3.实例:<template> <div class=...

2019-08-24 23:49:00 213

转载 vuerouter-10_swiper组件

1.安装npm install vue-awesome-swiper --save2.全局配置:import VueAwesomeSwiper from 'vue-awesome-swiper'import 'swiper/dist/css/swiper.css'Vue.use(VueAwesomeSwiper)3.组件内的局部配置:import 'swiper/dist...

2019-08-24 20:07:00 324

转载 vuerouter-9_ElementUI

npm install element-ui -S完整应用:import Vue from 'vue'; import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; import App from './App.vue'; Vue.use(ElementUI...

2019-08-23 17:41:00 76

转载 vuerouter-8_路由实例

1.创建一个导航组件2.路由的配置:import Vue from 'vue'import Router from 'vue-router'import Home from '@/components/nav/Home'import Mine from '@/components/nav/Mine'import Order from '@/components/nav/Ord...

2019-08-22 22:27:00 68

转载 typeScript-基础知识-4-10内置对象

内置对象JavaScript 中有很多内置对象,它们可以直接在 TypeScript 中当做定义好了的类型。内置对象是指根据标准在全局作用域(Global)上存在的对象。这里的标准是指 ECMAScript 和其他环境(比如 DOM)的标准。ECMAScript 的内置对象ECMAScript 标准提供的内置对象有:Boolean、Error、Date、RegExp ...

2019-08-22 19:21:00 153

转载 typeScript-基础知识-4-8类型断言

类型断言:类型断言(Type Assertion)可以用来手动指定一个值的类型。语法<类型>值或值 as 类型在 tsx 语法(React 的 jsx 语法的 ts 版)中必须用后一种。例子:将一个联合类型的变量指定为一个更加具体的类型之前提到过,当 TypeScript 不确定一个联合类型的变量到底是哪个...

2019-08-21 21:14:00 180

转载 typeScript-基础知识-4-7函数的类型

函数的类型:函数是 JavaScript 中的一等公民函数声明在 JavaScript 中,有两种常见的定义函数的方式——函数声明(Function Declaration)和函数表达式(Function Expression):// 函数声明(Function Declaration)function sum(x, y) { return x + ...

2019-08-21 20:23:00 276

转载 typeScript-基础知识-4-6数组的类型

数组的类型:在 TypeScript 中,数组类型有多种定义方式,比较灵活。「类型 + 方括号」表示法最简单的方法是使用「类型 + 方括号」来表示数组:let fibonacci: number[] = [1, 1, 2, 3, 5];数组的项中不允许出现其他的类型:let fibonacci: number[] = [1, '...

2019-08-21 19:28:00 156

转载 typeScript-基础知识-4-5对象的类型——接口

在 TypeScript 中,我们使用接口(Interfaces)来定义对象的类型。什么是接口在面向对象语言中,接口(Interfaces)是一个很重要的概念,它是对行为的抽象,而具体如何行动需要由类(classes)去实现(implement)。TypeScript 中的接口是一个非常灵活的概念,除了可用于对类的一部分行为进行抽象以外,也常用于对「对象的形状(Shape)」...

2019-08-21 19:10:00 143

转载 typeScript-基础知识-4-4联合类型

联合类型(Union Types)表示取值可以为多种类型中的一种。简单的例子let myFavoriteNumber: string | number;myFavoriteNumber = 'seven';myFavoriteNumber = 7;let myFavoriteNumber: string | number;myF...

2019-08-21 18:27:00 133

转载 typeScript-基础知识-4-3类型推论

类型推论:如果没有明确的指定类型,那么 TypeScript 会依照类型推论(Type Inference)的规则推断出一个类型。什么是类型推论以下代码虽然没有指定类型,但是会在编译的时候报错:let myFavoriteNumber = 'seven';myFavoriteNumber = 7;// index.ts(2,1): error TS2322...

2019-08-21 15:02:00 84

转载 typeScript-基础知识-4-2任意值

任意值:任意值(Any)用来表示允许赋值为任意类型。什么是任意值类型如果是一个普通类型,在赋值过程中改变类型是不被允许的:let myFavoriteNumber: string = 'seven';myFavoriteNumber = 7;// index.ts(2,1): error TS2322: Type 'number' is no...

2019-08-21 14:51:00 171

转载 typeScript-基础知识-4-1原始数据类型

JavaScript 的类型分为两种:原始数据类型(Primitive data types)和对象类型(Object types)。原始数据类型包括:布尔值、数值、字符串、null、undefined 以及 ES6 中的新类型 Symbol。本节主要介绍前五种原始数据类型在 TypeScript 中的应用。布尔值:布尔值是最基础的数据类型,在 TypeScript 中,...

2019-08-20 23:13:00 156

转载 typeScript-基础知识-4.基础内容目录

基础:本部分介绍了 TypeScript 中的常用类型和一些基本概念。具体内容包括:原始数据类型任意值类型推论联合类型对象的类型——接口数组的类型函数的类型类型断言声明文件内置对象...

2019-08-20 22:33:00 94

转载 typeScript-基础知识-3.Hello TypeScript

我们从一个简单的例子开始。将以下代码复制到 hello.ts 中:function sayHello(person: string) { return 'Hello, ' + person;}let user = 'Tom';console.log(sayHello(user));然后执行tsc hello.ts...

2019-08-20 22:30:00 120

转载 typeScript-基础知识-2.安装 TypeScript

TypeScript 的命令行工具安装方法如下:npm install -g typescript以上命令会在全局环境下安装 tsc 命令,安装完成之后,我们就可以在任何地方执行 tsc 命令了。编译一个 TypeScript 文件很简单:tsc hello.ts我们约定使用 TypeScript 编写的文件以 .ts 为后缀,用 Ty...

2019-08-20 22:02:00 81

转载 typeScript-基础知识-1.什么是 TypeScript

1.它的第一个版本发布于 2012 年 10 月,经历了多次更新后,现在已成为前端社区中不可忽视的力量,不仅在 Microsoft 内部得到广泛运用,而且 Google 的 Angular2 也使用了 TypeScript 作为开发语言。一、什么是 TypeScript1.TypeScript是 JavaScript 的一个超集,主要提供了类型系统和对 ES6 的支持,它由 M...

2019-08-20 21:58:00 117

转载 css--兼容写法整理

1.透明度.btn{opacity:0.5;filter:alpha(opacity=50); //filter 过滤器 兼容IE678}2.css3的属性的兼容写法:转载于:https://www.cnblogs.com/xiao-peng-ji/p/11347012.html...

2019-08-13 17:02:00 105

转载 vuerouter-7._路由高亮

1.router-link-exact-active 精准匹配2.router-link-active 匹配配置:------------------------------------------------------------------------------------------------------import Vue from 'vue'import Vu...

2019-08-11 23:38:00 65

空空如也

空空如也

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

TA关注的人

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