- 博客(32)
- 资源 (2)
- 收藏
- 关注
原创 element el-date-picker 年范围选择
百度了好久没有找到年份的范围选择,没办法只能自己封装一个示例年份范围选择:年月日通过参数来区别年月日 <div v-if="pickerType === 'year'" style="display: inline-block;"> <el-date-picker v-model="yeartsStart" :picker-options="startDatePicker...
2022-03-28 18:04:28
15262
4
原创 获取当前年月日,星期
const weekList = ['日', '一', '二', '三', '四', '五', '六'] var date = new Date(); // 年-月-日 this.day = date.getFullYear() + '年' + (date.getMonth() + 1) + '月' + date.getDate() + '日'; // 星期 ...
2021-12-10 17:32:34
1041
原创 git 分支管理命令以及初始化项目遇到的问题
代码提交git pullgit add .git statusgit commit -m 内容git push新建分支git pullgit checkout -b newname 新建分支并切换至该分支git push origin newname 上传新建分支的名称git branch --set-upstream-to origin/newname 本地分支与远程分支关联修改分支名称git branch -m oldName newName 重命名远程
2021-09-22 17:10:08
231
原创 vue 本地pdf文件展示
<template> <!-- 第一种 embed 标签定义嵌入的内容,比如插件。 --> <!-- <embed class="pdf" src="../../../static/plugins/pdf/2021海宁智能化改造案例.pdf" frameborder="0" /> --> <!-- 第二种 iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。 --> <iframe.
2021-08-27 14:11:59
1568
3
原创 js充值金额限制,时间格式的转化,( vue路由跳转,刷新页面数据丢失问题)
充值金额的限制watch: { money(val, oldVal) { if (val == '00') { this.money = 0 return } let reg = /.*\..*/; if (reg.test(val)) { let moneys = val.toString().split('.') let mone = [...moneys[1]] if (mone.length >
2020-07-17 14:43:24
251
原创 Vue-cli安装步骤,搭建一个完整的 Vue 项目
安装node环境下载 node.js 官网地址:https://nodejs.org/en/ 下载完成后打开然后一路next安装完成后打开 dos 窗口输入命令:node -v 回车会输出node的版本号,2.安装 Vue 运行环境由于在国内使用 npm 是非常慢的,所以在这里我们推荐使用淘宝npm镜像,使用淘宝的cnpm命令管理工具可以代替默认的npm管理工具:$ npm in...
2020-04-24 15:44:35
949
1
原创 uniapp 之定位当前位置 (uni.getLocation,腾讯地图,javascript)
下面的操作如果你是vue的就直接引入到index.html文件中。如果是uni-app就比较麻烦了:1.首先新建一个template.h5.html文件;2.在manifest.json -> 源码视图 -> h5 -> 添加 “template” : “template.h5.html”在创建文件中引入:<iframe id="geoPage" width=0 ...
2020-04-21 17:14:57
21304
9
原创 uniapp vue 修改v-html样式
1.通过>>>穿透修改2.如果lang设置为scss时,则通过/deep/修改3.如果lang设置为less时,通过偏门写法(看着不规范,但是能用就行)注:仅供参考...
2020-04-14 14:53:22
2351
原创 nodejs(创建第一个服务器,读取文件,写入文件,中文出现乱码解决方法)
1.先引入node封装的模块// ‘fs’是对文件的的操作模块var fs = require('fs')//'http'是开启本地服务器的模块var http = require('http')//创建服务器var server= http.createServer()server.on('request',function(req,res){var url = ...
2020-03-28 16:29:34
732
原创 WebSocket使用介绍
开启WebSocketconstws=newWebSocket("WebSocket地址")ws.onmessage=function(evt){console.log('Received Message:'+evt.data)}
2020-03-20 11:18:37
1196
1
原创 对称加密和非对称加密介绍 实例:JSEncrypt (非对称加密)
对称加密:就是只有唯一的密钥才能解密的加密算法。即解密和加密的钥匙是相同的。只有通信双方才能知道密钥,才能解密。发信方将明文和加密密钥一起经过特殊加密算法的处理,使其变成加密密文发送出去。对称加密算法用来对敏感数据等信息进行加密,常用的算法包括:1:DES(DataEncryptionStandard):数据加密标准,速度较快,适用于加密大量数据的场合。2:3DES(Trip...
2020-01-20 15:56:37
2398
原创 判断是小数还是整数
let score = 2 var y = String(score).indexOf(".") + 1; //获取小数点的位置 var count = String(score).length - y; //获取小数点后的个数 if ...
2020-01-18 14:16:41
930
原创 js判断手机是 IOS 还是 Android (移动端)
var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/...
2020-01-17 17:22:24
334
原创 弹性布局详解
1. 弹性布局的使用① 给父容器添加display: flex/inline-flex;属性,即可使容器内容采用弹性布局显示,而不遵循常规文档流的显示方式;② 容器添加弹性布局后,仅仅是容器内容采用弹性布局,而容器自身在文档流中的定位方式依然遵循常规文档流;③display:flex;容器添加弹性布局后,显示为块级元素;display:inline-flex;容器添加弹...
2020-01-15 16:22:00
331
原创 jq在线引入大全
1.官网jquery压缩版引用地址: 3.1.1版本: <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> 3.0.0版本: <script src="https://code.jquery.com/jquery-3.0.0.min.js">&l...
2020-01-13 14:09:35
3650
原创 导航栏滑动效果
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://code.jquery.com/jquery-3.1.1.min.js">...
2020-01-10 15:33:18
520
原创 Vant实现 下拉刷新,上拉加载
引入Vantnpm i vant -S上代码<template><div><van-pull-refreshv-model="isLoading"@refresh="onRefresh"><van-listv-model="isUpLoading":finished="upFinished"@loa...
2020-01-03 15:45:06
4011
9
原创 echarts 使用讲解
vue引入npm install echarts网络引入方式<scripttype="text/javascript"src="https://cdn.bootcss.com/echarts/4.2.1-rc1/echarts.min.js"></script>案例:lete=document.getElementById('ec...
2019-12-31 16:12:11
380
原创 css 溢出省略号展示
单行:overflow:hidden; //超出的文本隐藏text-overflow:ellipsis; //溢出用省略号显示white-space:nowrap; 多行(当前是两行):overflow:hidden;display:-webkit-box; //将对象作为弹性伸缩盒子模型显示。-webkit-bo...
2019-12-30 17:06:20
209
1
原创 微信授权教程
功能:在当前页面授权,然后授权成功之后回到当前的页面constappid=res.data.data//要授权公众号的appidconst url = window.location.href;//当前的url路径let urls = encodeURIComponent(url); //路径转码window.location.href='https://open.w...
2019-12-20 14:02:38
191
原创 uniapp (H5、小程序、app)地图导航
H5地图导航腾讯地图window.location.href =http://apis.map.qq.com/uri/v1/marker?marker=coord:lat,lng;addr:address其中lat、lng、address分别为经纬度和详细地址三个参数小程序、appuni.openLocation({ ...
2019-12-20 13:46:11
13353
5
原创 背景渐变、边框渐变 (支持ios)、圆角渐变边框、背景阴影
正常的样式:border: 2upx transparent solid;border-image: linear-gradient(to right, #6D4507, #A77F3F, #E1CA92, #A77F3F) 1 10;如果出现ios兼容问题使用下面这个样式:border: 2upx solid #ddd;border-image: -webkit-line...
2019-12-12 16:55:23
841
原创 vue打印功能
先下载https://github.com/xyl66/vuePlugs_printjs在src下新建文件夹plugs,将下载好的print.js放入plugs文件夹下,然后操作如下在main.js中引入import Print from '@/plugs/print'Vue.use(Print) // 注册vue组件中<template><se...
2019-08-03 16:17:31
425
原创 异步和同步的区别
同步:在你进行此操作时其他操作都会停止,直到此操作结束,其他操作才能进行举个简单易懂的例子:在食堂排对时,你只有等你前面的人买完饭才会轮到你,跟同步的原理一样异步:在进行此操作时,它不会影响其他操作的进行,他和其他操作可以同时运行举个简单易懂的例子:同样在食堂,食堂那么多窗口他们可以同时卖饭,互不影响...
2018-08-29 22:08:36
167
原创 数组操作函数
1.push () 向数组的尾部添加元素可以添加多个返回值: 添加数组后的个数2.pop() 向数组的尾部删除一个元素返回值:被删除的那个元素3.unshift() 向数组的头部头部添加元素,可以一次添加多个返回值: 添加过后的数组总个数4.shift() 在数组头部删除一个元素返回值: 删除的那个元素5.数组求和let num = [ 1,2,...
2018-08-06 21:36:33
794
原创 javascript里三种输出方法
第一种:console.log() 在控制台打印如何打开控制台??答: 鼠标右键 点击检查就会出来一个控制台点击 第二种 : document.write() 直接在window里打印 也就是页面里 第三种: alert() 打印时会弹出一个对话框...
2018-08-03 22:21:13
291
原创 Javascript数据类型的相互转化
显式转化1.字符串如何转换数字如果一个字符串无法转换成数字,会得到值NaN全称(Not a Number)表示一个不与任何数字相等的数字,但其数据类型还是number类型.网页显示数字转化字符串网页显示...
2018-06-19 19:47:42
158
Vue vant 上拉加载 下拉刷新实际案例源码模板
2020-05-18
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人