随笔分类 -  js

上传文件时如何获取视频长度
摘要：上传时如何获取视频长度 思路 首先，获取视频长度，我们通过浏览器自带的API就可以获取，如下： <!-- html --> <video src="xxx.mp4"></video> <!-- JS --> const oVideo = document.getElementById('video' 阅读全文
posted @ 2022-05-11 09:50 古月大叔 阅读(1226) 评论(0) 推荐(0)
如何使用，JS打开本地的exe程序
摘要：1，模拟a标签点击 const ga = document.createElement('a') ga.style.display = 'none' ga.href = 'GWAA:' document.body.appendChild(ga) ga.click() 2，使用window.open( 阅读全文
posted @ 2020-12-01 15:02 古月大叔 阅读(3975) 评论(0) 推荐(0)
JS模块化
摘要：前端模块化 优点：模块化，按需加载、更好的分离、提高复用性和维护性 缺点：请求数量过多、顺序不能随意切换； 演进过程 function模式； function a(){ console.log(); } namespace模式; 但是属性容易被更改，没有私；直接暴漏在window上 var obj 阅读全文
posted @ 2020-08-10 18:03 古月大叔 阅读(252) 评论(0) 推荐(0)
JS数组
摘要：数组 var arr =[,,3,3,] //稀松数组 var arr = new Array(); 不支持上述传值； var arr = Array(); push : 后面加入值 push(1,2....);可以为多个，，返回值是 执行完操作的长度； unshift unshift(1,2... 阅读全文
posted @ 2020-06-29 21:04 古月大叔 阅读(153) 评论(0) 推荐(0)
Dom执行流程 JS时间线;defer 和 async
摘要：Dom执行流程 JS时间线 创建Document对象，开始解析web页面。解析HTML元素和文本。这个阶段document.readyState = 'loading' 遇到link外部css，创建线程加载，并继续解析文档。 遇到script外部JS，并没有设置async、defer，浏览器加载，阻 阅读全文
posted @ 2020-04-12 14:51 古月大叔 阅读(386) 评论(0) 推荐(0)
文档的滚动条、标准怪异模式、视口尺寸 以及JS操作CSS样式
摘要：滚动条距离 window.pageXOffset | window.pageYOffset (IE8 集iE8 以下不兼容) 下面两组都是IE8 的解决方法 但是由于兼容性混乱 两种方法 俩组方法互斥，有一组方法有值的话另一组则为0 解决方法将两个值相加就可以解决问题 document.body.s 阅读全文
posted @ 2020-04-06 12:49 古月大叔 阅读(197) 评论(0) 推荐(0)
Dom树结构和dom操作
摘要：Dom树结构和dom操作 DOM 结构树（继承关系） Node 原型为 EventTarget 原型为 Object 原型为 null Document (文档) HTMLDocument document文档 XmlDoucment xml文档 CharacterData Text 文本 Comm 阅读全文
posted @ 2020-04-05 18:44 古月大叔 阅读(1259) 评论(0) 推荐(0)
发布订阅和观察者模式
摘要：发布订阅模式和观察者模式 var dom= document.getElementById('dom'); dom.onclick = function(){}; Dom一级事件 相当于观察者模式 dom.addEventListener('click',function(){})； Dom二级事件 阅读全文
posted @ 2020-04-01 19:02 古月大叔 阅读(262) 评论(0) 推荐(0)
js 连等操作，，
摘要：奥术大师 var hu = { a : 12, c : 32, name : 45 }; (function (){ var ccc = bbb = aaa = hu; })() console.log(bbb)*********输出 {a: 12, c: 32, name: 45}可知 未声明的变 阅读全文
posted @ 2019-12-07 21:50 古月大叔 阅读(156) 评论(0) 推荐(0)
js 默认事件取消
摘要：防止事件捕获和冒泡 ：子类的事件会会发父类相同类型的事件， w3c 标准 window.event.stopPropagation也是事件对象(Event)的一个方法，作用是阻止目标元素的冒泡事件，但是会不阻止默认行为。 IE则是使用window.event..cancelBubble = true 阅读全文
posted @ 2019-11-07 10:04 古月大叔 阅读(2272) 评论(0) 推荐(0)
es 3.0 、es 5.0 、es 6.0
摘要：es 5.0 的严格模式 “use strict” /在页面最顶端写启动全局 es 5.0 严格模式 为什么使用字符串可以 向下兼容 ，，不会报错可以写在局部方法中，推荐使用 （例如 不再兼容es 3.0 不规则的语法 ，，使用es 5 的新语法 1、arguments.callee ， 2、不再兼 阅读全文
posted @ 2019-09-22 20:48 古月大叔 阅读(387) 评论(0) 推荐(0)
this 、typeof、false、parseInt（）、this、arguments、Array和object判断
摘要：typeof typeof （undefined） 不会报错 undefined object Number boolean function String 返回值为字符串类型 false 0 、false 、“”、undefined、null、NaN除了以上六种都为true null == und 阅读全文
posted @ 2019-09-22 16:17 古月大叔 阅读(241) 评论(0) 推荐(0)
js隐式类型转换，预编译、递归、作用域，作用域链、闭包、立即执行函数、继承圣杯模式
摘要：隐式类型转换 调用Number（）当有运算符（加减乘除，求余）时，会调用Number（）转为数字再运算，除了 加 当 有字符串时就变身成拼接Boolean();String();typeof()string返回的类型 预编译 在<script>里面的代码，进行预编译，将变量声明，，函数声明提高在逻辑 阅读全文
posted @ 2019-09-15 16:58 古月大叔 阅读(235) 评论(0) 推荐(0)
js 阻止事件
摘要：event.stopPropagation();//阻止事件冒泡 ，可阻止父类事件的发生 event.preventDefault();//阻止默认行为 如A标签 阅读全文
posted @ 2019-09-12 15:16 古月大叔 阅读(5149) 评论(0) 推荐(0)
file对象的获取 radio值的获取
摘要：jq $("#hiddenFile").get(0).filesjs this.files; 获取radio的值 $('input:radio:checked').val()； $("input[type='radio']:checked").val(); $("input[name='new_ty 阅读全文
posted @ 2019-09-02 10:41 古月大叔 阅读(212) 评论(0) 推荐(0)