摘要：
1、场景： chatGPT开发语音功能，部署服务需要https协议，有个独立的门户需要将服务以iframe嵌入到系统中 2、问题： chatGPT语音服务无法弹出授权开启麦克的提示 3、原因： iframe默认是关闭了相关权限 4、处理： 参考说明 <iframe>标签的 sandbox 属性是一个 阅读全文
摘要：
一、后端设置（如：java） 二、ajax获取response头信息 $(document).ajaxError(function(ev,xhr,status,err){ // 获取header中存放的custom-key var info = xhr.getResponseHeader('cust 阅读全文
摘要：
方案一： 字符串变量格式要求： ‘some text {$0}’，{$n}为变量 扩展数组方法：evaluate 使用： arr.evaluate(str) 测试： 方案二： 字符串变量格式要求： ‘some text { name}’，{name}为变量 扩展字符串方法： evaluate 使用： 阅读全文
摘要：
效果图： demo：关键的地方都以颜色明显标识 二、基于jquery plugin版本 <!DOCTYPE html> <html> <head> <title>menu</title> <script type="text/javascript" src="js/jquery.min.js"></ 阅读全文
摘要：
查遍各大资源无任何flex嵌套布局的例子，经过自己折腾完成了项目中的高度自适应需求（更多应用于前端组件） 效果图： html代码：（关键地方已经用颜色特别标识 ^_^） 总结： flex布局嵌套的关键，就是对item进行容器定位，赋予flex特性。 flex知识学习小游戏： https://flex 阅读全文
摘要：
0、datagrid无数据样式提示 思路一：css伪类选择器，找到无数据的table通过：empty 样式实现无数据提示（配合::before伪对象实现），想法是美好的，现实是无奈的，如图 easyui datagrid即使无数据时，依然存在一行（行无数据且不可见），:empty方案被放弃。 思路二 阅读全文
摘要：
css 参考手册： 1、http://css.doyoe.com/ 1、混合选择器样式定义： .button.icon:before { content: ""; position: relative; top: 1px; float:left; width: 12px; height: 12px; 阅读全文
摘要：
参考资料：https://juejin.cn/post/7266641059282927650 效果： 源码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content=" 阅读全文
摘要：
一个样式类，一个容器，无须额外元素：--main-color-rgba 为全局申明颜色变量，方便替换 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Loading Animation</title> <st 阅读全文
摘要：
在密码校验规则中，经常遇到要求必须包含几种类型的符号要求，其中就会用到正则的正向预查，故略作语法解读： 在正则表达式中，(?=.*[a-z]) 的语法表示一个正向预查，其中： ?= 表示正向预查，用于检查紧随其后的内容。 .* 匹配任意字符零次或多次。 [a-z] 匹配任何小写字母。 因此，整个表达 阅读全文
摘要：
代码： <html> <body> <input id="auto_split" /> </body> <script> document.querySelector('#auto_split').addEventListener('blur', function() { var val = thi 阅读全文
摘要：
当服务端返回的 音频文件标示 no-cache 的时候，会引起currentTime 失败。 改掉server 返回头信息。解除禁止缓存，一切ok。 转载于：https://www.cnblogs.com/Mr-Joe/p/4273045.html 阅读全文
摘要：
javascript中比如int类型数值最大有效精度位数是16位，超过16位时就会四舍五入到前16位的精度，所以大于16位数字是无法比较大小的，故而只能封装独立的比较方法： /** * 数值大小比较（小于等于） -- 支持超过16位数 * @param min{string}: 要比较的数 * @p 阅读全文
摘要：
场景： 地图框架Leaflet ，地图资源Open Street Map，要求实现内网加载地图资源。 必备资源：瓦片切割地图 -- Maperitive工具 （http://maperitive.net/） 通过generate-tiles，生成静态资源图片，部署到项目里或是静态资源服务里，将地图的 阅读全文