黎成诃月-优快云博客

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

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

第1行：把指定目录的所有者改为 username 所有，这里 username 是用户名，可以改成 $(whoami) 避免输入错误。第2行：u+w中u表示所有者，+表示增加权限，w表示可写入。设定默认的node版本 nvm alis default <版本号>当用户有了权限之后，就可以删除指定版本的 node。2. 查看 nvm 可以安装的 node 版本。查看所有可以安装的LTS版本（长期支持版）3. 安装指定版本的 node。7. 卸载指定版本的 node。查看安装的版本 nvm ls。

2023-07-24 15:39:12 1502

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

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

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 1327 1

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

<!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 230

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

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

2019-11-07 10:38:40 1296

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

原创去掉input框的默认样式

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

2019-10-24 17:15:12 293

原创超出隐藏...

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

2019-10-24 17:04:26 201

原创安卓手机键盘高度适配 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 404

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

原创 jquery浏览器滚动条长度

2019-09-22 10:45:25 920

原创淘宝五颗星星评论

<!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 236

原创 js函数与变量提升

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

2019-08-14 17:39:42 191

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

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

<!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 240

转载 ios 键盘弹起触点错误

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

2019-05-05 16:39:36 286

原创 vue项目文本复制插件

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

2019-02-19 14:43:03 831

原创 vue 多行文本展开收起

2019-01-04 23:11:28 1235

原创 js表单提交数组

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

2019-01-04 10:55:53 5068

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

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

2019-01-03 18:31:33 459

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

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

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

原创 Mint-UI msg提示框封装

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

2018-12-24 14:31:06 519

原创底部三角边框

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 217

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

2018-11-29 11:43:16 2417

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

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

2018-11-22 18:18:58 911

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

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

2018-11-22 14:19:40 4521 1

原创如何解决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 4182 3

原创字符串出现的次数

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <sc

2018-10-21 00:26:23 240

转载小程序的反馈操作

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

2018-10-08 14:07:11 1546

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

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

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

2018-09-25 09:39:53 1469

原创请用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 710

原创输出今天的日期，以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 < 10 ? '0' + month : month;// 获取日...

2018-09-21 18:49:15 1982

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

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

2018-09-21 11:29:33 594

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

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

2018-09-06 14:34:26 2715 1

原创 JS实现全选和反选

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

2018-08-30 17:49:11 6127

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

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

2018-08-30 16:50:31 333

原创 javascript实现微博留言功能

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

2018-08-30 14:54:11 845

空空如也

空空如也