mounted中 监听滚动事件 自定义鼠标右键vue-content-menu 鼠标滚动时消失 const ele = document.getElementById(‘container’) if(ele){ ele.addEventListener( 'scroll' , ( )=>{ this.contextMenuData.menuLists=[ ] } ) } container 样式 有 overflo
微信公众号:bugstack虫洞栈 | 博客:https://bugstack.cn 沉淀、分享、成长,专注于原创专题案例,以最易学习编程的方式分享知识,让自己和他人都能有所收获。目前已完成的专题有;Netty4.x实战专题案例、用Java实现JVM、基于JavaAgent的全链路监控、手写RPC框架、架构设计专题案例[Ing]等
引子 检测一批手机号码是否都符合要求的格式,循环用正则校验,发现无效。去查找了下资料,发现了之前没有注意到地方。 Origin My GitHub 问题 下面是问题重现: const arr=['18311112222','18344445555','2857898098'] const reg = /^1[3-9]\d{9}$/g; const result = arr.find(ele =>
html: <div class="mydiv1"></div> css: .mydiv1 { width: 100px; height: 100px; background: red; position: absolute; } js: let mydiv1 = document.querySelector(".mydiv1"); mydiv1.onmousedown = e => {
跨域请求的三种方式 解决方法 前后端配合; jsonp;CORS – 跨域资源共享Php服务器代理 跨域请求的方式即实现 浏览器从一个域名的网页去请求另一个域名的资源时,域名、端口、协议任一不同,都是跨域当发送方地址 和 接受放地址传输协议 域名 端口号 有任意一个不一样就是触发了
DOM 关于节点 父节点:一个节点之上的直接节点是其父节点 子节点:一个节点下一层的直接节点是其子节点 兄弟节点:在同一层上具有相同父节点的节点是兄弟节点 后代节点:在一个节点之下的所有层级的节点是其后代节点 祖先节点:一个节点的任何父节点、祖父节点和其上层的所有节点是祖先节
最近在看spring源码,发现之前看的很多细节已经忘了,于是决定在看源码的过程中也把主要的流程用博客记载下来,希望自己能坚持下来吧。spring已经发展很久,整个体系已经变得很庞大了。为了能更好的把源码看下去,我决定从最基础也是最核心的IOC开始切入,并且从最原始的xml解析开始看。面对这
一、软件介绍: 慕课网中国大学mooc自动观看视频、课件。能够自由调整播放速度,实现视频的快速播放。 软件下载:https://wukongstudio.lanzoui.com/b01hjrrjg 软件运行界面截图: 二、使用方法: 1.先把软件解压出来 2.双击“刷课浏览器.exe” 3.在浏览
开发时有时需要动态添加输入框,如下图: 点击添加周期,白框会被复制,开始看到这个功能是懵的,后来想明白了,本质就是渲染了一个数组,添加周期按键是向数组追加一个空对象,也可以带有部分默认属性值。 每个白框中修改数据的表单元素的onChange事件 ,都必须传递index,这样就会根据index
一软件介绍: 中国大学mooc慕课自动观看视频、课件。能够自由调整播放速度,实现视频的快速播放。 软件下载:https://wukongstudio.lanzoui.com/b01hjrrjg 软件运行界面截图: 二、使用方法: 1.先把软件解压出来 2.双击“刷课浏览器.exe” 3.在浏览器中登
一.脚本介绍: 国家开放大学刷题脚本是一款电脑上的运行的脚本,可以实现多倍速播放课程视频。 脚本下载:https://wukongstudio.lanzoui.com/b01ib6bwf 二.操作步骤: 登录你的国家开放大学账号,进入要刷的课程。 在左侧倍速控制栏点击调整倍速,选择3.8倍,超过3.8会提示首次观看,禁止快进。
JavaScript实现点击一个事件后,触发另一个事件 有道H5作业题:点击一个全屏按钮实现视频的全屏显示。 实现这个功能是一个点击的动作一共两个事件:1、点击这个全屏按钮的onclick事件;2、视频全屏播放的事件 实现代码: 下面是HTML代码: <!DOCTYPE html> <html> <head> <meta charset="u
1. BeanDefinition简介 前面讲的解析bean标签,本质就是将bean的信息封装成BeanDefinition对象的过程,最后放入容器beanDefinitionMap中。spring 要根据 BeanDefinition对象来实例化bean,只要把解析的标签,扫描的注解类封装成BeanDefinition对象,spring才能实例化bean。 BeanDefinition
排序 (参考大话数据结构第9章,归并排序没有看,快速排序的优化部分没有看) 相关概念: 1.内排序与外排序:根据在排序过程中待排序的记录是否全部被放置在内存中分为内排序和外排序。本文讨论的7种排序算法都是内排序。 2.稳定性:能保证排序前两个相等的数据其在序列中的先后位置顺序与
默认标签解析 Spring中标签包括默认标签和自定义标签两种,两种标签的用法和解析方式大不相同,默认标签的解析是在parseDefaultElement方法中进行,分别对4种 不同标签(import,alias,bean、beans)做了不同处理 private void parseDefaultElement(Element ele, BeanDefinitionParserDe
01-缓动动画-手风琴案例 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" con
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>my-vue</title> <style> #app { width: 600px; height: 300px; overflow: auto; } table {
本文首发于:https://github.com/bigo-frontend/blog/ 欢迎关注、转载。 背景 在图文列表渲染时,在较低配置的Android手机出现内存暴涨,无法回收导致客户端崩溃的情况,我们使用Android studio进行分析发现,问题出在了webview的图层渲染引擎。我们发现,随着我们下拉加载越多,图片量增
addClass(document.body, 'showRightPanel') removeClass(document.body, 'showRightPanel') /** * Add class to element * @param {HTMLElement} elm * @param {string} cls */ export function addClass(ele, cls) { if (!hasClass(ele, c
遮罩<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <style> .div1{ height:70%;width:60%; background-color: darkorchid
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=d
数组基础方法的实现是前端面试常问的点,有时我们感觉自己写出了解法面试官却不满意,那是因为我们只注重了功能实现,而未考虑模块化开发导致的,下面介绍如何实现并封装数组常用的多个方法。 首先,我们定义一个类,这个类继承自Array类,所以Array类的方法它也都包括,我们可以使用new通过
直接上代码咯~~~ 现在有时间自己想了一下然后出来了 其实很简单的 上学时候其实学过一个叫数据结构的课还是什么课来着 记不清了 哇 当时觉得好难啊 bubbleSort (arr) { let newArr = [] arr.map(e = > { if(newArr.length==0){ newArr[0] = e
第一种:直接在父节点里面插入的情况 //直接在节点原型上新增方法 //target为需要插入的新节点,ele为在其后面插入新节点的原始节点 Element.prototype.insertAfter = function(target, ele){ const nextEle = ele.nextSibling || ele.nextElementSibling; if(nextEle){ thi
编辑搜图 请点击输入图片描述(最多18字) 直接上代码: return { current: 0, tabs: [ { icon: '/static/all.png', text: '全部', tabId: 0 }, { icon: '/static/ele.png', text: '饿了么', tabId: 1 }, { icon: '/static/meituan.png', text: