- 博客(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关注的人