自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(33)
  • 问答 (3)
  • 收藏
  • 关注

原创 vue 中计时器

简单计时器 webviewTimer( ) { this.timeOut = setTimeout(() => { this.webviewTimer() }, 2000) },清除计时器 clearTimeout(this.timeOut)//清除计时器//倒计时 n天n时n分n秒html中 <span&g.

2020-09-25 14:16:26 2014

原创 less基础小结

CSS 需要书写大量看似没有逻辑的代码,不方便维护及扩展,不利于复用,尤其对于非前端开发工程师来讲,往往会因为缺少 CSS 编写经验而很难写出组织良好且易于维护的 CSS 代码,造成这些困难的很大原因源于 CSS 是一门非程序式语言,没有变量、函数、SCOPE(作用域)等概念。为了方便前端开发的工作量,出现了sass和less.less的使用注意事项less使用.less作为文件后缀。通过第三方工具,可以一键或者实时编译成对应的css文件。也就是说:实际项目中,我们编辑的是.less文件,但引...

2020-07-25 16:25:29 243

原创 css写对话框样式

<div class="tooltip"> <p>我是一个对话框样式</p> <span class="triangle"></span></div>.tooltip { position: relative; background-color: silver; width: 200px; height: 50px; border-radius: 0.25em; dis...

2020-07-08 10:26:03 2006

原创 vue下载后台接口返回的二进制流文件转为Excel文件

this.$http({ method: "post", responseType:"arraybuffer", url: '导出接口地址' , data:{}}).then((res)=>{ if (res.status === 200 && res.data) { var disposition = res.headers['content...

2020-04-30 09:45:43 3515 1

原创 vue中使用友盟统计,统计到每个路由

只需在app.vue中加上此段代码mounted(){ const script = document.createElement('script'); script.src = 'https://s65.cnzz.com/z_stat.php?id=1275785147&amp;web_id=1275785147';//友盟中的代码 script.lan...

2019-03-02 14:19:42 2930 2

原创 vue使用matomo进行数据统计,区别每个路由

首先在main.js找那个引入vue-matomo安装一下matomoimport VueMatomo from 'vue-matomo'Vue.use(VueMatomo, { host: 'http://matomo.na.xyz', // 这里配置你自己的piwik服务器地址和网站ID siteId: 3,//siteId值 // 根据router自动注册 ...

2019-03-02 14:15:19 6739 5

原创 vue项目中使用服务器端js中的变量的相关问题

首相,绝对地址中的js是这样的此处我想引用baseUrl中的变量(function(global, config) { var baseUrl = { shopId:1469, imgUrl:'https://namek-admin.oss-cn-beijing.aliyuncs.com/changeu/fe4ad7af6de5429b9c5052283fd8ecf0.jpg'...

2019-02-12 17:52:50 441 1

原创 vue 中区分测试环境和正式环境

其实很简单,只要改动四个地方就行,不管你用的是vueResource或者anxios都可以1.在/config/dev.env.js 和/config/prod.env.js中分别这样修改/config/dev.env.js'use strict'const merge = require('webpack-merge')const prodEnv = require('./pr...

2019-01-18 16:54:43 7023

转载 去除img的默认边框

转自https://blog.csdn.net/qq_39833794/article/details/79922355祝工作顺利,身体健康

2019-01-07 16:16:07 2961

原创 vue中用cdn引入优化vender.js大小,和cdn 引入mint-ui的问题

  下面是常用的cdn链接 &lt;link rel="stylesheet" href="https://cdn.bootcss.com/mint-ui/2.2.13/style.css"&gt; &lt;script src="https://cdn.bootcss.com/vue/2.5.21/vue.min.js"&gt;&lt;/script&gt; ..

2019-01-07 11:44:29 4037 2

转载 js复制粘贴功能(兼容浏览器)

&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"&gt;&lt;/

2018-12-29 10:36:46 1229 1

原创 友盟统计添加之后页面出现 "站长统计",隐藏站长统计4个字的方法

 &lt;div style="display:none"&gt;&lt;script src="http://s5.cnzz.com/stat.php?id=5844924&amp;web_id=5844924" language="JavaScript"&gt;&lt;/script&gt;&lt;/div&gt;其中script放上你自己的链接这个

2018-12-27 14:56:05 6823

转载 js微信禁用右上角的分享按钮,,和vue中微信页面禁用右上角的分享按钮的问题

1、隐藏微信网页右上角的按钮document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {    // 通过下面这个API隐藏右上角按钮    WeixinJSBridge.call('hideOptionMenu');});             document.addEventL...

2018-12-19 18:27:08 6898 2

原创 Vue中读取使用本地json数据,及打包后的访问问题

vue项目中访问本地json能避免,因服务器原因请求速度很慢很慢,1.首先建立一个json文件,放到static文件下,要保持是正确的json格式,例如,或者你只有data里面的数据就行,我这是从接口返回的数据直接粘贴过来的{ "msg": "success", "code": 0, "data": { "activityPrize": [ ...

2018-12-18 20:43:53 14872 6

原创 vue中动态绑定style和三目绑定class

&lt;ul class="wrap"&gt; &lt;li v-for="(val,index1) in value" :key="index"&gt; &lt;div class="div" :class="buttonClick ? 'classA' : 'classB' "

2018-12-12 16:57:57 7121

转载 vue中computed

https://blog.csdn.net/lwx931449660/article/details/82952918祝工作顺利,身体健康

2018-12-12 13:19:06 666

原创 缓存的存值,取值,删除

//1,存值sessionStorage['key']='value';sessionStorage.setItem('key','value');//2,取值var v=sessionStorage['key'];var f=sessionStorage.getItem('key');//3,删除sessionStorage.removeItem('key');//4,清除数...

2018-12-11 11:15:23 614

原创 vue 移动端,支付宝支付和微信支付,和解决WeixinJSBridge is not defined 报错的方法

微信支付 &lt;button class="parkPay" @click="topPayWei()" v-show="payMoney" :disabled="payButton"&gt;需支付{{lastPrice}}元,去支付&lt;/button&gt;// 点击立即缴费调取支付接口 topPayWei(){ con

2018-12-03 10:21:22 10624 3

原创 vue项目中无法实现内网穿透,因为localhost的限制

"version": "1.0.0", "description": "y", "author": "y", "private": true, "scripts": { "dev": "webpack-dev-server --inline --progress --config build/

2018-12-03 10:04:10 6423

原创 服务器端的txt文件在浏览器上显示中文乱码问题处理

如果想让它正常显示,怎么办呢很简单,只需右键保存,然后用记事本打开就行了,亲测有效  祝工作顺利,身体健康

2018-12-03 10:02:34 8475

原创 现在用vue.js在做一个手机下拉加载更多的功能,因为是手机端,要保留以前的数据,类似与append的操作,

&lt;ul class="scoreUl"&gt; &lt;li class="clear" v-for="item ,index in dataArr"&gt; &lt;div class="scoreText"&gt; &lt;p class="scoreNu

2018-11-28 14:37:59 1681 2

转载 oss上传图片

https://blog.csdn.net/Idiot_2018/article/details/82490807 https://blog.csdn.net/AloneAsFoam/article/details/77880475这两篇文章已经可以完成,用签名直接上传到oss上的功能,后续有时间再补充 祝工作顺利,身体健康...

2018-11-25 13:00:27 155

原创 jq中如何调用vue中的方法

vue:var app = new Vue({ el:'#main', data:{}, method:{ fn:function(){ }} jq:$('#main').click(function(){ app.fn();)祝工作顺利,身体健康

2018-11-22 10:44:55 6500 3

转载 vue中公用loading组件

https://blog.csdn.net/web_xyk/article/details/80449752 祝工作顺利,身体健康

2018-11-14 10:46:13 217

原创 vue-cli 解决Invalid Host header的问题,,

在webpack.dev.conf.js中添加:disableHostCheck: true devServer: { public: 'local.kingsum.biz', clientLogLevel: 'warning', historyApiFallback: true,hot: true,compress: true,host: HOST || config.dev....

2018-11-09 17:55:03 756

原创 vue 中微信支付,显示WeiXinJSBridge is not defined的问题

var vm= this; if (typeof WeixinJSBridge == "undefined"){//微信浏览器内置对象。参考微信官方文档 if( document.addEventListener ){ document.addEventListener('WeixinJSBridgeReady', vm.onBri...

2018-11-09 11:15:02 9680 2

原创 vue中build中打包出错

然后相应的配置是这个if (config.build.productionGzip) { const CompressionWebpackPlugin = require('compression-webpack-plugin') webpackConfig.plugins.push( new CompressionWebpackPlugin({ asse...

2018-11-07 09:32:41 8946

转载 nginx解决跨域问题

https://www.cnblogs.com/bninp/p/5694277.html  祝工作顺利,身体健康

2018-11-05 16:10:34 67 1

原创 vue中生成条形码,以及条形码的所有参数

//安装条形码插件npm install @xkeshi/vue-barcode 在main.js中引入import VueBarcode from '@xkeshi/vue-barcode'; //导入条形码插件Vue.component('barcode', VueBarcode); //声明条形码组件 &lt;p class="printOrder" v-for=...

2018-11-05 14:45:26 9203 5

原创 jq中金额分和元的转换

分转换为元,无小数点const str = (totalPayFee/100).toFixed(2) + '';const intSum = str.substring(0,str.indexOf(".")).replace( /\B(?=(?:\d{3})+$)/g, ',' );元转换为分 num=num*100;//元到分祝工作顺利,身体健康...

2018-10-31 19:09:25 4061

原创 Vue中使用mint-ui的日期插件时在ios上会有滚动穿透问题

问题:在ios上选择日期上下滑动时,整个页面会跟着滚动,安卓是正常的解决方法就是在日期弹出层出现的时候禁止页面的默认滚动机制,日期弹出层消失的时候解除禁止页面的默认滚动机制 1.调用日期组件 &lt;div class="datePicker" style="z-index: 9999"&gt; &lt;mt-datetime-picker type="d...

2018-10-23 13:38:00 2091 8

原创 vue中怎么引用jq呢

1.第一步先在package.json里的dependencies加入"jquery" : "^3.2.1", 2.在cmd中输入npm install jquery --save-dev  当然用 淘宝镜像 cnpm 也是可以的   注意此时:jquery 一定要小写 不然会提示  Please use 'jquery' (all lowercase)3.找到build文件夹下的...

2018-10-19 14:21:02 1425

原创 获取type=radio属性的value值,获取选中的option的值,给特定value的option设定选中

    1.获取选中值,三种方法都可以:$('input:radio:checked').val();$("input[type='radio']:checked").val();$("input[name='rd']:checked").val();2.设置第一个Radio为选中值:$('input:radio:first').attr('checked', 'c...

2018-10-18 10:20:18 2012

空空如也

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

TA关注的人

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