自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(75)

原创 vue后台常用模板

vue后台常用模板:element文档:http://element-cn.eleme.io/#/zh-CN/component/installationvue API:https://cn.vuejs.org/v2/api/以下是在下收集的三个常用的vue模板1、vue-manage-systemgit地址:https://github.com/lin-xin/vue-manage-system线上地址:http://blog.gdfengshuo.com/example/wor...

2020-09-03 11:04:08 26

原创 使用html2canvas将HTML转图片

我们经常会遇上动态生成海报的需求,而在Web前端中,生成图片非Canvas莫属。但是在实际工作当中,为了追求效率,我们会不可避免地去使用一些JS插件,而html2canvas.js就是一款优秀的插件,它可以轻松地帮你将HTML代码转换成Canvas,进而生成可保存分享的图片。具体如何使用这款插件呢?接下来请让我用一个简单的示例来为大家讲解。现在假设要生成如下图片,而所有图片和文字都是动态获...

2020-03-31 11:46:04 132

原创 echarts中formatter属性

tooltip中的数据格式(数据点的悬浮框)[javascript] view plain copytooltip : {  trigger: 'axis',  formatter:function(a,b,c){  return a+'<br/>'+b+c;  }  },  formatter格式化方法的参数说明:(下面一段话引用自https://www.cnblog...

2019-01-18 17:19:32 13874

原创 echarts饼图详解

var getOption1 = function(chartType) {    var chartOption1 = {        calculable: false,        title: {            text: '2018年投标情况概览',            x: 'center',            textStyle: {         ...

2019-01-18 17:00:31 603

原创 echarts折线图详解

      var option = {         backgroundColor: '#FFF0F5',         title: {          text: '折线图',          subtext: '模拟数据',          x: 'center'        },         legend: {          // orient...

2019-01-18 16:58:10 1086

原创 Echarts 柱形图详解

Echarts 柱形图详解置顶 2018年04月15日 00:11:47 -小龙人 阅读数:15612更多所属专栏: Echarts学习之路 版权声明:本文为博主原创文章,若转载请标明,否则画个圈圈诅咒你。 https://blog.csdn.net/qq_36330228/article/details/79945928Echarts 柱形图echarts百度针对数据报表等展...

2019-01-18 16:54:56 408

原创 nuxt引入第三方插

第一种  npm install --save jquery先下下来 webpack的  jquery 然后  nuxt.config.jsconst webpack = require('webpack')module.exports = {    build: {                plugins: [          new webpack.Provid...

2018-10-30 15:54:45 1035

原创 Vue项目用百度地图定位

1.首先我们先在本地获取到城市定位<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scala

2018-10-30 09:49:48 1842

原创 vue 地图找房功能

<template> <div class="mapSeekShop"> <div class="nav clearfix"> <img class="navBack fl" src="../../../static/images/common/back.png" alt=&quot

2018-10-29 11:17:37 1170 1

原创 vue中vuex数据持久化

vuex数据持久化,vuex-persist第一步,安装vuex-persistnpm install -S vuex-persist第二步,在store文件中引用import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)import VuexPersist from 'vuex-persist'const v...

2018-10-26 14:54:04 1232

原创 vue 上传多张图片到阿里云

1.引入阿里云js<script src="http://gosspublic.alicdn.com/aliyun-oss-sdk-4.4.4.min.js"></script>2.代码部分  <template> <div class="user"> <div class="nav"

2018-10-26 14:35:18 1172

原创 vue 上传单张图片到阿里云

1.引入阿里云js<script src="http://gosspublic.alicdn.com/aliyun-oss-sdk-4.4.4.min.js"></script>2.html部分<div class="businessLicense"> <dl class="businessLicense3"> &a

2018-10-25 16:22:56 988

原创 vue 提现动态变化原理

1.创建一个新的数组,点击选择的时候判断这个数组中有没有这个对象,没有则添加,有则删除2.每次点击循环这个对象,计算对应的价格,税,总额,清空数组,push新的数组,每次遍历新的数组计算...

2018-10-22 11:21:45 592 1

原创 Nuxt框架项目实战

前言今天抽空过了遍nuxt文档,写了个实践demo,关于nuxt我已经断断续续看了好几遍了,自我感觉也算是入门了吧,从开发到上线心里都有底。后期打算在项目用起来的是nuxt框架,一些函数工具库,比如ramda,lodash等等,后台服务估计会使用### fastify 这个库,目测非常方便,尝试尝试。基础只是还是以官方文档为主,尝试过程中如果有什么问题可以留言,看到会回复,文章如有错误,...

2018-10-19 11:21:06 2638

原创 VUE登录后返回上一个页面

1.在main.js中2.在登录页面

2018-10-17 16:18:01 3496

原创 vue项目seo(prerender-spa-plugin预渲染)

对于vue、react、angular这类项目而言,seo真的是一大痛点。为什么seo是spa项目的痛点网络爬虫在爬取网页内容的时候,需要分析页面内容,主要有以下几点:从 meta 标签中读取 keywords 、 description 的内容。根据语义化的 html 的标签爬取和分析内容。一个整体都是用 div 标签的网站和正确使用了 html5 标签的效果是不一样的。读取 a ...

2018-10-16 11:24:49 304

原创 vue 动态生成二维码

一、使用jquery.qrcode生成二维码1、首先在页面中加入jquery库文件和qrcode插件<script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.qrcode.min.js">&am

2018-09-17 11:18:15 781

原创 vue验证码60秒倒计时功能

html部分<span v-show="show" @click="getCode">获取验证码</span><span v-show="!show" class="count">{{count}} s</span>js部分data(){  return {   show: true,   c

2018-08-24 15:38:07 473 1

原创 vue2.0创建的项目的步骤

1.由于vue项目依赖 node.js npm 需要先安装.   若没有请先安装,请百度//检查是否有node.js  npm vuewin+r   输入cmd  输入node -v  回车 会出现node,js的版本 输入npm -v  回车 会出现npm的版本输入vue -V 回车 会出现vue的版本  2.安装vue:[plain] view plain co...

2018-08-14 11:06:19 725

原创 VUE中只能输入数字

第一种1.使用@input方法和type=tel2.利用正则处理 第二种1..使用keyup方法2.利用正则1.可以输入汉字,空格自动回退onkeyup="this.value=this.value.replace(/(^\s+)|(\s+$)/g,'');"2.不可点击空格,汉字都不能打onkeyup="this.value=this.value...

2018-07-27 17:06:14 19863 1

原创 VUE不兼容手机百度浏览器,当前URL不会变问题

首页面滑到底部跳转到其他页面1.在app.vue中添加监听事件2.添加方法

2018-07-02 11:50:06 1093

原创 react native安装步骤

1.安装python和node.js,直接去官网下载安装包2.设置淘宝镜像源npm config set registry https://registry.npm.taobao.org --globalnpm config set disturl https://npm.taobao.org/dist --global3.下载Java Development Kit [JDK] 1.8,点击下...

2018-06-25 16:30:26 119

原创 Vue-cli使用prerender-spa-plugin插件预渲染

使用prerender-spa-plugin插件预渲染众所周知单页面应用不利于SEO,为了解决这个问题网上所给出的2个解决方案1、服务器端渲染2、预渲染由于页面较少,且预渲染相对于SSH比较简单,于是选择预渲染页面,预渲染可以极大的提高网页访问速度。而且配合一些meat插件,基本可以满足SEO需求。说明:使用这种方式,路由需要设置History 模式第一步:安装prerender-spa...

2018-06-19 16:17:03 6062 10

原创 js毫秒数转化当前时间

//获得年月日 得到日期oTimefunction getMyDate(str){ function getzf(num){ if(parseInt(num) < 10){ num = '0'+num; } return num; } var oDate = new Date(str), oYear = oDate.getF...

2018-06-15 16:31:24 1031

原创 微信拍照功能

1.配置签名2.点击按钮调用微信拍照,并上传微信服务器,然后把serverID传给后台

2018-06-14 13:02:02 341

原创 H5调用微信公众号支付

引导用户唤起微信授权确认页面这里需要我们做两件事,第一去配置jsapi域名,第二配置微信网页授权的回调域名构建微信授权的url "https://open.weixin.qq.com/connect/oauth2/authorize?appid=" + appId + "&redirect_uri=" + location.href.split('#')[0] + "&respon...

2018-06-14 10:40:06 1118

原创 vue微信、H5、支付宝支付接口

1.H5微信支付后台会返回一个URL,前端直接跳转就OK(需要你传给后台一个ip,必须保证在同一域名下)2.H5支付宝支付后台会返回一段html代码,前端直接用3.PC微信支付前端拼接后台地址直接生成二维码,然后放到img标签中,然后调用后台接口判断是否支付成功4.PC支付宝支付前端拼接参数直接跳转后台给的url2.微信公众号支付1.进入当前...

2018-06-13 16:00:59 3248 2

原创 vue 中解决移动端使用 js sdk 在ios 上一直报invalid signature 的问题解决

最近项目需求,需要一个上传多张图片的功能,但是出现的问题是在安卓端是没有问题的,但是在ios上一直都是 invalid signature,但是刷新页面就没有问题了。Vue主打,router使用history模式,外加微信JSSDK套餐 排查了各种情况总是找不出原因,而且神奇的是在安卓上可以正常获取位置,就只是在ios上一直“invalid signature”,打印出来的当前url跟签名的url...

2018-06-13 14:17:20 2170 2

原创 vue项目中,图片无法显示时,显示默认图片

在vue项目中,同样的图片,设置在img的src中能正常显示 设置在img的onerror中不能正常显示原因项目启动后, 图片的路径并不是我们写的路径了。示例: 源代码:// 直接加载<img src="../../assets/img/timg.jpg">// 设置为logo.png加载失败后显示的默认图片<img src="/logo.png" onerror="thi...

2018-06-13 13:29:53 7283

原创 vue内网穿透

1.打开https://natapp.cn/2.填写对应端口3.下载客户端,打开natapp.exe,运行natapp -authtoken=457e7ed5590b56774.打开config/index.js5.打开build/base.config.js,添加如下代码

2018-06-01 09:15:55 3328

原创 vue如何定义全局变量 全局函数

定义全局变量原理:设置一个专用的的全局变量模块文件,模块里面定义一些变量初始状态,用export default 暴露出去,在main.js里面使用Vue.prototype挂载到vue实例上面或者在其它地方需要使用时,引入该模块便可。全局变量模块文件:Global.vue文件:<script>const serverSrc='www.baidu.com';c...

2018-06-01 09:00:41 10638 1

原创 sass中使用@if,@for,@each和@while。

@if@if指令是一个SassScript,它可以根据条件来处理样式块,如果条件为true返回一个样式块,反之false返回另一个样式块。这里有一个@if指令的简单示例,我已经对示例做了简化处理,只适合阅读,并不太实用。$boolean: true !default;@mixin simple-mixin { @if $boolean { @debug "$boolea...

2018-05-29 14:23:31 2486 1

原创 placeholder

1.获取焦点清空内容,失去焦点显示内容2.改变颜色input::-webkit-input-placeholder{ color: #ccc;}input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color: #ccc;}input:-moz-placeholder{ /* Mozilla Firefox 4 to...

2018-05-24 10:53:39 2172

原创 js判断是什么浏览器

function isIEVersion(){ var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; //判断是否IE<11浏览器...

2018-05-18 14:36:53 643

原创 url判断是手机打开还是电脑打开

//检测是什么设配打开function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod" ]; var flag = true; for (va

2018-05-18 14:34:11 739

原创 vue列表进入详情页面返回时数据缓存

1.在app.vue中添加2.在router.index中添加3.在列表页面添加

2018-05-18 10:28:52 4955

原创 input type = "search"

1.必须包一层form2.点击键盘搜索3.去掉关闭按钮

2018-05-18 10:22:48 1273

原创 webstorm中配置less和scss

一、配置less1.         全局安装less   npm install less -g 2.         打开webstorm→file→settings→Tools→file watching 3.         找到npm下的lessc.cmd文件 4.新建less文件直接编译 二、配置scss1.安装ruby 2.安装好ruby以后, cmd,输入gem in...

2018-05-15 14:28:57 164

原创 正则验证不能为空

var reg = /^\s*$/g;if(reg.test(this.search) || this.search == null || this.search == ""){ this.$layer.msg("搜索内容不能为空")}else{ window.location.href = "shopList.html?search=" + this.search;}...

2018-05-15 12:30:25 26705

原创 vue 解决ie9的兼容问题

当vue遇见ie9的时候,部署到服务器之后,打开居然是一片空白,vue是支持ie9的,这个时候就需要来一波兼容了参考尤大的解答 https://github.com/vuejs-templates/webpack/issues/26012首先npm install –save babel-polyfill然后在main.js中的最前面引入babel-polyfillimport 'babel-...

2018-05-14 11:17:56 5982

空空如也

空空如也

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