JavaScript
阿窗
这个作者很懒,什么都没留下…
展开
-
js自制远程搜索建议,搜索建议,搜索关键字
html<input type="text" name="species">css.search-box { position: fixed; left: 0; top: 0; z-index: 100; background-color: #fff; width: 150px; max-height: 260px; overflow: auto; box-shadow: 0 12px 5px -10px r原创 2020-10-11 11:50:30 · 253 阅读 · 0 评论 -
js/jq input输入后回车形成标签 并把所填内容传给后台(单页面可多个,互不干扰)
html部分<div class="tags"> <input type="text" class="js_inputTags" placeholder="请输入并回车" autocomplete="off"></div><input type="hidden" data-key="room" data-name="shelf" class="layui-input">css部分.tags { width: 100%;原创 2020-10-11 11:40:12 · 614 阅读 · 0 评论 -
js获取实时天气、温湿度
效果图通过和风天气的api获取天气跟温湿度;1、去和风天气注册账号并申请免费开发key,免费开发的key可以拿到实时温湿度、三天温湿度预告,其余的都没有权限。2、根据和风API获取你要拿的城市的id/经纬度,具体参照城市信息搜索API。3、带着拿到的城市坐标/id 以及自己的key,请求获取天气、温湿度的API,具体参照天气预报和实况API。4、注意,天气预报的接口拿不到相对湿度。5、注意,和风天气有提供各种天气icon图,点击自取,天气实况的icon对应的就是图标名称...原创 2020-09-03 15:22:11 · 3328 阅读 · 0 评论 -
layui table 导出xls重写之导出全部数据
首先,找到layui包里的table.js,然后格式化代码在大概115行的地方,改成然后在大概这个位置,加一个方法如图所示,可以一键导出99999999条数据,绝对够使????原创 2020-07-29 16:41:52 · 723 阅读 · 0 评论 -
移动端input number maxlength 无效解决办法
<input type="number" oninput="if(value.length > 6) value = value.slice(0,6)" />原创 2020-07-06 17:54:55 · 487 阅读 · 0 评论 -
从输入url到页面返回的全过程
从输入url到页面返回的全过程。1.我们输入一个域名:www.baidu.com,然后点击确认;2.浏览器查找域名的IP地址。查找过程如下:首先是浏览器缓存,浏览器会缓存DNS记录一段时间;如果在浏览器缓存里没有找到需要的记录,浏览器会做一个系统调用,获取系统缓存中的记录;然后是路由器缓存,路由器一般会有自己的缓存;如果前者都没有找到,就需要从本地域名服务器开始进行DNS查询了。详细的DNS查询过程我在DNS工作原理及过程中讲到过。3.现在浏览...转载 2020-07-02 12:59:35 · 198 阅读 · 0 评论 -
js16进制转10进制
var ex16hex = function (value) { value = value.replace(/^\s+|\s+$/g, ""); var ex10 = document.getElementById('ex10'); if (value) { value = stripscript(value); value = value.replace("0x", ""); var arr = value.split("");.转载 2020-07-02 11:21:53 · 1413 阅读 · 0 评论 -
js正则去掉字符串空格
//str为要去除空格的字符串://去除所有空格:str = str.replace(/\s+/g,"");//去除两头空格:str = str.replace(/^\s+|\s+$/g,"");//去除左空格:str=str.replace( /^\s*/, '');//去除右空格:str=str.replace(/(\s*$)/g, "");原创 2020-07-02 10:53:44 · 120 阅读 · 0 评论 -
js递归处理文字溢出缩小字体
需求是,在特定的高度盒子里,文字溢出隐藏的效果不理想,就想看全部,没得说,改呗var fontSize = function(item, size = 16) { var bh = item.outerHeight();//box高 var th = item.children().outerHeight();//文字高 if(bh - th < 0 && size > 12){ item.find('.js_textContent原创 2020-06-22 20:43:48 · 399 阅读 · 0 评论 -
js 只能输入小数点跟数字
$(document).on('keyup','.numDecText',function(){ $(this).val($(this).val().replace(/[^0-9.]/g,''));}).bind("paste",function(){ //CTR+V事件处理 $(this).val($(this).val().replace(/[^0-9.]/g,''));}).css("ime-mode", "disabled"); //CSS设置输入法不可用...原创 2020-06-16 17:48:23 · 91 阅读 · 0 评论 -
js 浏览器语音播报
var utterThis = new window.SpeechSynthesisUtterance('支付宝到账,323324234');window.speechSynthesis.speak(utterThis);原创 2020-06-16 17:45:51 · 601 阅读 · 1 评论 -
js操作浏览器cookie
//JS操作cookies方法!//写cookiesfunction setCookie(name,value){ var Days = 30; var exp = new Date(); exp.setTime(exp.getTime() + Days*24*60*60*1000); document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();}//读取cooki.原创 2020-06-16 17:45:20 · 127 阅读 · 0 评论 -
js 百度地图第一次初始化标的位置不对,解决方案
// 百度地图API功能var map = new BMap.Map("map");var point = new BMap.Point(121.624667,31.1010096);var marker = new BMap.Marker(point); // 创建标注map.addOverlay(marker); // 将标注添加到地图中marker.setAnimation(BMAP_ANIMATION_BOUNCE);map.centerAndZoom(po.原创 2020-06-16 17:44:28 · 791 阅读 · 1 评论 -
js控制一行最多放多少文字,并把多余的放到第二行,同时可以手动调整每行放多少字
初始效果是这样的,是通过下面这段代码切割了整个字符串,分别放到两个盒子里 var sub = function (str, n) { var r = /[^\x00-\xff]/g; if (str.replace(r, "mm").length <= n) { return str; } var m = Math.floor(n / 2); for (var i = m; i < str.length; i++) {..原创 2020-06-16 17:27:10 · 1404 阅读 · 0 评论 -
微信公众号H5页面支付
首先接入微信jssdk<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>然后设置你的wx.config()直接上支付代码:function checkOrder(orderNo) { layer.open({ type: 2 ,content: '支付结果查询中' ,shadeClose: false });原创 2020-05-30 22:22:13 · 187 阅读 · 0 评论 -
js所有文件加载完后再开放页面+ajax获取本地文件提示跨域
一般做移动端动画类的页面(也称H5)的时候,我们会用到大量的图片,还很有可能会有背景音乐甚至视频,如果网速不好或者文件过多过大,就会出现问题,这种情况下我们就可以使用js代码,达到文件全部加载完再展示正式页面的效果。那么在实际项目中,我们肯定免不了用背景图片的情况(如果有全部用img标签做的大神,勿喷),那么怎么保证我们的每一个静态文件都参与到我们的loading文件数中呢?我们需要单独写一个json的文件来解决我们的问题,例如:这里插播一条知识点,我的json文件为什么会用stati...原创 2020-05-22 00:29:23 · 161 阅读 · 0 评论 -
js阻止移动端下拉滑动效果
document.body.addEventListener('touchmove', function (e) { e.preventDefault(); // 阻止默认的处理方式 即 下拉滑动效果}, { passive: false});原创 2020-05-21 23:24:10 · 366 阅读 · 0 评论 -
web端 m3u8播放器
m3u8文件介绍,请看m3u8文件格式详解m3u8播放器git地址,点击获取这个就是git上下载下来的文件目录,浏览器打开外面的index.htm,input里输入你的.m3u8文件的地址,点击play,就会跳转到player下面的index.html里,实现播放我的做法是,直接提取player里面的文件放到自己的项目目录,然后在进入这个链接的时候,直接在浏览器url上加 # + .m3u8地址ps:在浏览器看的时候,可能会报错:player.js:11 Uncaught (..原创 2020-05-20 13:45:48 · 2742 阅读 · 0 评论 -
UEditor代码高亮(适用于所有的富文本编辑器)
最近在写项目管理的时候,领导提出可以贴代码的需求,贴代码,自然就需要代码高亮;关于为什么选用UEditor,虽然这款百度出品的所见即所得编辑器已经很久没有更新了,但是现有的功能还是足够用的;第二点是UEditor的文档无比详细,而且中文对于国人来讲还是比CK之类的英文文档来的友好;第三点是个人觉得UEditor用起来比CK要方便一些。话不多说,大家一起来看一下:首先这边讲一下两种代码高亮方法;第一种是UE自带的shCore//接入css<link rel="styles原创 2020-05-09 11:08:24 · 874 阅读 · 0 评论