- 博客(36)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 萤石云监控地址视频播放
html代码<iframe src="https://open.ys7.com/ezopen/h5/iframe_se?url=ezopen://open.ys7.com/你的设备序列号/1.live&autoplay=1&accessToken=你的accesstoken&begin=开始时间&end=结束时间" width="600" height="400" id="ysOpenDevice" allowfullscreen >
2021-06-16 17:32:49
4268
原创 vue中天地图使用实例
<style> .mapContent{ position: relative; } .menuMap{ position: absolute; top: 10px; left: 200px; z-index: 100; width: 690px; } .menuMap .ivu-btn{ padding: 0 15px; hei
2020-07-02 16:21:46
1485
6
原创 vue 中面包屑带跳转的做法
首先要在子页面的meta中定义{ path: '/staffsManagement', component: () => import(/* webpackChunkName: "dashboard" */ '../components/page/systemSetting/staffsManagement/index.vue'), meta: [{ name: '员工管理' }], }, { path: '/staffsManagement/addedsta
2020-06-16 09:45:38
1806
原创 vue axios的封装 以及api的统一管理和使用
import axios from 'axios'import ElementUI from 'element-ui';import QS from 'qs';import router from '../router/index';axios.defaults.withCredentials=true; //允许携带cookieif (process.env.NODE_ENV === 'development') { axios.defaults.baseURL = '/api'
2020-06-16 09:38:33
250
原创 vue项目中上传图片对图片进行裁剪
<template> <div> <div class="crumbs"> <el-breadcrumb separator="/"> <el-breadcrumb-item><i class="el-icon-lx-calendar"></...
2020-03-27 10:45:37
756
1
原创 element-ui中上传图片组件的使用
<el-upload class="avatar-uploader" action="" :show-file-list="false" :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload"> <img v-if="imageUrl" :src=...
2020-03-25 14:50:33
2144
原创 扫码页获取二维码的code
function getUrlParms(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if(r!=null) return unescape(r[2]); ...
2020-03-25 14:42:34
835
原创 微信小程序wx.openDocument真机无法打开的问题解决方法
微信小程序wx.opendocument无法打开文件大家看过微信小程序文档就知道他有一个文件类型叫做fileType 在文档中说的是 不是必填项 但是 你不填就会报错 简直有毒但是 你填写 就只能打开那一种格式的文件我下面来给 大家 带来一种解决方法 就是 将后台传给你的 文件的 后缀名 截取下来动态的放进去wx.downloadFile({ url: fileur...
2020-03-25 14:35:50
11164
11
原创 vue项目中使用天地图
1.首先打开天地图注册账号 申请自己所用的key网址：http://lbs.tianditu.gov.cn/home.html2.创建自己的vue项目，这里就不说了3.将<script type="text/javascript" src="http://api.tianditu.gov.cn/api?v=4.0&tk=你的key"></script>引...
2020-03-25 14:20:27
5371
11
原创 计算两个时间段之间相隔多少天
this.endtime = endtimeone.substr(0,10);var iDays = Math.floor(Math.abs(Date.parse(this.start) - Date.parse(this.endtime)) / (24 * 3600 * 1000))
2020-03-25 14:00:49
462
原创 h5页面实现微信分享功能 qq分享 自定义 title 缩略图
1.注册微信公众平台 你需要一个 公众号2.打开公众号设置，设置js接口安全域名3.在需要调用js接口的页面引入 jssdk 的 js文件 你要分享那个页面 就在那个 页面加4.未完待续...
2020-02-24 16:40:41
954
1
原创 关于google地图报503的解决方法
原来调用的接口http://ditu.google.cn/maps/api/js?v=3.29现在 改为http://google.cn/maps/api/js?v=3.29
2020-02-24 13:03:22
1013
1
原创 uni-app的下拉刷新
首先要在pages.json里{ "pages": [ { "path": "pages/index/index", "style": { //首先要在这里开启下拉刷新 "enablePullDownRefresh": true } }, 页面代码<template> <view> {{name}} </vie...
2019-12-20 16:47:37
845
转载 免费的天气接口
项目中有需要抓取当地天气的需求，在网上找了很多的接口,要么是接口请求次数有限制,要么是数据不全,要么是接口失效，总之是无法很好的提供一个稳定的接口。为此很是头疼的一段时间，然后天不绝人，最终还是在网上找到些比较好用的接口，特此记录下来，方便你我他。1.通过城市名（北京/北京市）获取当前城市当前温度及未来一周天气预报 (Json数据) ：包含台湾的主要县市接口：http://wthrcdn.et...
2019-12-18 20:58:56
4809
7
原创 uni-app app端 调用实时天气 及 7天 天气预报
总而言之 简单粗暴 uni.getLocation({ type:''wgs84", geocode:true,//必写项 success：（res）=>{ if (data.address){ this.city = data.address.city; var city = this.city uni.request({ url...
2019-12-18 20:52:44
4199
2
原创 60s倒计时的实现
倒计时函数{Number} time //倒计时长 默认60start(star,end) 开始函数 star(a)参数a有倒计时的数字，end(b)参数b为ture，结束倒计时调用end(fn) 结束函数 fn结束的回调函数class downDate {constructor(time = 60) {this.record = timethis.time = ...
2019-09-09 10:34:40
1491
原创 uni-app中轮播图
<view class="swiper-w"> <swiper class="swiper" indicator-dots="true" autoplay="true" interval="2000" duration="1500" > <swiper-item v-for="(item , index) in homeSlid...
2019-09-09 10:28:33
2028
转载 javascript实现css主题样式切换;动态改变引入的css文件
一个页面要显示不同的主题风格，就需要写不同的css文件；在做不同css文件相互切换时，首先要了解link标签中的rel属性；rel属性值：alternate文档的替代版本（比如打印页、翻译或镜像）。stylesheet 文档的外部样式表。start 集合中的第一个文档。next 集合中的下一个文档。prev 集合中的上一个文档。contents 文档的目录。index 文档的索引...
2019-07-11 21:49:05
4008
转载 动态加载，替换，移除js/css文件
使用示例：loadjscssfile(“myscript.js”,“js”)loadjscssfile(“javascript.PHP”,“js”)loadjscssfile(“mystyle.css”,“css”)<scriptlanguage=“javascript”>//移动已经加载过的js/cssfunction removejscssfile(filename...
2019-07-11 21:46:23
715
转载 vue-resource
vue如果要实现异步加载的话需要用到 vue-resource在h5 中用 引入 vue-resouce.min.js如果在vue脚手架中使用 需要 import vueResource from “vue-resource”vue-resource插件具有以下特点：体积小vue-resource非常小巧，在压缩以后只有大约12KB，服务端启用gzip压缩后只有4.5KB大小，这...
2019-07-08 20:04:18
516
转载 Vue的全局变量和局部变量
：https://blog.csdn.net/weixin_44389107/article/details/89192803全局组件和局部组件1.先定义组件 Vue.component(‘组件名’, { 组件模板对象 })注意: 组件名不要使用原生的标签名, 若组件名定义时用的是驼峰命名法, 则调用时用中划线分割后小写 例如: 组件--&...
2019-05-09 19:57:32
1553
原创 flex的缩写
简介：flex是flex-grow,flex-shrink和flex-basis的缩写，flex属性值可以只指定一个属性的值，而另外的属性值采用各自在flex属性中的的初始值，但是有一点要注意的是：flex属性中flex-grow和flex-basis的初始值和它们原始的默认值不同，至于为什么不同，mdn中有明确的说过这样的设计是为了让「flex」缩写在最常见的情景下比较好用。flex中对...
2019-05-06 22:16:40
3335
转载 ES6与ES5语法的区别
(1)letES6:新增了let命令,用来声明变量.它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效.(2)作用域ES5:全局作用域,局部(函数)作用域.ES6:全局作用域,局部(函数)作用域,块级作用域块级作用域:简单的理解就是一段代码是由一个大括号包裹起来的,那么,这个大括号里面就是一个块级作用域.(3)基本用法①声明变量用法不一样ES5...
2019-04-29 11:55:41
941
转载 Math的属性
Math的常用用法 Math.pow(x,y) 返回x的y次幂 Math.random()返回0~1之间的随机数 Math.round()四舍五入 Math.sqrt()获得数的平方根 Math.floor()对数进行下舍入 Math.ceil() 对数进行上舍入 Math.min(x,y)取x和y的最小值 Math.max(x,y)取x和y的最大值...
2019-04-24 19:29:13
166
转载 浮动的影响及解决方法
float浮动 值为 left或right 浮动的特性 1.脱离标准文档流 2.浮动会让元素相互紧贴 3.存在字围效果 4.收缩效果 5.会造成父元素塌陷 几种常用出除浮动的方法 1.加一个空标签，设置 clear：both； 优点：简单，浏览器兼容好 缺点：增加页面的标签，造成页面混乱。 2.父元素定义 overflow：hidden 优点...
2019-04-23 14:05:29
324
原创 js做进度条
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin:0; padding:0; } #asd{ width...
2019-04-17 15:47:59
881
原创 js做秒表
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>定时器</title></head><body> <input type="text" id="hours" value="00"/> <input ty...
2019-04-15 15:00:18
569
原创 if和switch做成绩等级判定
if 做成绩等级判定 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Document</title></head><body> <input type="text" id="x">...
2019-04-14 21:21:33
1536
原创 制作简单的二级导航
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .one a{ position: relative; z-index: 2; } .one ul{ ...
2019-04-14 16:39:15
881
转载 网页制作规范
网页制作规范1.页面元素标准（文件类）1.1. 元素类型标准：网页的元素以及文件限定如下表：元素类型： 文件限制（后缀）普通页面 .html脚本文件： .js样式表文件： .css动画互动元素. .swf/.gif图片元素 .jpg /.gif/.png视频元素 .asf/.mpg/.rm/.mpeg/.rmvb/.flv音频元素 .mp3/.wma1.2. 元素文件大小标...
2019-04-14 01:46:04
587
原创 随意三个数比较大小
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>三个数比较大小</title></head><body> 一<input type="text" id="n1"> 二<input t...
2019-04-13 19:10:05
1218
原创 判断是平年还是闰年
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <input type="text" id="x"> <input typ...
2019-04-13 19:07:14
808
原创 判断大于，小于，等于零
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <input type="text" id="x"> <input typ...
2019-04-13 19:05:48
2712
原创 判断奇数偶数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <input type="text" id="x"> <input typ...
2019-04-13 16:04:45
2120
原创 求阶乘
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>求阶乘</title></head><body> <input type="text" id="x"> <input type="bu...
2019-04-13 15:56:33
488
原创 html基本格式
<html><head> <meta charset="UTF-8"> <title> </title></head><body></body></html>
2019-04-13 15:51:40
3326
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人