JS
mooonyuan
这个作者很懒,什么都没留下…
展开
-
【vue】【audio】audio标签播放样式改写
audio标签播放样式改写原创 2023-02-16 10:40:53 · 832 阅读 · 0 评论 -
【JS】公共组件整理包(不定期更新)
年月日时间格式化时分秒格式化时间戳转为多久之前获取静态git图片阿拉伯数字转换为中文rem引入通过身份证获取年龄通过身份证获取生日通过身份证获取性别10.获取指定时间年月日时间格式化/* * @param date 标准时间格式:Fri Nov 17 2017 09:26:23 GMT+0800 (中国标准时间) * @param type 类型 * type == 1 ---> "yyyy-mm-dd" * type == 2 ---> "yyyy年mm月dd.原创 2021-05-18 16:03:31 · 207 阅读 · 0 评论 -
【JS】原生JS的DOM操作之插入元素
插入元素主要是:在已有元素前插入元素和在已有元素后插入元素在已有元素前插入元素DOM提供了insertBefore()方法,这个方法将一个新元素插入到一个现有的元素中 需要满足三个条件: 1. 新元素:你想插入的元素 (newElement) 2. 目标元素:你想把这个新元素插入到那个元素(targetElement)之前 3. 父元素:目标元素的父元素(pare...原创 2018-03-13 00:05:22 · 22598 阅读 · 0 评论 -
【JS】原生JS的DOM操作之共享onload事件
addLoadEvent( by Simon willison ) 页面加载完毕会执行onload事件,动态绑定多了函数,它只有一个参数,打算页面执行完毕时,执行的函数名称;把现有的window.onload的值存入变量oldLoad;如果这个处理函数上还没有绑定任何函数,就像平时那样把新函数添加给它;如果这个处理函数上已经绑定了一些函数,就把新函数追加到现有指令末尾文件 ...原创 2018-03-18 22:41:35 · 739 阅读 · 0 评论 -
【JS】video播放m3u8格式连续播放 以及播放列表
解决m3u8播放失败的问题当不需要动态加载视频源的时候 直接引入插件的地址即可<div class="videoBox"> <video class="video-js vjs-big-play-centered" controls preload="auto" width="640" height="264" data-setup="{原创 2018-03-30 22:08:32 · 20418 阅读 · 0 评论 -
【JS】原生JS的控制Object能否修改
三种方式可以控制 - Object.preventExtensions() 不能添加 可以修改 - Object.seal() 不能删除 不能添加 可以修改 - Object.freeze() 一旦对象使用 就被认为是不可改变的 不能删除 不能添加 不能修改 注释:如果对象的属性本身是一个对象的话 这个对象是可以更新的Ob...原创 2018-04-11 16:10:54 · 1588 阅读 · 0 评论 -
【JS】原生JS以对象作为构造器创建实例Object.create()
使用对象字面量作为其他对象的基础 创建Person对象 具有下列属性var Person = { firstName : 'quanquan', lastName : 'xu', birthDate : new Date('1992-01-04'), gender : 'female', getAge : function(){ ...原创 2018-04-11 17:19:54 · 554 阅读 · 0 评论 -
【JS】原生JS事件绑定onclick和addEventListener
onclick绑定方式优点: - 简洁 - 处理事件的this关键字指向当前元素 缺点: - 不能对事件捕获或事件冒泡进行控制,只能使用事件冒泡,无法切换成事件捕获 - 一次只能对一个元素绑定一个事件处理程序,当使用window.onload属性时,会覆盖采用相同方法所绑定的事件代码 this与event查一不大 推荐使用event...原创 2018-04-11 18:37:41 · 31112 阅读 · 0 评论 -
【JS】js下监听(非input等可获取焦点)元素的键盘按下事件(vue通用)
大部分键盘按下事件的监听是可获取焦点元素(input,button,textarea)可以生效,而当我们需要对不可获取焦点元素进行监听操作呢,本篇介绍一下不可获取焦点元素监听键盘按下的方法。三种方式(以下介绍方法vue通用)全局监听按键按下事件使用tabindex使用contenteditable本文案例功能:当点击open时,open变为close,class改变当点击c...原创 2019-03-13 17:55:24 · 2408 阅读 · 0 评论