ヤD草帽Dヤ-CSDN博客

原创删除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 284

转载 HTML页面回退

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

2020-03-20 16:00:55 888

原创 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 3753 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 168

原创配置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 120

转载 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 8998 3

原创 vue压缩字体

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

2019-01-15 14:33:55 2107

原创 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 2223

原创 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 147

原创 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 741

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

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

2018-11-10 20:08:08 2022

原创 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 240

原创类似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 270

翻译 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 757

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

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

2018-03-05 11:42:02 3158

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

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

2018-03-05 09:18:30 4105

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

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

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

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

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

2018-02-12 14:42:02 7300 2

转载 WEEX快速创建工程

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

2018-01-17 17:40:49 429

原创 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 284

qq_41093007的博客