- 博客(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
原创 预览图片
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 =&gt; 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
原创 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
原创 对象的遍历
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)=&gt;{ if(copedPicItems[Math.floor(index/5)] instanceof Array){ copedPicItems...
2018-10-17 11:30:36
761
原创 去除数组中其他项子集的项以及相同的项
function isSubset(a,b){return a.every(it=&amp;gt;{return b.indexOf(it)&amp;gt;=0})}//判断 a 是否为 b 的子集function deleteSubset(a){let A=[]a.forEach((it,index,arr)=&amp;gt;{var b=arr.some((it2,index2)=&amp;gt;{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('.')&amp;gt;=0&amp;amp;&amp;amp;(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
原创 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关注的人