wild_guiqulaixi-CSDN博客

原创 vue移动端input上传视频、音频

vue移动端input上传视频、音频html部分<div class="title">现场视频</div> <div class="upLoad"> <label for="pop_video" id="labelr"> <video id="videoId" contr...

2019-08-08 15:45:24 2839 1

原创小程序上传视频

小程序上传视频.js文件.wxml.wxss.js文件// miniprogram/pages/message/messageForm/messageForm.jsPage({ /** * 页面的初始数据 */ data: { webServer: 'https://xxxx.xxx.com', src: '', webviewshow: 'hide',...

2019-08-02 17:34:05 2454

原创获取地理位置定位信息-app端

获取地理位置定位信息-app端getLoad() { let site = {} let onSuccess = (position) => { site.code = 0 //获取经纬度 site.position = [position.coords.longitude, position.coords.latitude]...

2019-07-18 14:21:08 4618

原创 js 根据当天日期获取本周信息

js 根据当天日期获取本周信息function getDates() { var new_Date = new Date() var timesStamp = new_Date.getTime(); var currenDay = new_Date.getDay(); var dates = []; for(var i = 0; i < 7; i++...

2019-07-18 14:14:18 1436

原创 vue 导航守卫

全局前置守卫你可以使用 router.beforeEach 注册一个全局前置守卫：const router = new VueRouter({ ... })router.beforeEach((to, from, next) => { // ... console.log(from)//从哪儿跳转过来的 path:"/" .从"/" 跳转过来！ //{name: null...

2019-05-27 16:08:02 219

原创【520】移动端上传图片功能(二)

base64转file核心部分这部分主要是将input type=file获取到的base64码转成file形式,一般看情况，如果后端需要base64，辣么就不用转啦，直接用。dataURLtoFile(dataurl,filename) {//将base64转换为文件 (base64, 'jpg/png/gif') var arr = dataurl.split(','), mime...

2019-05-21 00:22:44 516

原创【案例】移动端上传图片功能(一)

核心部分(.html) window.onload = function() { let fileTag = document.getElementById('file'); // console.log(fileTag) // console.log(this.pic) let that = this fileTag....

2019-05-17 20:17:01 1101

原创数组对象去重【其二】

一个数组中有多个对象，如何将对象属性相同的进行去重？类似于这样arr = [ { a: '1', b: 'q1' }, { a: '2', b: 'q2' }, { a: '1', b: 'q3' }, { a: '1', b: 'q4'...

2019-05-09 09:09:44 231

原创日常搞笑（一）

日常探讨一个色调问题同事：这个按钮的颜色不对啊~ME：取色就是这样滴~同事：这个绿的颜色太暗了ME：绿有很多种啊，你要哪种绿同事：要绿的发光的那种...

2019-05-07 17:08:44 663

原创 CSS 手写按钮

CSS 手写按钮HTML部分<template> <div id="index" @click="checked"> <div class="btn btnOff" v-if='isChecked'> <div class="raio"></div> <...

2019-05-07 15:03:38 564

懒加载概念对于页面有很多静态资源的情况下（比如网商购物页面），为了节省用户流量和提高页面性能，可以在用户浏览到当前资源的时候，再对资源进行请求和加载。为什么需要懒加载？像vue这种单页面应用，如果没有应用懒加载，运用webpack打包后的文件将会异常的大，造成进入首页时，需要加载的内容过多，时间过长，会出啊先长时间的白屏，即使做了loading也是不利于用户体验，而运用懒加载则可以将页面进行...

2019-05-06 13:59:20 415

原创 sessionStrorage保存、获取、清空等一些方法

sessionStrorage保存、获取、清空等一些方法1、存值sessionStorage[‘key’]=‘value’;sessionStorage.setItem(‘key’,‘value’);2、取值var v=sessionStorage[‘key’];var f=sessionStorage.getItem(‘key’);3、删除sessionStorage.remov...

2019-04-30 16:08:24 5403

原创如何搭建vue-cli脚手架开发vue项目

如何搭建vue-cli脚手架开发vue项目使用vue-cli搭建vue项目，需要的本地环境是node和npm，node.jsde 安装详细可以去官网了解，安装流程清晰.地址：node.js.关于npm包的安装这里有两种形式。一种是npm，另一种是cnpm淘宝镜像。区别是：cnpm的下载速度比npm快，原因是，cnpm的服务器在国内，npm在国外，下载npm包的时候如果网络不给力，经常下不了报错。...

2019-04-23 16:45:35 222

原创数组去重之数组内对象去重【其一】

首先得到一组需要去重的数组toUp:[ {questionId:1,selectContent:'满意'}, {questionId:2,selectContent:'满意'}, {questionId:3,selectContent:'一般'}, {questionId:4,selectContent:'较满意'}, {questionId:5,selectContent:'不满意'...

2019-04-22 23:32:35 622

原创【前后端联调】接口传参之data:{}和params:{}

【前后端联调】接口传参之data:{}和params:{}使用axios请求后台接口的时候传参有两种形式使用axios的时候可以将其组件化：利于多页面引用某个页面的接口请求POST/GET方式请求将在data:{}中传值，或使用params:{}使用axios请求后台接口的时候传参有两种形式Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。特点：...

2019-04-22 11:15:52 7260

原创 vue实例方法：$emit() 事件(其一)

理解emit是做什么用的官方给出的解释是，触发当前事件附加参数都会传给监听器回调。。。然后就会一大串东西了。详情可以看官网对它的解释：$emit()那么就来个栗子吧~我有两个.vue页面：shopCart页面和cartcontrol页面。cartcontrol页面作为组件被shopCart页面应该用。这是shopCart页面需要做的事~import cartcontrol fr...

2019-04-21 15:56:16 2634

原创 vue 移动端的软键盘对页面css布局影响的解决办法-底部样式被顶起

vue 移动端的软键盘对页面css布局影响的解决办法-底部样式被顶起出现的问题是：输入框聚焦时，手机自带的弹出框把原来的样式顶起。OMG~解决方法：我累代码载这~出现的问题是：输入框聚焦时，手机自带的弹出框把原来的样式顶起。OMG~出现的效果图片是这样滴：解决方法：1.首先要获取整个窗口的高度；2.找到需要聚焦的模块,我这里是input标签；3.对input标签使用addEventLi...

2019-04-20 22:50:25 5950 1

Allanwhy的博客