自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 删除cookie、获取cookie

/** * @method getCookie 获取指定name的cookie值 * @param {name} 需要获取的cookie的name值 * @return {String} 如果该cookie存在就返回cookie值,不存在就返回空 */GcookieApi.prototype.getCookie=function(name){ var cookieStr=document.cookie; if(cookieStr.length>0){ var start =c..

2020-05-10 21:53:37 82

转载 HTML页面回退

onpageshow 监听页面是否是缓存页面  需求:点击A页面跳转至B页面,在B页面点击手机物理回退键或者history.back回退时,需要在A页面判断当前页面是否是回退回来的页面,而不是新加载的。这里用到一个onpageshow 事件。定义和用法onpageshow 事件在用户浏览网页时触发。onpageshow 事件类似于onload事件,onload 事件...

2020-03-20 16:00:55 154

原创 uni-app使用uni-ui

1.安装uni-uinpm install @dcloudio/uni-ui2.引入组件import {uniBadge} from '@dcloudio/uni-ui'//import uniBadge from '@dcloudio/uni-ui/lib/uni-badge/uni-badge.vue' //也可使用此方式引入组件export default { c...

2020-03-20 10:55:09 743 1

原创 vscode 快速新建.vue模板

1.文件 ==> 首选项 ==> 用户代码片段 ==> 输入vue,选择vue.json==> 编辑vue.json文件如下:(使用本人的结构){ // Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body an...

2019-12-24 09:34:56 47

原创 配置vue环境

在config文件新建自己所需的环境(例:test测试环境,peod正式环境)新建test.env.js和prod.env.js'use strict'module.exports = { NODE_ENV: '"testing"', BASE_API: '"https://test.com"',//自己配置的域名或者其他可以放这里 REAL_NAME: '"test"...

2019-12-20 16:01:31 49

转载 vue无刷新修改url参数

import merge from 'webpack-merge';修改原有参数 this.$router.push({query:merge(this.$route.query,{'maxPrice':'630'})})新增一个参数:this.$router.push({query:merge(this.$route.query,{'addPa...

2019-04-12 10:13:09 5836 3

原创 vue压缩字体

由于制作H5页面,需求要设置炫一点的字体,但是字体包太大加载太慢,所以出现了特殊字体压缩与字蛛的使用原理:把需要的字的字体保存,用不到的字的字体清除实现:1.下载好你需要的字体2.在项目中新建一个页面,利用一个标签输入所有你要用到的特殊文字(vue 的话可以直接在index.html写,后面再删除即可)<style> @font-face{ ...

2019-01-15 14:33:55 1463

原创 vue 图片查看器(可缩放,翻上下一页等)使用

NPM1.安装npm install vue-photo-preview --save2.main.js引入import preview from 'vue-photo-preview'import 'vue-photo-preview/dist/skin.css'var options = { tapToClose: true, //点击图片默认关闭 c...

2019-01-04 16:43:12 1349

原创 vue 封装axios

import axios from "axios";axios.defaults.headers.common["Content-Type"] ="application/json; charset=UTF-8";axios.defaults.headers.common["clientType"] = "H5";axios.defaults.withCredentials = false...

2018-12-28 11:13:18 69

原创 vue 封装微信分享

/*----------------------------share.js----------------------------*/import wx from 'weixin-js-sdk'import qs from 'qs'import {Toast} from 'mint-ui'import axios from "axios";axios.defaults.header...

2018-11-26 09:43:46 523

原创 在移动端,教你如何在可以滚动的div上禁用默认浏览器滚动(橡皮筋效果)

自己在用vue-waterfall-easy这个插件写移动端瀑布流的时候,发现他自带的下拉刷新非常难用(基本不可用),原因是每次下滑都会触发浏览器的橡皮筋效果,下拉刷新的功能根本拉不出来,这很尴尬,于是百度了许久,终于找到一个合适方法,现在为了纪念一下这个砸电脑砸手机的冲动时刻,特此保留以后使用以及帮助更多人。如有疑问,或者更好的解决方法,直接留言哦!!! //全局监听 ...

2018-11-10 20:08:08 1597

原创 html2canvas截图功能

直接上代码<!DOCTYPE html><html><head> <meta name="layout" content="main"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&g

2018-06-07 14:39:57 99

原创 类似QQ抖动动画实现

直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"></head><body ><img id="win" style='position:relative;top: 4px

2018-06-07 14:34:11 177

翻译 base64图片上传七牛云

直接上代码:// 上传base64图片到七牛putb64=function(picBase){/*picBase是base64图片带头部的完整编码*/ var picUrl;/*picUrl用来存储返回来的url*/ /*把头部的data:image/png;base64,去掉。(注意:base64后面的逗号也去掉)*/ picBase=picBase.substring...

2018-06-07 14:30:15 561

原创 mint-ui的学习入门实例

今早上看了一下mint-ui,官网看的虽然不是完全学会使用,但是通过自己百度了解,现在已经可以掌握对mint-ui的基本使用,下面是我自己练习的一些小案例集合,仅供参考,代码如下:<template> <div id="a4"> <p>mint-ui案例</p> <div @click='_Toast()'>T...

2018-03-05 11:42:02 2675

原创 HTML选择图片直接预览效果

直接上代码<!DOCTYPE html><html><head> <meta name="viewport" content="width=device-width" /> <title>选择图片并预览</title> <script type="t

2018-03-05 09:18:30 3254

原创 使用vue制作一个购物车选择功能

使用vue制作一个购物车功能,只是一个测试版本,注重的是功能实现,界面并没有做好,数据也是模拟数据等            不说那么多,直接上代码<template> <div id="app"> 全选<input type="checkbox" v-model="checkall" @change="check_all()">

2018-02-27 16:05:07 3734 2

原创 HTML+JS制作无限滚动广告代码

对于火热的H5,虽然你会用,但是不一定全部会写。这里记录的是html+css实现的广告无限滚动效果。后期还会记录自己学习中遇到的小应用知识!谢谢

2018-02-12 14:42:02 6226 1

转载 WEEX快速创建工程

【入门】WEEX快速创建工程 Hello WorldHello WEEX本不想写此引导性博文的,但个人在创建第一个Demo时确实出现了太多坑,且官方并未给出很好但入门引导。顾撰写此文,希望对初学者有所帮助,不至于出现“从入门到弃门而去”的现象。文中若有不当之处,还请不吝指正。开发环境根据你所使用的操作系统、针对的目标平台不同,

2018-01-17 17:40:49 323

原创 WEEX环境搭建步骤

1.一般使用vue或者vue框架的时候我们都会用到nodejs环境与npm。使用node -v , npm -v 命令检测自己电脑是否已经成功安装如果没有安装请前往nodejs官网下载最新版本完成安装(安装了nodejs,npm也会随之安装)2.安装weex-tllokit$ npm install -g weex-toolkit$ weex -

2018-01-16 17:39:36 172

空空如也

空空如也

空空如也

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

TA关注的人 TA的粉丝

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