自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

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

1.申请百度地图密钥 2.在index.html中添加百度地图JavaScript API接口 <script type="text/javascript" src="http://api.map.baidu.com/getscript?v=2.0&am...

2018-11-28 15:03:30 1615 0

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

安装设置 1.安装Install vue-awesome-swipernpm install vue-awesome-swiper --save 2.怎样使用? ①全局导入 import Vue from 'vue' import VueAwesomeSwiper from...

2018-11-28 14:59:46 1402 0

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

1.引入QQMapWX import QQMapWX from '../../utils/qqmap-wx-jssdk.min.js' 2.微信公众号配置请求域名 https://apis.map.qq.com 3.//百度经纬度转换腾讯经纬度 reverseLocati...

2020-04-26 15:38:05 78 0

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

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"...

2020-04-21 09:55:12 33 0

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

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

2019-11-07 10:38:40 184 0

原创 input placeholder属性的样式修改

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

2019-10-24 17:19:01 34 0

原创 去掉input框的默认样式

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

2019-10-24 17:15:12 58 0

原创 超出隐藏...

//多行文本超出隐藏... ---------------------------------------------------------------------------- display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-o...

2019-10-24 17:04:26 36 0

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

/** * 键盘高度适配 */ function fixedKeyboard() { var client_h = document.documentElement.clientHeight; $(window).on("res...

2019-10-17 11:33:32 63 0

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

//html //css <body class="modal_open" style="-200px" > <body> .modal_open { position: fixed; width: 100%; ...

2019-10-14 10:35:39 38 0

原创 jquery浏览器滚动条长度

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

2019-09-22 10:45:25 261 0

原创 淘宝五颗星星评论

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>淘宝五颗星星评论</title> <...

2019-09-21 15:37:46 51 0

原创 js函数与变量提升

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

2019-08-14 17:39:42 32 0

原创 计算出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 95 0

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

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>获取地址栏携带的参数</title> &...

2019-07-30 21:47:56 59 0

转载 ios 键盘弹起触点错误

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

2019-05-05 16:39:36 77 0

原创 vue项目 文本复制插件

// 第一步  // cnpm install vue-clipboard2 --save // main.js引入 // import VueClipboard from 'vue-clipboard2' // Vue.use(VueClipboard) &lt;te...

2019-02-19 14:43:03 337 0

原创 vue 多行文本展开收起

&lt;template&gt;   &lt;div&gt;     &lt;div :class="showTotal ? 'total-introduce' : 'detailed-introduce'&...

2019-01-04 23:11:28 811 0

原创 js表单提交数组

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

2019-01-04 10:55:53 2513 0

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

前言 其实这本来应该是一个很基础的问题了,但我之做一想记录一下是因为之前因为对象转数组的时候卡住了后来弄了出来,但最近再遇到这个问题时竟然又卡主了,所以,关于这个问题,如何把一个对象{'未完成':5, '已完成':8, '待确认':4,...

2019-01-03 18:31:33 108 0

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

/* 微信分享 */ Vue.prototype.wechatShare = (shareData) =&gt; {   let resource = {     title: '随我心愿!',     desc: '体验优质服务',     lin...

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

原创 Mint-UI msg提示框封装

Mint-UI msg提示框封装   import {MessageBox, Toast} from 'Mint-ui'   const msg = (msg) =&gt; {     Toast({       message: msg,       position...

2018-12-24 14:31:06 293 0

原创 底部三角边框

 content: '';  display: block;  width: 0;  height: 0;  border-left: 3px solid transparent;  border-right: 3px solid transparent;  border-bo...

2018-12-18 15:37:42 74 0

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

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

2018-11-29 11:43:16 1510 0

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

// router/index.is const router = new VueRouter({   routes: [...],   scrollBehavior (to, from, savedPosition) {     // return 期望滚动到哪个的位置        retur...

2018-11-22 18:18:58 312 0

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

    //列表一模板     &lt;div class="NewsList"&gt;       &lt;ul&gt;         &lt;li v-for="(item,index) in newList" ...

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

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

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

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

原创 字符串出现的次数

&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt;     &lt;meta charset="UTF-8"&gt;     &a...

2018-10-21 00:26:23 84 0

转载 小程序的反馈操作

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

2018-10-08 14:07:11 811 0

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

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

2018-09-25 15:21:48 265 0

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

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

2018-09-25 09:39:53 894 0

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

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

2018-09-25 09:33:05 518 0

原创 输出今天的日期,以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; // 变成两位 mo...

2018-09-21 18:49:15 1092 0

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

 var arr = ['土豆','土豆','茄子','土豆','茄子','土豆','紫红色'];     function qc(arr){        ...

2018-09-21 11:29:33 343 0

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

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

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

原创 JS实现全选和反选

&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt;     &lt;meta charset="UTF-8"&gt;     &a...

2018-08-30 17:49:11 3091 0

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

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

2018-08-30 16:50:31 88 0

原创 javascript实现微博留言功能

&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt;     &lt;meta charset="UTF-8"&gt;     &a...

2018-08-30 14:54:11 478 0

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

&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt;   &lt;meta charset="UTF-8"&gt;   &lt;!-- import CSS --&...

2018-08-23 17:33:26 1368 0

原创 Vue 父组件向子组件传值

&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;Vue 父组件向子...

2018-08-22 14:48:42 228 0

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