随笔分类 - js
javascript技术
摘要：// 使用async、await实现类似同步编程 async function queue(arr) { let res = [] for (let fn of arr) { var data = await fn(); res.push(data); } return await res } 调用
阅读全文
摘要：一、浏览器允许每个域名所包含的cookie数： Microsoft指出InternetExplorer8增加cookie限制为每个域名50个，但IE7似乎也允许每个域名50个cookie。 Firefox每个域名cookie限制为50个。 Opera每个域名cookie限制为30个。 Safari/
阅读全文
摘要：这组件是基于elementui写的，除了复制剪贴板之外，还有悬浮提示、加载动画、多行隐藏，如果不需要的话可以自行更改 <template> <div v-loading="loading" class=""> <el-popover :content="value || '暂无内容'" :close
阅读全文
摘要：1、在public的index.html模板文件中引入百度地图（PS：如果你的网站域名是https的，这个链接就要用https） <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的密钥"></scr
阅读全文
摘要：下面的BaiduMap就是百度地图的实例对象 //关于状态码 const BMAP_STATUS_SUCCESS = 0 //检索成功。对应数值“0”。 const BMAP_STATUS_CITY_LIST = 1 //城市列表。对应数值“1”。 const BMAP_STATUS_UNKNOWN
阅读全文
摘要：版本： ant-design-vue 1.6.2 效果（按住标题栏拖动，拖动超出窗口会自动出现滚动条）： 组件文件结构： index.vue （需要注意的是footer和title的处理，其他的props都是一致的） <template> <a-modal :class="[modalClass,
阅读全文
摘要：AKjs移动框架 演示地址：http://www.htmleaf.com/Demo/201804035055.html 下载地址：http://www.htmleaf.com/jQuery/Layout-Interface/201804035054.html 搬运工备注：轻量，简洁，美观大方，前后端
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>canvas涂鸦Demo</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
阅读全文
摘要：通过监听video的事件钩子，使用canvas截取video的图片 效果： 代码（可直接在菜鸟教程的编辑器运行）： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head>
阅读全文
摘要：html根节点即<html></html> ❌直接用document.getElementByTagName('HTML')获取不成功 ✅要使用document.documentElement，如下 var docEl = document.documentElement docEl.style.f
阅读全文
摘要：html <input type="file" accept="video/*" οnchange="setVideoSrc(this)" /> 获取音视频时长+转换时间格式 function setVideoSrc(el){ //获取视频对象 var content = el.files[0] c
阅读全文
摘要：html <div id="scroll-wrap"> 内容... </div> css #scroll-wrap{ height: 600px; overflow: auto; } js 先引入Jquery $(document).ready(function(){ const $ScrollWr
阅读全文
摘要：思路解析： 通过判断以下三者与0的关系，来判断元素与视野的关系： 元素顶部距离窗口顶部的距离：t = elem.offset().top - $(window).scrollTop(); 元素底部距离窗口底部的距离：b = h - ( t + elem.height() ); 窗口的高度：h = $
阅读全文
摘要：效果： demo包下载地址：https://pan.baidu.com/s/1x_IvBgHYk5K5mbm6WsZUsQ HTML： PinData.js里面是拼音对应汉字的集合，包含了几乎所有的常用汉字，如果不够用，可以自己拓展，只要在对应的拼音后面加入汉字就可以（超简单~） jQuery.Hz
阅读全文
摘要：<script> var mySwiper = new Swiper('.swiper-container', { // options ... }); // 鼠标移入停止自动滚动 $('.swiper-slide').mouseenter(function() { mySwiper.autoplay.stop(); }) // 鼠标移出开始自动滚动 $('.swiper-slide').mous
阅读全文
摘要：。。。
阅读全文
摘要：1、下载工程文件 github地址：https://github.com/iview/iview-project 2、安装 ①把文件解压缩后复制到你自己的项目文件夹内，例如我的是“ceosaas-doc” ②在此处运行命令行 ③执行安装命令，等待安装完成 3、第一次使用前，初始化工程 这里我出现了报
阅读全文
摘要：还没有申请js权限的，要先申请， 设置>账户设置>申请js权限（申请理由要写得有礼貌一点啊，像我就写明我想用live2d来美化我的页面） 我的审核第二天就通过了，但好像有网友好多次了还不通过的，可以去论坛留言请管理员看看。 申请通过后， 页脚html代码中加入以下代码： 博客文章页面就可以获得一个可
阅读全文
摘要：微信h5页面下拉露出网页来源的解决办法：将document的touchmove事件禁止掉 备注：要加上 passive: false，不然会出现以下报错
阅读全文