自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 在vue中用better-scroll封装一个slider

html部分<!--better-scroll滚动需要两个盒子,一个是有固定高度的容器slider,一个是包含要包含展示内容的容器slider-group--> <!--slider会被实例化--> <div class="slider" ref="slider"> <!----> <div class=&quot

2018-11-19 16:06:41 305

转载 encodeURI()和encodeURIComponent() 区别

URI: Uniform ResourceIdentifiers,通用资源标识符Global对象的encodeURI()和encodeURIComponent()方法可以对URI进行编码,以便发送给浏览器。有效的URI中不能包含某些字符,例如空格。而这URI编码方法就可以对URI进行编码,它们用特殊的UTF-8编码替换所有无效的字 符,从而让浏览器能够接受和理解。其中encodeURI()...

2018-11-19 10:27:11 229

转载 .gitkeep文件

因为git是不允许提交一个空的目录到版本库上的,可以在空的文件夹里面建立一个.gitkeep文件,然后提交去即可。其实在git中 .gitkeep 就是一个占位符。可以用其他 比如 .nofile等文件作为占位符。 ...

2018-11-19 09:32:53 2792

原创 jsonp2

解决如何用jsonp替代axios抓取qq音乐数据1.前端准备工作封装jsonp更改配置文件设置路径build>webpack.base.conf.js resolve: { extensions: ['.js', '.vue', '.json'], alias: { '@': resolve('src'), //设置comm...

2018-11-15 18:08:45 231

原创 jsonp请求

用node简单搭建服务器实现后端jsonp请求后端接口导入express模块,导入jsonp数据//导入express模块const express = require('express')//express实例化const app = express()//导入jsonp数据const appData = require('./data.json')const sel...

2018-11-15 16:19:46 275

原创 增强对象字面量

解决问题:缩减代码什么是字面量:一般等号右边的内容都是字面量增强对象字面量可以对对象的属性和方法进行简写简写前function createBookShop(inventory){ return{ inventory:inventory, inventoryValue:function(){ return this....

2018-11-14 11:32:27 215

原创 箭头函数

箭头函数可以缩减代码,最主要的是可以改变this指向1.缩减代码ES5const double1=function(number){ return number*2}console.log(double1(2))//4ES6 const double2=(number)=>{ return number*2}console.log(double...

2018-11-14 10:51:11 81

原创 模板字符串

let name='Henry'function makeUppercase(word){ return word.toUpperCase();}let template=`<h1>${makeUppercase('hello')},${name}!<h1>`;document.getElementById('template').innerHT...

2018-11-14 10:15:44 98

原创 var let const的区别

1.var和letfunction testVar(){ var a=30; if(true){ var a=50; console.log(a);//50 } console.log(a);//50}function testLet(){ let a=30; if(true){ let ...

2018-11-14 09:56:30 105

原创 ES6数组方法

1.forEach遍历数组,无返回值var numbers = [1,2,3]; ES5遍历数组方法for(var i = 0; i < numbers.length; i++){ console.log(numbers[i]);}ES6遍历数组方法numbers.forEach(function(number){ console.log(numb...

2018-11-13 22:14:08 123

转载 vue-lazyload实现懒加载

1. 安装插件:npm install vue-lazyload --save-dev2.main.js引入插件:import VueLazyLoad from 'vue-lazyload'Vue.use(VueLazyLoad,{ error:'./static/error.png', loading:'./static/loading.png'})3. ...

2018-11-05 20:26:27 246

原创 css position定位

     对position的几个值用法有点模糊,所以来区分下几个值得不同与用法。方便自己以后查找。     首先我们要明确为什么需要用到定位,因为有些布局我们无法在正常的文档流中来布局,这时我们就需要left,top,bottom,right等属性来改变元素的位置完成布局。但是这些属性默认情况下是无法生效的,所以就需要position来设置不同的定位方法来让我们可以使用这些属性。1.st...

2018-10-26 16:22:08 116

空空如也

空空如也

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

TA关注的人

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