js event 的父亲_js event 的父亲_js 获取父亲 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

微信小程序实战–集阅读与电影于一体的小程序项目（二）

9.文章列表页跳转到文章详情页给每篇文章添加个postId posts-data.js var local_database = [{ date: "2018/8/16", title: "荷塘月色", imgSrc: '/images/post/sls.JPG', content: '这几天心里颇不宁静。今晚在院子里坐着乘凉，忽然想起日日走过的荷塘，在这满月的光里，总该另有一番样子吧。', reading: "100", collection: '50', avatar: '

01

微型框架 Riot.js 特性一览

Mixin 可以将公共代码在不同标签之间方便地共享，可以混入 Object 和 new function(){}。

03

您找到你想要的搜索结果了吗？

是的

没有找到

JavaScript事件代理和委托（Delegation）

首先介绍一下JavaScript的事件代理。事件代理在JS世界中一个非常有用也很有趣的功能。当我们需要对很多元素添加事件的时候，可以通过将事件添加到它们的父节点而将事件委托给父节点来触发处理函数。这主要得益于浏览器的事件冒泡机制。

01

一文将带你了解Vue中组件化通讯方式

前言 Vue提供了各种各样的通讯，其中包括兄弟间的通讯和非兄弟间的通讯以及后代之间的通讯，接下来就让我们一一解析吧。如果有喜欢的话可以点赞👍或者关注一下。目标学习Vue中的组件化通讯方式。通讯方式 props 功能说明父组件和子组件传递数据目录结构 components ├── Parent.vue ├── Child.vue 复制代码代码结构父组件中使用子组件并传给子组件值。foo="foo" <template>

01

前端学习(49)~offset相关属性和匀速动画(含轮播图实现)

offsetWidth 和 offsetHight：获取元素的宽高 + padding + border，不包括margin。如下：

02

Vue-组件之间常用的通信方式

Vue 组件之间常用的通信方式 props 总线 eventbus vuex 自定义事件关系情况 $parent $children $root $refs provide/inject 非 prop 特性 $attrs $listener props 父->子传值用属性 parent <child :faData = '来自父亲'></child> child props:{ faData:{ type:String, default:""

02

基于微信小程序云开（统计学生信息并导出excel）

一、微信小程序是什么？微信小程序是一种不需要下载安装即可使用的应用，它实现了应用的随开随用，用户只需要用微信扫一扫或者通过微信搜一下即可打开应用，使用完即可关闭，还可以把小程序添加到桌面，真正的做到了便捷方便，用完就走。

02

基于微信小程序的长按录音、滑动取消发送功能实现~

在做微信小程序的过程中，总是会冒出那么些没接触过的功能，然后就开始各种踩坑，最近要做一个长按录音的功能，大致需求为长按录音，垂直滑动则取消发送。

01

面试官：Vue常用的修饰符有哪些?有什么应用场景?

在Vue中，修饰符处理了许多DOM事件的细节，让我们不再需要花大量的时间去处理这些烦恼的事情，而能有更多的精力专注于程序的逻辑处理

03

第52天：offset家族、scroll家族和client家族的区别

一、offset家族 1、offsetWidth offsetHeight offsetLeft offsetTop offsetParent共同组成了offset家族，用来获取元素尺寸。 offsetWidth = width + padding + border offsetHeight = height + padding + border 2、offsetLeft 和 offsetTop: 返回距离上级带有定位的盒子左边的位置，如果父级元素没有定位，则以body为准 offsetLeft从父亲的

02

Webkit底层原理(4)--DOM事件机制和Shadow DOM

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

04

[译]用漫画来解说AngularJs中的Promises

每一个晴天，父亲都会让他儿子带上他强劲的望远镜，爬山房子附近最高的山顶去查看地平线来预报下午的天气。儿子对他的父亲承诺他会去并且获取到天气预报，在他离开之前他对他的父亲做出了承诺。

01

细说Android事件传递

一、View的dispatchTouchEvent和onTouchEvent 探讨Android事件传递机制前，明确android的两大基础控件类型:View和ViewGroup。View即普通的控件，没有子布局的，如Button、TextView. ViewGroup继承自View，表示可以有子控件，如Linearlayout、Listview这些。而事件即MotionEvent，最重要的有3个: (1)MotionEvent.ACTION_DOWN 按下View，是所有事件的开始 (2)Mot

laya核心API五分钟速记

大部分的laya UI组件都可以看做节点，可以看做web开发中，使用JavaScript对html节点进行操作。

04

js常用函数大全107个

1.document.write(""); 输出语句　　2.JS中的注释为// 　　3.传统的HTML文档顺序是:document->html->(head,body) 　　4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document) 　　5.得到表单中元素的名称和值:document.getElementById("表单中元素的ID号").name(或value) 　　6.一个小写转大写的JS: document.getEl

01

js事件

1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElementById("表单中元素的ID号").name(或value) 6.一个小写转大写的JS: document.getElementById(

渐进式React源码解析--State源码

文章中涉及到的知识都是渐进式的讲解开发，当然如果对之间内容不感兴趣(已经了解)，也可以直接切入本文内容，每一个章节都和之前不会有很强的耦合。

03

利用 Jquery + css 自制无限极下拉分类

网上相关例子基本都是 ztree，然后个人去看了看官网，看了半天没找到合适又简单的，ztree，由于界面不适合项目里面的，要是修改他的样式我还可能出现更多的错误，于是打算自己手写一个，一个是锻炼自己的

01

化身面试官出 30+ Vue 面试题，超级干货（附答案）

点击上方蓝字关注网罗开发，更多技术干货等你之前一直没有总结 Vue 相关的知识，看了挺多别人总结的，其实也能快速知道一些，但是遇到真正的面试，发现自己的知识都还是是碎片化的，觉得不行，得总结一下了。

01

八种 Vue 组件间通讯方式合集

Vue 提供了各种各样的通讯,其中包括兄弟间的通讯和非兄弟间的通讯,借此机会做个总结，查阅起来方便。

01

java.lang.StackOverflowError异常解决

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/sinat_35512245/article/details/53046176

04

基于avconv转码工具的微信小程序语音识别功能实现~

“ 最近在做基于微信小程序【垃圾分类引导指南】的语音识别功能模块时，遇到了一个比较头疼得事情，由于腾讯AI开放平台的接口只支持PCM、WAV、AMR和SILK四种音频格式，而微信小程序录音的音频文件是mp3格式的（此处就是踩得第一大坑了，刚开始看到开发文档是的时候心里还暗喜了一波，因为微信小程序录音文件就可以设置为SILK格式，这样岂不是可以不费吹灰之力就搞定了想想有点头疼的语音识别啦~然而我们终究还是太年轻~折腾了半天，在真机测试的时候发现木有半点反应，调试发现没有生成录音文件，真的是丈二和尚摸不着头脑的赶脚，最后查了一番资料才知道微信小程序在真机上只能设置成acc和mp3格式的），那么这里就不得不进行音频格式转化了。”

01

如何平衡兴趣与收入 —— 听尤雨溪访谈有感

README是一款Github推出的访谈节目，每期会采访一位开源大佬，挖掘开源项目背后的故事。

02

Java 能抵挡住 JavaScript 的进攻吗？

德高望重的IO大臣颤悠悠地走上前来：“启禀陛下，昨日收到战报，有个叫做Node.js的番邦又一次向我国进攻，我边防将士死伤惨重。”

02

【说站】js原型链继承的关系

1、构造函数有原型对象，原型对象有指针指向结构函数，每个实例都有内部指针指向原型对象。

01

面试题十四期-selenium+python面试题目总结

webDriver是按照client/server模式设计，client就是我们的测试代码，发送请求，server就是打开的浏览器来打开client发出的请求并做出响应。

02

前端一面经典vue面试题（持续更新中）

只需要在组件即将被销毁的生命周期 componentWillUnmount （react）中在 LocalStorage / SessionStorage 中把当前组件的 state 通过 JSON.stringify() 储存下来就可以了。在这里面需要注意的是组件更新状态的时机。

03

从Webkit内部渲染机制出发，谈网站渲染性能优化

本文由 jerryOnlyZRJ 首发于 IMWeb 社区网站 imweb.io。点击阅读原文查看 IMWeb 社区更多精彩文章。本文是对前文：网站性能优化实战——从12.67s到1.06s的故事相关知识的补充，文中的“前文”一词同此。特以此文向《WebKit技术内幕》作者朱永盛前辈致敬。 0.引言自上次发布了《网站性能优化实战——从12.67s到1.06s的故事》一文后，发现自己对页面渲染性能这个版块介绍的内容还不够完善，为了更清晰的梳理浏览器渲染页面的机制，以让读者更为全面了解渲染性能优化的深

01

JavaScript

e.stopPropagation(); // stop 停止 Propagation 传播下列代码为例，当点击父盒子中的son盒子时，不阻止事件冒泡，会发生弹出三个提示框(son、father和document)，阻止事件冒泡后，父亲元素不在冒泡弹出框。只弹出son提示框。

07

微软出品自动化神器【Playwright+Java】系列（十）这些必会的骚操作，会助你一臂之力！

那一刻，我突然感觉我可能真的也就这样了，不会有人喜欢，也不会结婚，只能是孤独终老了！

01

CSS的盒子模型

一个盒子中主要的属性就5个：width、height、padding、border、margin。 width是“宽度”的意思，CSS中width指的是内容的宽度，而不是盒子的宽度。 height是“高度”的意思，CSS中height指的是内容的高度，而不是盒子的高度 padding是“内边距”的意思 border是“边框” margin是“外边距”

03

CryptoKitties源码详解：手把手教你撸出自己的区块链游戏

史上最贵猫咪：本图的6只猫咪是CryptoKitties目前售价最高的那6只，总价约为1432以太币，按今天的价格计算，已超过100万美元。区块链大本营出品参与 | 火火酱～、波波 “撸猫”游戏 CryptoKitties 火了。自从去年11月底 CryptoKitties 上线，不到一周，它的创世猫便卖出了超过11万美金（约合70万人民币）的天价。之后第二天，它更是让以太坊的全部交易量飙升6倍，瘫痪了整个区块链网络。 CryptoKitties 带火区块链游戏的同时，各种山寨也尾随而来，其中就包括西

06

第48天：垂直滚动条

垂直滚动条 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style> 7 .box { 8 width: 300px; 9 height: 500px; 10 border: 1px solid red; 11

01

JS和JQuery获取当前元素的兄弟及父级等元素的方法

jQuery.parent(expr)，找父亲节点，可以传入 expr 进行过滤，比如 $("span").parent() 或者 $("span").parent(".class")

01

基于 HTML5 的工业互联网云平台监控机房 U 位顶

机柜 U 位管理是一项突破性创新技术--继承了 RFID 标签（电子标签）的优点的同时，完全解决了 RFID 技术（非接触式的自动识别技术）在机房 U 位资产监控场应用景中的四大缺陷，采用工业互联网云平台监控机房 U 位的方法，具有高可靠性、高准确性、精准定位、免维护的特点，满足了 U 位级实时监控、智能运维闭环管理的需求。设备上架、下架与迁移，自动变更和实时记录，（用户评价）：部署工业互联网云平台监控机房 U 位后节省了 99% 的登记变更记录的时间，而且实现了变更后数据 100% 的准确，在这之前是难以想象的，真正实现运维管理最后的工作。

03

HTML5 drag和drop的亲手实践

最近在公司打杂的时候，突然分到了一个锅，就是要支持一个新的功能：用户可以通过拖曳组件来改变组件的顺序。因此，这阵子就看了一下网上的一些drag和drog的文章以及W3C的介绍，然后自己亲手实践了一下，毕竟打码，才能变得更强。首先，先放一个我的demo，大家可以去那里随便拖动一下玩一玩: https://chenjigeng.github.io/example/drag.html

03

网站性能优化实战（二）

本文是对前文：http://imweb.io/topic/5b6fd3c13cb5a02f33c013bd 相关知识的补充，文中的“前文”一词同此。

02

vue系列之面试总结

答：Vue 实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载 Dom→渲染、更新→渲染、卸载等一系列过程，我们称这是 Vue 的生命周期。它的生命周期中有多个事件钩子，让我们在控制整个Vue实例的过程时更容易形成好的逻辑。

04

第65天：仿网易轮播图

仿网易轮播图 1、HTML部分 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>仿网易轮播图</title> 6 <link rel="stylesheet" href="css/css.css"> 7 <script src="js/slider.js" type="text/javascript"></script> 8 <script

02

Vue 组件通信六种方法

今天继续加油学习，今天整理一下VUE中组件通信六种方式，依次介绍一下各个通信方式。嘻嘻嘻，让我们一起学起来好吧~~~come

04

基于 HTML5 Canvas 的工控机柜 U 位动态管理

前言 U 是一种表示服务器外部尺寸的单位，是 unit 的缩略语，详细的尺寸由作为业界团体的美国电子工业协会（EIA）所决定。之所以要规定服务器的尺寸，是为了使服务器保持适当的尺寸以便放在铁质或铝质的机架上。机架上有固定服务器的螺孔，以便它能与服务器的螺孔对上号，再用螺丝加以固定好，以方便安装每一部服务器所需要的空间。规定的尺寸是服务器的宽（48.26cm＝19 英寸）与高（4.445cm 的倍数）。由于宽为19英寸，所以有时也将满足这一规定的机架称为“19 英寸机架”。厚度以 4.445cm 为基本单位。

04

js引擎的执行机制详解

那么现在有 2 个进程，process1 process2，由于是多进程的 js，所以他们对同一个 dom,同时进行操作，process1 删除了该 dom，而 process2 编辑了该 dom，同时下达 2 个矛盾的命令，浏览器究竟该如何执行呢？

04

JS引擎的执行机制event loop

(2) JS的Event Loop是JS的执行机制。深入了解JS的执行,就等于深入了解JS里的event loop

04

懂个锤子Vue

本篇文章会持续更新，至Vue3.0+TS 整个前后端架构生态笔记，请多多关注；当个笔记看也好鸭~ 本篇文章学习于尚硅谷，快速跳转最近互联网环境真的爆炸啊，为了多一口饭吃还是赶紧学一下前端吧前置知识：此篇并不适合初学者，学习Vue之前，还需掌握：HTML+CSS+JS 前端三件套；分享个人一些📄：JavaScript、 JavaScript新特性、前后端交互ajax、前端工程\模块化

01

深入分析Vue-Router原理,彻底看穿前端路由

如今大前端的趋势下，你停下学习的脚步了吗？Vue3.0 都 Beta 了,但是还是感觉有些知识点云里雾里的，小编研究了一下Vue-Router源码整理和总结了一些东西,看尤大大怎么设计的。希望能够对你们有所帮助，如果喜欢的话，可以帮忙点个赞。

02

10 分钟理解 JS 引擎的执行机制

作者： ziwei3749 原文：https://segmentfault.com/a/1190000012806637 首先，请牢记2点： JS是单线程语言 JS的Event Loop是JS的执行机制。深入了解JS的执行，就等于深入了解JS里的event loop 1.灵魂三问：JS为什么是单线程的？为什么需要异步？单线程又是如何实现异步的呢？技术的出现，都跟现实世界里的应用场景密切相关的。同样的，我们就结合现实场景，来回答这三个问题。 (1) JS为什么是单线程的？ JS最初被设计用在浏览器中，那么想

09

JS 外观模式

外观模式（Facade）为子系统中的一组接口提供了一个一致的界面，此模块定义了一个高层接口，这个接口值得这一子系统更加容易使用。外观模式在JS中常常用于解决浏览器兼容性问题。

04

总结几条Javascript实用的语句

总结几条Javascript实用的语句，供新手快速学习入门，相信会对你有很大的帮助。

02

谷歌都在用 PWA 你还不用？

sw-router PWA 全称是 Progressive Web Apps。它的目的就是让你的网页越来越快。主要内容可以参考：PWA-cookbook。不过，它上手的难度也是有的。它本身是基于 worker 而发展出 Service Worker，所以，要使用 PWA 你就必须学会如何使用 SW，然后，SW 里面还有很多坑要踩。而其中最大的坑就是，如何处理文件资源的缓存，这个一直都是 CS 领域的心病。当然，在 SW 中，这也是有点困难的。不过，为了大家能更快的掌握 SW 这里，鄙人写了一个关于处理 fe

05

谷歌都在用 PWA 你还不用？

本文主要介绍了如何利用sw-router库实现一个可扩展的路由系统。通过注册不同的路由处理函数，可以针对不同的URL路径进行不同的处理。同时，该路由系统也支持基于观察者模式的缓存机制，可以大大提高Web应用程序的性能。

00

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭