自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(41)
  • 问答 (1)
  • 收藏
  • 关注

原创 http.js(with axios qs)

import axios from 'axios';import qs from 'qs';let baseURL = 'http://tech.hupu.io'; //项目域名地址\if (process.env.NODE_ENV === 'development') { baseURL = "";}const Axios = axios.create({ bas...

2019-04-03 15:27:56 614

原创 webpack --Charlie

Install:yarn add webpack webpack-cli babel-loader @babel/core -D压缩输出:+mode: “production”Load css:yarn add style-loader css-loader -D+module: {+rules:[+ {+ test: /\.css$/,+ ...

2019-03-13 16:49:26 199

原创 移动端测试神器

<script type="text/javascript" src="//cdn.jsdelivr.net/npm/eruda"></script><script>eruda.init();</script>

2019-02-11 15:38:39 272

原创 移动端调式

<script src="//cdn.jsdelivr.net/npm/eruda"></script><script>eruda.init();</script>

2019-01-30 18:44:17 181

原创 阻止默认事件函数

//阻止默认事件函数function stopDefault(e) { if (e && e.preventDefault) e.preventDefault(); else window.event.returnValue = false; //兼容IE}

2019-01-30 17:45:37 816

原创 图片转base64上传

图片上传let imgFile=$(“inputEle”).prop(“files”)[0];let fileReader=new FileReader();let imgObj=new Image();let canvas=document.createElement(“canvas”);var quality = 0.7; // 默认图片质量为0.7var ctx = canva...

2019-01-28 20:07:48 267

原创 浏览器缓存机制

https://www.cnblogs.com/slly/p/6732749.html

2019-01-28 11:33:25 127

原创 预览图片

let upLoadpic=$('#upLoadpic');const fleReader = new FileReader();let file=nullupLoadpic.change(()=>{ file=upLoadpic.prop('files')[0] fleReader.readAsDataURL(file) fleReader.onload = ...

2019-01-24 18:34:05 815

原创 移动端,滑动屏幕

//屏幕呈现的三个屏let first=document.querySelector('.div-first-page')let second=document.querySelector('.div-second-page')let third=document.querySelector('.div-third-page')//添加事件,target:时间目标,down:往下滑,up...

2019-01-23 10:15:51 323 1

转载 babel转es6

ES6转化为ES5的工具有很多,下面介绍babel来转化ES6代码;在npm环境下:cd 到项目目录;npm init -ynpm install babel-cli -g (先全局安装babel-cli);npm install babel-cli babel-preset-es2015 --save-dev(本地安装这两个);项目目录:其中.babelrc文件内容为:复制代码...

2019-01-22 18:08:40 483

原创 gulp es6==>es5 合并 压缩

"devDependencies":{ "@babel/core": "^7.2.2", "babel-core": "^6.14.0", "babel-loader": "^6.2.5", "babel-po

2019-01-21 15:28:20 335

原创 安装指定版本npm和插件

npm -g install npm@2.9.1在package.json里修改版本号,然后运行yarn或者cnpm i即可修改插件版本

2019-01-21 10:07:34 3336

原创 vue slot

子组件模版<div> <slot name="header"></slot> <slot name="footer"></slot> <slot></slot></div>父组件模板<my-com

2019-01-16 18:08:32 166

原创 mac 运行yarn eject报错

git add .然后(注意这里是 am)git commit -am “Save before ejecting”

2019-01-16 16:49:20 861

原创 vue 路由懒加载

{path:’/’,name:‘index’,component:resolve => require([’@/page/index’], resolve)}

2019-01-11 16:36:45 138

转载 css三角形

/*向上*/.triangle_border_up{ width:0; height:0; border-width:0 30px 30px; border-style:solid; border-color:transparent transparent #333;/*透明 透明 灰*/ margin:40px auto; positi...

2019-01-10 17:20:21 114

原创 vertical-align

Document aaa

2019-01-03 22:38:06 121

原创 css ----preset/normalize初始化css样式

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css *//* Document========================================================================== *//**Correct the line height in...

2018-12-06 17:17:24 332

转载 vue ---request

import axios from 'axios'/* eslint-disable */import { Loading,Message } from 'element-ui';var debug=truelet loadingInstancelet needLoadingRequestCount = 0let cookieId=''// 请求拦截器// axios.d...

2018-12-04 10:37:04 6468 1

转载 动态组件

动态组件Vue 还可以将多个子组件,都挂载在同一个位置,通过变量来切换组件,实现 tab 菜单这样的效果这样的功能可以通过路由 vue-router 实现,但路由更适合较大的组件,而且 url 会有相应的改变Vue 自身保留的 元素,可以将组件动态绑定到 is 特性上,从而很方便的实现动态组件切换上例中,当 tabView 的值改变, 就会渲染对应的组件,和路由的效果十分类似,但是地...

2018-12-03 10:29:09 159

原创 容易忘记的js哦

1.Object.preventExtensions(obj)不让obj可以添加属性。2.Object.isExtensible(obj)判断obj是否可扩展,即是否可添加属性。3.Object.defineProperties(obj,{attr:{enumerable:true/false,configurable:true/false,value:’’,writable:t...

2018-11-28 16:26:52 102

原创 v-if的频繁使用

v-if用的多的时候尽量添加key以便高效渲染dom

2018-11-26 15:10:42 903

原创 对象的遍历

let obj={“a”:1,“b”:2,“c”:3}1、obj[Symbol.iterator]=function *(){for(let i of Object.entries(obj)){yield i}}for(let i of obj){console.log(i)}[…obj]2、Object.keys(obj)3、Object.values(obj)...

2018-11-15 10:11:47 149

原创 给数组进行均等分组。

let copedPicItems=[] let picItems=['a','b','c','d','e','f','g','h','i','j'] picItems.forEach((it,index,arr)=>{ if(copedPicItems[Math.floor(index/5)] instanceof Array){ copedPicItems...

2018-10-17 11:30:36 761

原创 去除数组中其他项子集的项以及相同的项

function isSubset(a,b){return a.every(it=>{return b.indexOf(it)>=0})}//判断 a 是否为 b 的子集function deleteSubset(a){let A=[]a.forEach((it,index,arr)=>{var b=arr.some((it2,index2)=>{retu...

2018-10-05 00:39:51 369

原创 vue--3D旋转相册

<template> <div class="container" draggable="false" @mousedown="returnFalse"> <div class="album" ref="album" @mousedown="returnFalse">

2018-09-12 11:49:36 4008 2

原创 try catch finally代码块

try { tryCode - 尝试执行代码块}catch(err) { catchCode - 捕获错误的代码块} finally { finallyCode - 无论 try / catch 结果如何都会执行的代码块}

2018-09-04 16:32:32 159

原创 我的ES6学习

1)generator 是ES6提供的一种一部解决方案。是一个状态机和遍历器生成函数。其语法如下:function* helloWorldGenerator() { yield 'hello'; yield 'world'; return 'ending';}var hw = helloWorldGenerator();hw.next()// { value: 'he...

2018-09-04 16:22:24 88

原创 我写的千分化数字函数

ps:可将带小数点和不带小数点的数字千分化。传入参数必须是数字,若非数字,传入前务必转化为数字,在进行传参。function qianfen(num){ if((num+'').indexOf('.')>=0&&(typeof num ==='number')){ let nStr=num.toFixed(2)+'' let nAr...

2018-09-04 16:19:46 276

原创 开发过程中学到的vue相关知识

1、vue中的watch检测不到对象中属性值的变化?改变其中一个参数(deep:true)就可以得到解决。 如果想不用option改变,立即打印newVal,则添加 immediate: true。watch: { option:{ handler(newVal) { console.log(newVal); }, deep: true, immediate: tru...

2018-09-03 16:07:24 102

转载 Vscode更新之后rg.exe占用cpu过高

Vscode更新之后rg.exe占用cpu过高 文件->首选项->搜索“search.followSymlinks”改为false

2018-08-20 17:08:46 1344

原创 bounce.js使用

<template> <div class="chapter-4"> <div class="bounce-box" ref="bounce_box"></div> <div class="btn_container"> &a

2018-08-20 16:04:05 1317

原创 动态改变style属性

直接上代码<div :style="styleObj"></div>data(){ return{ styleObj:{background:'url(路径) no-repeat center',backgroundSize:'100% 100%'} } }

2018-08-16 11:39:12 3638

原创 类名

vue 中子组件的css类不能和父组件的类名相同,否则会受到父组件类名的影响。

2018-08-15 14:26:43 122

原创 draggable,移动元素

el.onmousedown = function(ev){ el.style.position="absolute" var ev = ev||event; var disX = ev.clientX - this.offsetLeft; var disY = ev.clientY ...

2018-08-10 09:16:52 564

转载 vue自定义指令

一、自定义指令的创建和使用Vue自带的指令很多,v-for/v-if/v-else/v-else-if/v-model/v-bind/v-on/v-show/v-html/v-text…但是这些指令都是比较偏向于工具化,有些时候在实现具体的业务逻辑的时候,发现不够用,如何来自定义指令.1、自定义指令①创建new Vue({  directives:{    cha...

2018-08-09 17:27:31 813

转载 js中call()、apply()、bind()的用法终于理解

javascript中call()、apply()、bind()的用法终于理解 其实是一个很简单的东西,认真看十分钟就从一脸懵B 到完全 理解!先看明白下面:  例1obj.objAge; //17obj.myFun() //小张年龄undefined  例2   shows() //盲僧 比较一下这两者this 的差别,第一个打印里面的this 指向ob...

2018-08-09 12:42:09 128

原创 自己模拟的复选框

效果图: gif: 单个复选框<template> <span class="home" @click="change"> <span class="home_checkbox" :class="{active:checked}"></span>

2018-08-08 19:43:26 437

转载 marquee 跑马灯

marquee标签详解 标签,它是成对出现的标签,首标签和尾标签之间的内容就是滚动内容。标签的属性主要有behavior、bgcolor、direction、width、height、hspace、vspace、loop、scrollamount、scrolldelay等,它们都是可选的。 behavior属性 behavior属性的参数值为alternate、scroll、slide中...

2018-08-03 10:49:43 1639

原创 实现父子组建的双向绑定

前言:实现父子组建的双向绑定代码如下://farther.vue:kidData.sync="fartherData"//kid.vueprops:['kidData'],watch:{kidData(val){this.$emit('update:kidData',val)}}

2018-08-02 14:31:33 107

空空如也

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

TA关注的人

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