自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Vue框架中添加百度地图组件,及信息窗的配置信息

1.申请百度地图密钥2.在index.html中添加百度地图JavaScript API接口<script type="text/javascript" src="http://api.map.baidu.com/getscript?v=2.0&ak=你的密钥=&t=20170517145936"></script>3.在webpack.base.co...

2018-11-28 15:03:30 2201

原创 Vue轮播图插件实现轮播,及Vue-awesome-swiper使用方法

安装设置1.安装Install vue-awesome-swipernpm install vue-awesome-swiper --save2.怎样使用?①全局导入import Vue from 'vue'import VueAwesomeSwiper from 'vue-awesome-swiper'; //挂载VueAwesomeSwiper/* 样式的话,我这里有用到分页器...

2018-11-28 14:59:46 1903

原创 vue 导出 excel文件

vue 导出excel文件import { downloadBinary } from '@/utils/index'import axios from 'axios'// 导出文件xlsexport function downloadBinary(data, fileName="table.xls") { let blob = data; const reader = new FileReader(); reader.readAsDataURL(blob); // 转换为base6.

2020-08-21 11:14:57 31

原创 微信小程序:百度地图坐标转换成腾讯地图坐标

1.引入QQMapWX import QQMapWX from '../../utils/qqmap-wx-jssdk.min.js'2.微信公众号配置请求域名 https://apis.map.qq.com3.//百度经纬度转换腾讯经纬度 reverseLocation () { console.log('bd', Number(this.data.info.dimensio...

2020-04-26 15:38:05 436

原创 获取验证码倒计时--

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https:/...

2020-04-21 09:55:12 64

原创 在vsCode中 开启本地服务器

在vs code中进行本地调试1、首先在VSCode 上装一个插件:Debugger for Chrome ,如下图所示:在搜索框中输入Debugger for Chrome 然后点击安装2、配置文件,从左到右依次点击红圈中的按钮,然后出现launch.json文件,在里面添加配置信息配置信息如下:{ // 使用 IntelliSense 了解相关属性。 // 悬停以...

2019-11-07 10:38:40 533

原创 input placeholder属性的样式修改

input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #909;}input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #909;}input::-moz-placeholder { /* Mozilla Fir...

2019-10-24 17:19:01 56

原创 去掉input框的默认样式

input{ -webkit-appearance: none;/*系统默认阴影*/ outline:none; border:none;}

2019-10-24 17:15:12 115

原创 超出隐藏...

//多行文本超出隐藏...----------------------------------------------------------------------------display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ...

2019-10-24 17:04:26 77

原创 安卓手机键盘高度适配 fixed谈起bug

/** * 键盘高度适配 */ function fixedKeyboard() { var client_h = document.documentElement.clientHeight; $(window).on("resize",function(){ if (/iphone|ipad/i.tes...

2019-10-17 11:33:32 132

原创 js页面弹出框,遮罩层底部的页面不滑动

//html //css <body class="modal_open" style="-200px" > <body>.modal_open { position: fixed; width: 100%; height: 100%; overflow: hidden;}全局——————————————————————————...

2019-10-14 10:35:39 228

原创 jquery浏览器滚动条长度

<script>var a =''var b='' function check(){ $('body,html').animate({scrollTop:a+'px'},100); } function bbb(){ $('body,html').animate({scrollTop:b+'px'},100); }$(function(){ a = $('#te...

2019-09-22 10:45:25 414

原创 淘宝五颗星星评论

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>淘宝五颗星星评论</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"&g...

2019-09-21 15:37:46 94

原创 js函数与变量提升

1.没有参数的时候:看有没有var,或者函数申明(也就是说如果有变量提升,在函数体内就变成私有变量了,函数体内修改了不会影响父级。)有,子集是undefined,也不会找父级,下面修改了(简单和复合类型)都不会影响父级。没有,子集找不到,会找到父级,下面修改了(简单和复合类型)都会影响父级。2.有参数的时候:(有传参,在函数体内就变成私有变量了,函数体内修改了 不会影响父级。除非用的同一...

2019-08-14 17:39:42 45

原创 计算出100以内的素数

outer:for (var i=3;i<100;i++) { var n =2; while(i>n) { if (i%n == 0) { continue outer; } n++ } console.log(i) }

2019-07-31 17:08:56 132

原创 获取地址栏携带的参数

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>获取地址栏携带的参数</title> <script> var str = 'http://moo.com/mycourse/studentstudy?chapte...

2019-07-30 21:47:56 96

转载 ios 键盘弹起触点错误

问题描述:Vue开发中,当我们相对于父视图的底部布局子控件时,需要用position:fixed,如果页面内容不是很长,没有超出屏幕范围,那就还好,没有问题;一旦超出屏幕范围,当你点击输入框,弹出键盘时,底部固定定位的子控件就会被顶起来。这个问题在iOS端不会出现,在安卓端会出现,原因是键盘加载方式不一样,这里不作详情解答。解决方案:在键盘弹起时,页面高度变小,底部固定定位上升,所以我们只...

2019-05-05 16:39:36 127

原创 vue项目 文本复制插件

// 第一步 // cnpm install vue-clipboard2 --save// main.js引入// import VueClipboard from 'vue-clipboard2'// Vue.use(VueClipboard)&lt;template&gt;  &lt;div&gt;    &lt;div class="wxsmallcode-page publ...

2019-02-19 14:43:03 579

原创 vue 多行文本展开收起

&lt;template&gt;  &lt;div&gt;    &lt;div :class="showTotal ? 'total-introduce' : 'detailed-introduce'"&gt;      &lt;div class="intro-content" :title="introduce" ref="desc"&gt;     

2019-01-04 23:11:28 845

原创 js表单提交数组

// 批量购买(数组)        $('#batch_buy').on('click', function() {            var gids = [];            $('.table .checkbox').each(function() {                if ($(this).prop('checked')) {             ...

2019-01-04 10:55:53 3435

原创 JS中将对象转化为数组

前言其实这本来应该是一个很基础的问题了,但我之做一想记录一下是因为之前因为对象转数组的时候卡住了后来弄了出来,但最近再遇到这个问题时竟然又卡主了,所以,关于这个问题,如何把一个对象{'未完成':5, '已完成':8, '待确认':4, '已取消':6}转为[{"未完成":5},{"已完成":8},{"待确认":4},{"已取消":6}],你已经知道如何操作了,那这篇文章你也就没有必要看了。...

2019-01-03 18:31:33 157

原创 vue项目中,实现微信分享

/* 微信分享 */Vue.prototype.wechatShare = (shareData) =&gt; {  let resource = {    title: '随我心愿!',    desc: '体验优质服务',    link: 'https://www.abc.cn/',    img: 'https://www.abc.cn/images/share_logo.jp...

2018-12-24 17:55:39 1480 3

原创 Mint-UI msg提示框封装

Mint-UI msg提示框封装  import {MessageBox, Toast} from 'Mint-ui'  const msg = (msg) =&gt; {    Toast({      message: msg,      position: 'bottom',      duration: 2000    })  } 调用: msg('保存成功')   ...

2018-12-24 14:31:06 387

原创 底部三角边框

 content: ''; display: block; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-bottom: 6px solid #4a90e2; position: absolute; bottom: 0; le...

2018-12-18 15:37:42 110

原创 vue项目使用百度地图插件,标记店铺分店坐标

&lt;template&gt;  &lt;div id="Map"&gt;        &lt;div id="allmap" class="allmap" ref="myMap"&gt;&lt;/div&gt;  &lt;/div&gt;&lt;/template&gt;&lt;script&gt;

2018-11-29 11:43:16 1718

原创 router切换页面的时候滚动条怎样自动滚动到顶部

// router/index.isconst router = new VueRouter({  routes: [...],  scrollBehavior (to, from, savedPosition) {    // return 期望滚动到哪个的位置       return { x: 0, y: 0 }  }})...

2018-11-22 18:18:58 488

原创 vue多列表传参跳转相应的详情页

    //列表一模板    &lt;div class="NewsList"&gt;      &lt;ul&gt;        &lt;li v-for="(item,index) in newList" :key=index&gt;          &lt;div class="newsImg" @click="more(item.path,index+1)&quo

2018-11-22 14:19:40 3673 2

原创 如何解决vue项目打包之后出现空白页

1.用浏览器打开html文件,很糟糕出现了空白页2.然后我们查看控制台报错信息,我们知道是html页并没有成功引入打包后的项目文件  Failed to load resource: net::ERR_FILE_NOT_FOUND3.config/index.js  46行 --- assetsPublicPath: './',  26行 ---  autoOpenBrowser: tru...

2018-11-20 13:52:58 3012 4

原创 字符串出现的次数

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;    &lt;meta charset="UTF-8"&gt;    &lt;title&gt;Document&lt;/title&gt;&lt;/head&gt;&lt;body&gt;    &lt;sc

2018-10-21 00:26:23 99

转载 小程序的反馈操作

更新:反馈操作官方文档加在了API处今天学习了小程序的反馈操作,然后去官网的文档中查看,惊奇的发现居然没有相应文档。。下面我就来总结一下学习的这四个反馈操作:1、 action-sheet:从底部弹出来的弹窗效果图如图一, 图1 相关代码如下:WXML中:&lt;view class="container"&gt; &lt;button type=...

2018-10-08 14:07:11 968

原创 apply()/call()求数组最值

var  numbers = [5, 458 , 120 , -215 ]; var  maxInNumbers = Math.max.apply(this, numbers);  console.log(maxInNumbers);  // 458var maxInNumbers = Math.max.call(this,5, 458 , 120 , -215); console.log...

2018-09-25 15:21:48 320

原创 你如何获取浏览器URL中查询字符串中的参数?

测试地址为:http://www.runoob.com/jquery/misc-trim.html?channelid=12333&amp;name=xiaomi方法一:   var ohref='http://www.runoob.com/jquery/misc-trim.html?channelid=12333&amp;name=xiaomi';   var oindex=ohref...

2018-09-25 09:39:53 1095

原创 请用js去除字符串空格?

请用js去除字符串空格?方法一:使用replace正则匹配的方法去除所有空格: str = str.replace(/\s*/g,"");      去除两头空格: str = str.replace(/^\s*|\s*$/g,"");去除左空格: str = str.replace( /^\s*/, “”);去除右空格: str = str.replace(/(\s*$)/g, ...

2018-09-25 09:33:05 555

原创 输出今天的日期,以YYYY-MM-DD的方式,比如今天是2014年9月26日,则输出2014-09-26

 var d = new Date();// 获取年,getFullYear()返回4位的数字var year = d.getFullYear();// 获取月,月份比较特殊,0是1月,11是12月var month = d.getMonth() + 1;// 变成两位month = month &lt; 10 ? '0' + month : month;// 获取日...

2018-09-21 18:49:15 1375

原创 数组去重,显示重复的元素及个数。

 var arr = ['土豆','土豆','茄子','土豆','茄子','土豆','紫红色'];    function qc(arr){        var resultObj = {};        var result = [];        var result2 = [];        for(var i=0; i&lt;arr.length; i++){    ...

2018-09-21 11:29:33 420

转载 一个完整的switch例子,星座判断

eg:一个完整的switch例子,星座判断。        &lt;script&gt;            window.onload = function(){                var oBtn = document.getElementById('btn1');                var oTxt = document.getElementById('te...

2018-09-06 14:34:26 1580 3

原创 JS实现全选和反选

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;    &lt;meta charset="UTF-8"&gt;    &lt;title&gt; JS实现全选和反选&lt;/title&gt;&lt;/head&gt;&lt;script&gt;   window.

2018-08-30 17:49:11 4674

转载 JS操作dom节点及兼容性

父节点 parentNode获取到的是自己的亲父亲(直属关系)// 点击孩子隐藏父亲&lt;script&gt; window.onload = function(){ var child = document.getElementById("child"); child.onclick = function(){ this...

2018-08-30 16:50:31 133

原创 javascript实现微博留言功能

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;    &lt;meta charset="UTF-8"&gt;    &lt;title&gt;微博留言&lt;/title&gt;&lt;/head&gt;&lt;script&gt;window.onload=fu

2018-08-30 14:54:11 535

原创 element- swtich开关按钮,显示隐藏数据

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;  &lt;meta charset="UTF-8"&gt;  &lt;!-- import CSS --&gt;  &lt;link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/i

2018-08-23 17:33:26 1654

空空如也

空空如也

空空如也

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

TA关注的人 TA的粉丝

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