前端
程序媛zcx
这个作者很懒,什么都没留下…
展开
-
前端js 兼容 pc、androidApp、iosApp、exe等桌面应用 方案思路(webView、electron)
一个项目,既要兼容pc 端、移动端(android、ipad)网页,又要有app。我是前端开发,所以想使用 B/S 架构,有浏览器就可以打开,pc 移动都可以,问题是app。之前想着用hunbuder打包页面,但项目不是一个固定的地址,是可以部署到多个IP地址,在浏览器输入IP地址 即可打开项目主页,要是想打包 用于 app,那就需要在js 项目 加个登录页填上地址,但在浏览器打开时 我不又不需要登录页面(如果在js 项目里写登录页的话,就需要判断在什么端打开,要跳转到...原创 2021-11-27 14:54:32 · 3819 阅读 · 0 评论 -
layui.laydate 日历时间控件闪退问题
点击输入框内时,时间弹框正常弹出,但当鼠标点到输入框的上边框时,时间弹框闪退。trigger - 自定义弹出控件的事件类型:String,默认值:focus,如果绑定的元素非输入框,则默认事件为:click加上 trigger:'click' ,//采用click弹出 好了<input type="text" class="layui-input" id="test2" placeholder="HH:mm:ss" autocomplete="off" readonl...原创 2021-08-25 16:07:04 · 368 阅读 · 0 评论 -
js 处理接收到的二进制数据ArrayBuffer
服务器数据可能是文本,也可能是二进制数据(blob对象或Arraybuffer对象),下面是我连接websoket 收到的数据:Blob对象表示一个不可变、原始数据的类文件对象。它的数据可以按文本或二进制的格式进行读取,也可以转换成ReadableStream来用于数据操作。ArrayBuffer对象用来表示通用的、固定长度的原始二进制数据缓冲区。1、我先设置接收为ArrayBufferwebsocket.binaryType = 'arraybuffer';...原创 2021-08-24 17:24:38 · 3048 阅读 · 1 评论 -
electron 中使用input type=“file“ 选择文件时,不保存上次选择的路径
在html 中使用 input type="file" 选择文件时,再次选择弹出会显示上次选择的文件路径:但在electron中 使用时 碰到问题:每次选择打开都会显示同一路径,不会保存上次选择的路径,但我之前使用的项目是可以的,对比区别,终于找到了。解决:在package.json 文件中,引入的依赖: 之前的程序使用的是10.1.3 是可以的,但是^10.1.3 向上兼容,这次我使用的electron 版本更新了,所以不一样了。我把electron固定使用 10.1.3 版本了。原创 2021-07-13 17:59:33 · 1025 阅读 · 3 评论 -
ES6中Set使用,判断数组里是否有相同的元素
let arr = [1,2,3,4,5];if(new Set(arr).size !== arr.length){ console.log("有相同的元素--------Yes");} else { console.log("没有相同的元素------No");}原创 2021-06-15 17:56:42 · 5393 阅读 · 0 评论 -
js比较两个对象数组是否相同
js 比较两个对象数组是否完全相同let obj1 = [{"id" : 1, "name" : "xiaoMing"}];let obj2 = [{"id" : 1, "name" : "xiaoMing"}];var isEqualN = JSON.stringify(obj1) === JSON.stringify(obj2);console.log(isEqualN);//truelet obj1 = [{"id" : 1, "name" : "xiaoMing"}];let o原创 2021-01-18 17:51:09 · 13089 阅读 · 7 评论 -
electron 打包报错:Make sure that .NET Framework 4.5 or later and Powershell 3 or later are installed...
我在Windows 10 打包时成功,但是在windows 7 里却报错:Makesurethat.NETFramework4.5orlaterandPowershell3orlaterareinstalled,otherwiseextractingtheElectronzipfilewillhang.原因:版本低了,查看PowerShell版本https://mp.csdn.net/editor/html/112217153首先在控制面板-&...原创 2021-01-05 11:27:15 · 308 阅读 · 0 评论 -
electron packager打包报错: EBUSY: resource busy or locked
electron 使用packager 打包时报错:EBUSY: resource busy or locked查找资料解决问题:后台进程里开了好几个exe文件快捷键 ctrl+Alt+. 或在任务栏上鼠标右键打开任务管理器,在后台进程里结束任务就可以了...原创 2021-01-05 11:21:59 · 1174 阅读 · 0 评论 -
js、jquery下拉框select操作总结(获取值,设置默认值)
<select id="test"><option value="1">选项一<option><option value="2">选项一<option> ...<option value="n">选项N&am原创 2018-06-14 15:46:17 · 9537 阅读 · 0 评论 -
layer弹层组件PC版介绍以及使用方法示例代码
1、layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验。PC版的layer弹层 官网地址:https://layer.layui.com/PC版的layer弹层 API地址:https://www.layui.com/doc/modules/layer.html前端UI框架layui 官网地址:https://www.layui.com/layer移动版弹层 官网地址:https://layer...原创 2020-12-29 11:21:06 · 810 阅读 · 0 评论 -
layer弹层组件移动版介绍以及使用方法示例代码
1、layer mobile是为移动设备(手机、平板等webkit内核浏览器/webview)量身定做的弹层UI。由于是采用原生 JavaScript编写,所有并不依赖任何第三方库。layer mobile完全独立于PC版的layer,您需要按照场景选择使用。和layer PC版不同的是,只提供一个核心调用方法,即:layer.open(options)官网地址:https://layer.layui.com/mobile/API地址:https://layer.layui.com/mob...原创 2020-12-29 10:12:41 · 4376 阅读 · 5 评论 -
js 实现倒计时效果setTimeout
我使用的是bootstrap 里的警告框,设置倒计时20秒后自动关闭警告框。样式截图:代码:1、html <div id="tip" class="alert alert-info alert-dismissible fade show" role="alert"> <strong>温馨提示:</strong><span id="sNum">20 </span>秒后自动关闭)。 <but原创 2020-12-25 17:35:43 · 1094 阅读 · 0 评论 -
iconfont字体库详细html使用方法
1、登录 iconfont 官网,地址:https://www.iconfont.cn/plus在首页 图标搜索处填写需要搜索的图标关键字,回车2、列出许多图标,挑选喜欢的点击购物车,添加入库3、购物车里会有所有选择的图标,点击添加至项目4、没登录的要先登录,3种方式4、登录后将购物车里的图标添加至项目,可以添加到之前的项目,也可以新建项目5、点击资源管理--我的项目,进入项目管理6、进入项目后点击 下载至本地7、下载后把文件夹修改一个名字,我修改原创 2020-12-25 17:23:30 · 1259 阅读 · 1 评论 -
js、jquery动态修改项目<title>
动态修改项目的title:方法如下:1.原生js//<title>原始</title>document.title = '我的title';document.getElementsByTagName("title")[0].innerText = '我的title';2.jquery$('title').html('我的title');$('title').text('我的title');...原创 2020-12-25 15:36:39 · 890 阅读 · 0 评论 -
video.js 播放hls直播视频(.m3u8)谷歌正常播放示例(亲测有效附示例代码)
var myvideo = videojs(videoWin.id, { autoplay: true,+ muted: true, preload: "auto", sources: [{ ...原创 2020-12-21 17:32:27 · 6002 阅读 · 5 评论 -
html5 Dom全屏,取消全屏requestFullscreen()
requestFullscreen()方法用来在全屏模式下打开一个元素。此方法需要特定的前缀才能在不同的浏览器中工作(请参考下面的浏览器兼容性)。使用document.exitFullscreen()方法取消全屏模式。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>test</title></head>原创 2020-12-21 16:56:21 · 1750 阅读 · 0 评论 -
js、jquery输入框input限制(数字,非空格,最大最小值)
1、输入框不允许输入空格<input type="password" autocomplete="off" placeholder="密码" class="layui-input" id="password" onkeyup="this.value=this.value.replace(/\s+/g,'')">2、输入框限制最小值0,最大值3<input type="number" name="title" autocomplete="off" class="layui-原创 2020-12-18 17:13:15 · 5861 阅读 · 2 评论 -
js删除NodeList元素(用getElementsByClassName、getElementsByTagName获取的数组进行删除等操作)
var divs = document.getElementsByClassName("dragwin"); 获取所有类名是dragwin, 结果的是NodeList,先转成Array再进行数组操作。 var divs = document.getElementsByClassName("dragwin"); divs = [].slice.apply(divs); //先把NodeList转换为Array divs = divs.filter(function (item) {//然...原创 2020-12-18 15:59:43 · 2412 阅读 · 2 评论 -
使用VLC把MP4转成rtsp协议视频成功播放详细步骤
VLC 是一款自由、开源的跨平台多媒体播放器及框架,可播放大多数多媒体文件,以及 DVD、音频 CD、VCD 及各类流媒体协议。videolan.org 官网下载项目播放直播视频需要rtsp协议,下面将介绍使用VLC播放器把普通视频,mp4为例,转成rtsp协议地址播放,步骤:一、服务器推流:1、打开VLC——媒体 ——流2、点击添加在本地选择文件我选的MP4格式——点击串流3、点击下一个4、 勾选在本地显示——选择rtsp——添加——下一个5、默...原创 2020-12-15 19:49:20 · 6211 阅读 · 8 评论 -
js监听鼠标滚动事件并判断鼠标滚轮是向下还是向上
js监听鼠标滚动事件并判断鼠标滚轮是向下还是向上。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>判断鼠标滚动向下还是向上</title> <style> .box { width: 600px; height: 600px;原创 2020-12-15 15:39:27 · 7367 阅读 · 1 评论 -
使用html5 video标签不自动播放视频问题(静音播放)
谷歌浏览器使用html5 video标签播放视频,已经加上属性 autoplay="autoplay" 却不自动播放,需要加上muted 静音才可以自动播放。<video id="myvideo" controls width="270" autoplay="autoplay" muted> <source src="m1.mp4" type='video/mp4'></video>...原创 2020-12-15 14:11:07 · 10046 阅读 · 0 评论 -
html5的video自动播放视频(静音),canvas绘制视频案例代码
一、HTML5 canvas drawImage() 方法浏览器支持Internet Explorer 9、Firefox、Opera、Chrome 以及 Safari 支持 drawImage() 方法。注释:Internet Explorer 8 或更早的浏览器不支持 <canvas> 元素。定义和用法drawImage() 方法在画布上绘制图像、画布或视频。drawImage() 方法也能够绘制图像的某些部分,以及/或者增加或减少图像的尺寸。JavaScript原创 2020-12-15 14:06:31 · 4116 阅读 · 0 评论 -
HTML基础知识学习资料整理
把之前的课程整理记录:HTML基础:1、快捷键Ctrl+c 复制Ctrl+x 剪切Ctrl+v 粘贴Ctrl+z 撤销 返回上一步操作Ctrl+s 保存Ctrl+a 全选alt+tab(windows+tab) 切换ctrl+tab 软件内部的切换windows+e 快速打开本地磁盘notepad+回车 快速打开记事本F2 重命名F5 刷新2、网页介绍2.1、网页的组成网页:文字、图片、按钮、输入框、视频……元素组成1:html 用..原创 2020-12-14 17:50:33 · 1213 阅读 · 1 评论 -
表格多选框checkbox的全选反选,获取选中值
<table><thead><tr><th><input type="checkbox" id="selectAll"></th></tr></thead>&原创 2018-06-14 15:41:59 · 1582 阅读 · 0 评论 -
js判断数组的值/对象数组的属性值是否相同every()、some()
一、some():用于检测数组中的元素是否满足指定条件some方法会依次执行数组的每个元素;如果有一个元素满足条件,则表达式返回true, 剩余的元素不会再执行检测 如果没有满足条件的元素,则返回false二、every():用于检测数组所有元素是否都符合指定条件every和some正好相反:如果数组中检测到有一个元素不满足,则整个表达式返回false,且剩余的元素不会再进行检测。 如果所有元素都满足条件,则返回 true。1、判断数组:var arr = [0,0,0,...原创 2020-12-10 15:10:26 · 38705 阅读 · 6 评论 -
js使用两种拼接字符串的方式循环数据动态生成HTML
js使用两种拼接字符串的方式循环数据动态生成HTML,代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> * { margin: 0; padding: 0; }原创 2020-12-09 17:46:52 · 2302 阅读 · 1 评论 -
js 地址栏url 拼接一个或多个参数传参和获取参数方法
1、js 地址栏url 传一个参数和多个参数时拼接方法:let ipaddr = "192.168.1.199";let path = "/scene.cgi";//以上都可以动态设置当参数传进去//一个参数let getTimestamp = new Date().getTime();//时间戳let url= "http://" + ipaddr + path + "?timestamp=" + getTimestamp;console.log(url);// http://192原创 2020-12-09 15:18:24 · 15705 阅读 · 0 评论 -
js 地址栏url 有汉字时会被编码,取的时候要进行decodeURI()解码
遇到问题:当url需要传字符串,当为汉字时会被编码,取的时候要进行转码。一、JavaScriptencodeURI()函数定义和用法encodeURI() 函数可把字符串作为 URI 进行编码。对以下在 URI 中具有特殊含义的 ASCII 标点符号,encodeURI() 函数是不会进行转义的: , / ? : @ & = + $ # (可以使用encodeURIComponent()方法分别对特殊含义的 ASCII 标点符号进行编码。).提示...原创 2020-12-09 14:17:13 · 1324 阅读 · 0 评论 -
bootstrapTable中使用onCheck方法取消选中某行的CheckBox
bootstrap table参考文档:http://www.itxst.com/bootstrap-table-methods/tutorial.html今天看到了一个问题,之前没有用过,翻看文档写个示例记录一下:<!doctype html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, in..原创 2020-12-08 16:52:06 · 5604 阅读 · 0 评论 -
label标签使用,点击文字就能选中或取消选中复选框checkbox/单选框radio的两种方法
效果是点击文字就能选中复选框checkbox/单选框radio 或者是取消选择复选框checkbox/单选框radio。一、单选框第一种方法:文字必须是label标签内,checkbox的id和<label>标签内的for=""中的名字必须相同。<div class="radio-inline"> <input type="radio" name="killOrder" id="killOrder1" value="1"/> <lab原创 2020-12-08 09:43:02 · 5941 阅读 · 1 评论 -
js、jquery操作复选框checkbox总结(单个/多个获取选中值、初始化设置默认选中值、全选反选)
一、单个复选框使用label标签可以点击文字就能选中复选框或者是取消选择复选框 ,可以用<label for=""></label><label><input type="checkbox" id="check1" value="1" checked/>葡萄</label><button onclick="check()">提交</button>1、js判断单个 checkbox 是否选中以及获取选中...原创 2020-12-07 17:54:17 · 19267 阅读 · 0 评论 -
jQuery attr() 方法和 prop() 方法区别
jQueryattr()方法定义和用法attr() 方法设置或返回被选元素的属性和值。当该方法用于返回属性值,则返回第一个匹配元素的值。当该方法用于设置属性值,则为匹配元素设置一个或多个属性/值对。jQueryprop()方法定义和用法prop() 方法设置或返回被选元素的属性和值。当该方法用于返回属性值时,则返回第一个匹配元素的值。当该方法用于设置属性值时,则为匹配元素集合设置一个或多个属性/值对。注意:prop() 方法应该用于检索属性值,例如 DO...原创 2020-12-07 17:52:48 · 3949 阅读 · 0 评论 -
输入框input type=“text“(获取值、设置默认值)
<input type="text" class="form-control" id="name" placeholder="任务名称">1.获取单选框的值$("#name").val();$("input[type='text']").val();1.设置默认值$("#name").val('任务1');3.根据获取原创 2018-06-14 14:39:15 · 8524 阅读 · 0 评论 -
js 根据值来查找所在数组的位置(索引值)
js 根据值来查找所在数组的索引值(下标):var getIndex = ((arr, item) => { for (var i in arr) { if (arr[i] == item) { return i; } }});var list2 = [1, 2, 3, 4, 5];var index = getIndex(list2, 2);console.log(index);// 1var inde...原创 2020-12-07 14:43:52 · 11303 阅读 · 0 评论 -
js 对象数组根据对象的某一个属性值来进行数据排序
js 对象数组根据对象的某一个属性值来进行数据排序。示例:1、根据id值 从小到大排序//模拟数据var list = [{"id" : 5, "name": "小明", "age" : 5}, {"id" : 2, "name": "小红", "age" : 12}, {"id" : 3, "name": "小花", "age" : 8}, {"id" : 1, "name": "小白", "age" :24}, {"id" : 4, "name": "小黑",原创 2020-12-07 13:57:35 · 9845 阅读 · 0 评论 -
js实现数组排序
一、JavaScript sort() 方法定义和用法sort() 方法用于对数组的元素进行排序。语法arrayObject.sort(sortby)参数 描述 sortby 可选。规定排序顺序。必须是函数。 返回值对数组的引用。请注意,数组在原数组上进行排序,不生成副本。说明如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比原创 2020-12-07 13:21:32 · 3059 阅读 · 0 评论 -
js原生、jquery单选框radio总结(获取值、设置默认选中值、样式)
单选框 radio<div class="radio-inline"> <input type="radio" name="killOrder" value="1"/> <label for="killOrder1">是</label></div>&原创 2018-06-14 14:26:28 · 281888 阅读 · 5 评论