- 博客(148)
- 收藏
- 关注

原创 Wyliss【文章整合】
所属地址用途备注egghttps://blog.youkuaiyun.com/YhWyl527/article/details/107058698?spm=1001.2014.3001.5502配置端口解开请求数据大小egghttps://blog.youkuaiyun.com/YhWyl527/article/details/107078232?spm=1001.2014.3001.5502往数据库传数据egghttps://blog.youkuaiyun.com/YhWyl527/arti...
2021-04-22 09:35:53
331

原创 个人使用网站
Jq插件: http://www.jq22.com/菜鸟教程: https://www.runoob.com/php/php-tutorial.htmlW3c:https://www.w3school.com.cn/Jq APi :http://jquery.cuishifeng.cn/boots :www.bootcss.comicsroll :http://caibaojian.co...
2021-01-27 09:45:09
268
原创 webSRc实现浏览器播放rtsp【海康】
将下载包html文件夹下webrtcstreamer.js文件和html/libs文件夹下adapter.min.js文件复制到VUE项目public目录下。在index.html文件里引入这两个js文件。下载https://github.com/mpromonet/webrtc-streamer/releases。如下图则启动成功,此时在浏览器访问127.0.0.1:8000可以看到本机监控画面。然后在引入的页面按照最上面的代码写就行了。index.html中引入。
2023-12-08 16:20:41
1459
原创 【Vue2】中使用pinia
文档 https://pinia.vuejs.org/安装cnpm i pinia --saveVue2 需要额外安装 cnpm i pinia @vue/composition-api --savemain.js引入// 引入piniaimport {createPinia,PiniaVuePlugin} from 'pinia'Vue.use(PiniaVuePlugin)const pinia = createPinia()//需要挂载在实例上new Vue({ router
2022-05-31 10:00:42
7441
4
原创 【vue】使用animate
首先引入animate.min.css静态文件我这里直接放到了public中在index.html中引入在页面中使用每次点击后进行处理 先给动画类名 让他开始动画 然后在三秒后清除动画效果 不影响下次的动画执行...
2022-02-23 14:56:12
1043
原创 【js处理数据方法】
treeData(source, id, parentId, children){ //数据、自身id,父id,下级数组名 let cloneData = JSON.parse(JSON.stringify(source)) // 对源数据深度克隆 return cloneData.filter(father=>{ // 循环所有项,并添加children属性 let branchArr = cloneData.filter(child
2022-02-18 16:25:27
511
原创 //根据身份证号自动生成性别、出生日期和年龄
//根据身份证号自动生成性别、出生日期和年龄 inputChange() { const reg = /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/ if (reg.test(this.dataList.identityCardNo)) { // 身份证号码是否合法 var org_birthday = this.dat
2021-12-29 11:40:35
831
原创 vue url转file文件
这里只是简单的转换 需要解决跨域 当然没有跨域问题可以不解决 如果需要其他需求可以自己封装//图片地址转base64格式 imgToBase64(url,cb){ var canvas = document.createElement('canvas'), ctx = canvas.getContext('2d'), img = new Image; img.crossOrigin = 'Anonymous'; im
2021-12-23 16:46:50
5731
4
原创 vue + websocket + nodejs 实现数据推送
- vue代码 - 需要安装 $ cnpm install websocket --save<template> <div id="app"> </div></template><script>export default { data() { return {}; }, methods: { initWebSocket() { this.websock = new W.
2021-12-06 16:22:01
951
原创 uni图片剪裁
//页面引用 <!-- selWidth 是 string 裁剪区域的宽,单位px或upx selHeight 是 string 裁剪区域的高,单位px或upx avatarStyle 否 object 头像样式,默认{width: 150upx; height: 150upx; border-radius: 100%;} --> <cropper selWidth="275rpx" ref='cropper' style="bord
2021-11-22 17:59:39
1697
原创 批量下载文件【vue】
这里的最大下载量 测试出来的是1000每次 <template> <div class="about"> <h1>This is an about page</h1> <button @click="handleBatchDownload">111111</button> </div></template><script>import axios from "axios
2021-11-22 17:49:14
686
原创 【解决滚动条】
普通的浏览器body::-webkit-scrollbar { display: none;}火狐scrollbar-width: none;.data_show { width: 120px; height: 65px; min-width: 100px; **scrollbar-width: none;** text-align: center;
2021-10-12 14:16:41
207
原创 一种模拟 验证码的效果
Document <div id="input"></div><button id="delbtn">删除</button><script> const input = document.querySelector('#input') const delbtn = document.querySelector('#delbtn') let text = '1...
2021-09-14 17:41:37
126
原创 正则校验1
这次是有用的东西了,正则校验,密码必须且只能包含大小写字母和数字:/(?=.*[0-9])(?=.*[a-z])(?=.*[A-Z])(?!.*[0-9a-zA-Z]).{8,20}$/重点是 ?= 、?! 、( ) 的用法,参考mdn上的文档,x(?=y)匹配后边紧跟着y的x,(?=.[0-9])代表匹配跟在任意个任意字符后的1个任意数字,配图有案例和解释,同理a-z和A-Z也一样,这三个条件满足必须含有大小写字母和数字。x(?!y)匹配后边没有y的x,(?!.[^0-9a-zA-Z])代表匹配不能包
2021-09-10 08:11:47
205
原创 gird布局解决 最后一行数量不对布局问题
一、justify-content对齐问题描述在CSS flex布局中,justify-content属性可以控制列表的水平对齐方式,例如space-between值可以实现两端对齐。但是,如果最后一行的列表的个数不满,则就会出现最后一行没有完全垂直对齐的问题。如下代码:.container {display: flex;justify-content: space-between;flex-wrap: wrap;}.list {width: 24%; height: 100px;ba
2021-06-28 16:19:57
2389
3
原创 【uniapp Uview】 IndexList用法 姓氏分组方法
在这里我们用到一个js方法 data_letter_sort 首字符姓氏分组 <template> <view> <u-index-list :scrollTop="scrollTop" > <view v-for="(item, index) in indexList" :key="index"> <u-index-anchor :index="item.name" /> <view class="list-
2021-06-22 15:40:36
3254
3
原创 【Vue】_.debounce
官方文档例子1//html<el-button @click="debouncedClick" style="margin-right:5px" >导入</el-button>//js import(){ console.log('1111','-----',new Date()) }, debouncedClick:_.debounce(function(){ this.import() },2000),...
2021-06-09 15:45:36
642
原创 【java】环境变量安装
首先,你应该已经安装了 Java 的 JDK 了(如果没有安装JDK,请跳转到此网址:http://www.oracle.com/technetwork/java/javase/downloads/index-jsp-138363.html)笔者安装的是 jdk-8u91-windows-x64接下来主要讲怎么配置 Java 的环境变量,也是为了以后哪天自己忘记了做个备份(注:win10的Java环境变量配置和其他的windows版本稍有不同)在电脑桌面 右键点击 “此电脑”的“属性”选项选择“
2021-06-03 10:23:14
169
原创 【uniapp】分享
这里用到嘞uniapp扩展组建unipopup这里只是个本地项目的范例 具体的放法请参照官方文档uniapp分享<template> <view> <button type="default" @click="share">分享</button> <uni-popup ref="popup" type="bottom"> <view class="d-flex flex-wrap p-2 pb-5" style="hei
2021-06-02 16:18:16
787
原创 织梦cms多图发布功能
文章多图发布功能操作步骤如果遇到上传图片报302找到 include/userlogin.class.php 文件,在 第11行的 session_start(); 前面加上如下一段代码即可~if (isset($_POST["PHPSESSID"])){ session_id($_POST["PHPSESSID"]); }else if(isset($_GET["PHPSESSID"])) { session_id($_GET["PHPSESSID"]);}1.进入要进行
2021-06-01 10:55:59
498
原创 【vxe-table】打印 及打印样式的添加
<vxe-toolbar> <template #buttons> <vxe-button @click="printEvent1">打印</vxe-button> <vxe-button @click="printSelectEvent">打印选中</vxe-button> <vxe-button @click="printEvent2.
2021-05-31 09:57:40
2913
原创 vxe-table【复杂导出】
只适合在vxe-table使用需要安装依赖 安装 vxe-table 安装 cnpm install exceljs --save 安装 cnpm install vxe-table-plugin-export-xlsx --savemain.js中引用import VXETablePluginExportXLSX from 'vxe-table-plugin-export-xlsx'VXETable.use(VXETablePluginExportXLSX)页面中使用
2021-05-31 09:51:01
1221
原创 【uniapp】vue与nvue之间的共享数据 | 使用接口
共享数据nvuex不支持vuexuni.storage vue和nvue页面可以使用相同的uni.storage存储、这个存储是持久化的,比如登录状态可以保存至这里。globadata小程序有globadata机制,这套机制可以在uniapp中使用,全端通用。在app.vue文件里定义globldata 通过getApp().globldata 获取数据使用接口onNavigationBarButtonTap(e) { console.log(e); },因为uniapp版本更新的关系
2021-05-13 09:37:46
1413
原创 【uniapp】 nvue 与 vue之间的通讯
推荐使用 uni.$on , uni.$emit 的方式进行页面通讯,旧的通讯方式(uni.postMessage及plus.webview.postMessageToUniNView)不再推荐使用。 // 接收信息的页面 // $on(eventName, callback) event为页面名称 如 index.nvue 这里填index uni.$on('page-popup', (data) => { console.log('标题:' + da
2021-05-13 08:26:23
2206
原创 【uniapp】组件注意事项
weex文字写在text中<list>的子组件只能包括以下四种组件或是fix定位的组件 <cell> 用于定义列表中的子列表项,类似于html中的ul之于li。week会对 <cell> 进行高校的内存回收以达到更好的性能<header>:当<header>到达屏幕顶部时,吸附在屏幕顶部<refresh> 用于给列表添加下拉刷新的功能<loading> 用于与特性 <refresh>类似 用于给列表
2021-05-12 10:09:29
385
原创 【uniapp】nvue css的注意事项
单位只支持px 不支持em,rem,pt,%,upx宽度问题 会自动把手机屏幕 分成750份的宽 1250份的高默认flex布局 display:flex;flex-direction: colomn;' 改为 flex-direction: row;不能合着写背景颜色只能用background-color加选择器只支持单类引入要用 <style src="路径"></style>div组件默认是display:flex;flex-direction: colomn;.
2021-05-12 09:04:09
797
原创 ES6
var let const 他们声明变量区别 : var 不会将变量所在的代码块变成死去 存在变量提升 let和const声明的变量会把代码块变成死区 不存在变量提升 let声明的变量可以改 const声明的变量不可以改 但是const可以修改数组对象变量值中的内容变量的结构赋值基本数据类型:数字、字符串、布尔值、undefined、null、symbol引用数据类型:对象Obj、数组Array数组的结构赋值//
2021-05-07 09:10:25
136
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人