js里parent怎么用_JS里append怎么用_js里if判断怎么用 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

网页|Zepto框架层次选择器

说到选择器，大家可能会想到层叠样式表。在css中，选择器可以获取元素，为其添加css样式；但zepto框架与css选择器相比，它更加强大，因为zepto选择器为元素添加的是行为，行为的添加使得页面的交互更加丰富多彩。今天就来介绍一下zepto的常用选择器——层次选择器、属性选择器。

01

Vue.js的组件、组件间通信

props定义了这个组件有哪些可配置的属性，props最好用对象的写法，这样可以针对每个属性设置类型、默认值或自定义校验属性的值。

01

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

是的

没有找到

Vue3 过10种组件通讯方式

众所周知，Vue.js 中一个很重要的知识点是组件通信，不管是业务类的开发还是组件库开发，都有各自的通讯方法。

03

18.4.3日报

1，跟进electron模式跑eagle出现i18n找不到的问题，原因是.remote.require('./translations/i18n'));这种写法，会在主进程的

04

以【猫叫、老鼠跑、主人醒】为例子，使用 javascript 来实现观察者模式（有在线演示）

“猫叫、老鼠跑、主人醒”是一个很古老的话题了，大家也都有各自的想法和解决方案。我也是看了很多，一开始的时候是相当的迷糊，这个怎么就是面试题了？考的是啥呀，和编程有关系吗？又是猫又是老鼠的，晕死了。后来遇到有人写就去凑凑热闹看几眼。但还是迷迷糊糊。后来学习了面向对象的知识，知道了接口、委托，然后又看了《大话设计模式》。　　这时候再回过头去看猫呀、老鼠什么的，才能看懂一点。为什么只是看懂一点呢？因为还是不知道这个东东和写代码有啥关系，呵呵。再再后来，在自己写代码的时候，为了解决问题而用了使用了接口；为了提

06

深入分析JavaScript模块循环引用

在线教室中台提供封装了核心能力的教室 SDK，业务方基于教室 SDK 开发面向用户的在线教室 App。最近对教室 SDK 做一次比较大的改动时，我遇到了一个懵逼的问题。这个问题耗费了我 3 天左右时间，让我压力一度大到全身发热。当时虽然解决了问题，但并没有很理解原因。直到一个多月后，才有时间做一些更深入的分析，并写下这篇文章。

00

跟着来，你也可以手写VueRouter

VueRouter，无疑是每个 Vue 开发者时时刻刻都在使用的东西了，但对于它的源码，你了解多少呢？

04

【Vuejs】339- Vue.js 组件通信精髓归纳

由 vue-router 产生的每个页面，它本质上也是一个组件（ .vue），主要承载当前页面的 HTML 结构，会包含数据获取、数据整理、数据可视化等常规业务。

02

Clickjacking简单介绍

今天没有原创文章发了，从乌云知识库里选了一个文章给大家分享一下，不知道这种方式，大家是否能够接我从乌云知识库里选择一些文章给大家分享，请大家给我提出来，我来根据大家的意见来做出变化，毕竟写原创不易，请大家谅解。欢迎大家给我留言，让我知道你们的想法。

00

深入分析 JavaScript 模块循环引用

大力教育的在线教室中台提供封装了核心能力的教室 SDK，业务方基于教室 SDK 开发面向用户的在线教室 App。最近对教室 SDK 做一次比较大的改动时，我遇到了一个懵逼的问题。这个问题耗费了我 3 天左右时间，让我压力一度大到全身发热。当时虽然解决了问题，但并没有很理解原因。直到一个多月后，才有时间做一些更深入的分析，并写下这篇文章。

02

vuejs组件通信精髓归纳

父子关系即是组件 A 在它的模板中使用了组件 B，那么组件 A 就是父组件，组件 B 就是子组件。

04

JavaScript 中 this 的错误认识、绑定规则、常见问题讲解

相信 Javascript 中的 this 会使很多同学在工作学习中产生困惑，笔者也同样是，经过阅读各种资料及实际工作中的应用，做了以下梳理，主要内容包括长期以来大家对 this 的错误认识及 this 的绑定规则，箭头函数、实际工作场景中遇到的问题，希望对于有此困惑的你能有所帮助。

02

Vue中vdom的创建

昨天发的牢骚里感觉Vue的三个功能是解析并渲染html模板，解析并执行js，解析并渲染css样式。然后有个核心概念vdom,那么这个虚拟dom（vdom）在代码里是怎么体现的呢。一起来看下。

01

vue-router源码分析

这是一篇集合了从如何查看 vue-router源码（v3.1.3），到 vue-router源码解析，以及扩展了相关涉及的知识点，科普了完整的导航解析流程图，一时读不完，建议收藏。

03

Vue-Router 简易实现

# 需求分析作为一个插件存在：实现VueRouter类和install方法实现两个全局组件：router-view用于显示匹配组件内容，router-link用于跳转监控url变化：监听hashchange或popstate事件响应最新url：创建一个响应式的属性current，当它改变时获取对应组件并显示 # 实现 # 作为一个插件存在 // cvue-router.js let Vue; // 1. 实现一个插件：挂载$router class CVueRouter { constructo

02

深度阐述Nodejs模块机制

我们都知道Nodejs遵循的是CommonJS规范，当我们require('moduleA')时，模块是怎么通过名字或者路径获取到模块的呢？首先要聊一下模块引用、模块定义、模块标识三个概念。

02

js/jquery获取父窗口元素

做WEB前端开发的过程中，经常会有这样的需求，用户点击【编辑】按钮，弹出一个对话框，在里边修改相应的值，然后把修改后的值显示在原页面，最后点击保存。用window.parent.document.getElementById().setAttribute("value","")可以很好的解决这个问题。

01

js刷新页面

如何实现刷新当前页面呢？借助js你将无所不能。 1，reload 方法，该方法强迫浏览器刷新当前页面。语法：location.reload([bForceGet]) 参数： bForceGet，可选参数，默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5("刷新") 2，replace 方法，该方法通过指定URL替换当前缓存在历史里（客户端）的项目，因此当使用replace方法之后，你不能通过“前进”和“后退”来访问已经被替

05

JavaScript两种继承方式详解

由于js不像java那样是真正面向对象的语言，js是基于对象的，它没有类的概念。所以，要想实现继承，可以用js的原型prototype机制或者用apply和call方法去实现

03

从 rollup 初版源码学习打包原理

为了学习 rollup 打包原理，我克隆了最新版（v2.26.5）的源码。然后发现打包器和我想像的不太一样，代码实在太多了，光看 d.ts 文件就看得头疼。为了看看源码到底有多少行，我写了个脚本，结果发现有 19650行，崩溃...

04

基于nodejs线上代码热部署原理与实现

nodejs的进程在重启的时候，用户去访问服务，就会出现短暂的 502 bad gateway

02

关于一些动态创建的节点无法绑定事件的问题

使用JQ提供的.on()和.delegate()方法可以解决解决此问题，给动态加载的元素成功绑定上事件，但是在这两种方法的参数中一定得写上我们需要绑定事件的那个元素选择器。

01

android和js的交互之jsbridge使用教程

众所周知，app的一些功能可能会使用到H5开发，这就难免会遇到java与js 的相互调用，android 利用WebViewJavascriptBridge 实现js和java的交互，这里介绍下JsBridge第三方库的使用。

02

那些年我们一起学XSS - 2. 输出在<script></script>之间的情况

1. 我们找到这么一个点，也是输入和输出都未过滤的一个点。相比教程第一例，其特殊之处在于，是输出在了 <script>[输出]</script>之间。

04

javascript中间preventDefault与stopPropagation角色介绍

我们知道，例如，百度,这是html最基本的东西，的作用是点击链接百度上http://www.baidu.com,这是属于标签的默认行为。

02

js实现页面刷新

reload 方法，该方法强迫浏览器刷新当前页面。语法：location.reload([bForceGet]) 参数： bForceGet，可选参数，默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5("刷新")

04

简单、通用的JQuery Tab实现

网页上的空间是寸土寸金，虽然显示器的分辨率越来越大，可是直到今天，网页设计中仍然是以至少1024×768 像素的支持为主，也就是说，每一屏页面只有区区 955×600像素的安全尺寸可以用而已。于是，为了在有限的空间里容纳更多的内容，滑动门式的标签切换（Tabs）方式越来越受欢迎。通过滑动门技术，可以在同一块页面区域内放置数倍的内容。根据用户的选择来决定显示哪一部分。最近我在实际应用中，逐步完善出一种基于 jQuery，但是比 jQuery UI Tabs 插件更小巧也更通用的简单 Tabs 实现。最早的

05

p5.js画布操作实战：创建，绑定指定元素，动态调整大小，隐藏滚动条，删除画布

学习本文前你需要具备一点 p5.js 的知识，想了解的请查看《p5.js 光速入门》。

04

一文读懂vuex4源码，原来provide/inject就是妙用了原型链?

我的文章，尽量写得让想看源码又不知道怎么看的读者能看懂。我都是推荐使用搭建环境断点调试源码学习，哪里不会点哪里，边调试边看，而不是硬看。正所谓：授人与鱼不如授人予渔。

03

React && VUE Virtual Dom的Diff算法统一之路 snabbdom.js解读

VirtualDOM是react在组件化开发场景下，针对DOM重排重绘性能瓶颈作出的重要优化方案，而他最具价值的核心功能是如何识别并保存新旧节点数据结构之间差异的方法，也即是diff算法。毫无疑问的是diff算法的复杂度与效率是决定VirtualDOM能够带来性能提升效果的关键因素。因此，在VirtualDOM方案被提出之后，社区中不断涌现出对diff的改进算法，引用司徒正美的经典介绍：

02

面试官问：JS的继承

用过 React的读者知道，经常用 extends继承 React.Component。

01

你需要知道的webpack高频面试题

webpack是一个模块打包工具，可以使用它管理项目中的模块依赖，并编译输出模块所需的静态文件。它可以很好地管理、打包开发中所用到的HTML,CSS,JavaScript和静态文件（图片，字体）等，让开发更高效。对于不同类型的依赖，webpack有对应的模块加载器，而且会分析模块间的依赖关系，最后合并生成优化的静态资源。

02

js面试跳跳题二

上篇文章因篇幅原因还有一些es6的面试题没有写完，这边文章就时间委托、预获取、和es6等一些面试题进行讲解记录。

02

你需要知道的webpack高频面试题_2023-03-15

webpack是一个模块打包工具，可以使用它管理项目中的模块依赖，并编译输出模块所需的静态文件。它可以很好地管理、打包开发中所用到的HTML,CSS,JavaScript和静态文件（图片，字体）等，让开发更高效。对于不同类型的依赖，webpack有对应的模块加载器，而且会分析模块间的依赖关系，最后合并生成优化的静态资源。

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

通过「解救人质」小游戏教你学会碰撞检测

游戏开发中，碰撞检测无处不在，今天就通过一个简单的小游戏教你学会如何在 Cocos Creator 中进行碰撞检测。配合官方文档学习效果更加（官方文档传送门：https://docs.cocos.com/creator/manual/zh/physics/collision/），关注公众号「游戏开发小白变怪兽」后台回复「解救人质」获取美术资源及源码。

01

【ionic+angularjs】angularjs ui-router路由简介（$urlRouter、$state、$stateProvider、ui-sref....）

之前有写过一篇关于Angular自带的路由：ngRoute。今天来说说Angular的第三方路由：ui-router。那么有人就会问:为什么Angular有了自带的路由，我们还需要用ui-router呢？这里简单明了的说明下ngRoute和ui-router的区别吧，其实也没很大的区别，主要的就是ngRoute针对于单视图，而ui-router可用于多视图（这里说的视图是指在页面内我们可控制的，可变化的区域）。比如：

04

【React进阶-2】从零实现一个React（上）

这篇文章给大家介绍一下我们如何自己去实现一个类似于React这样的框架，当然，我们并不会去实现React里面所有的内容，只是去将React基础性的功能实现一遍，让大家对React的认识更加的深入。因为篇幅有限，所以我将这篇文章拆分成了上、下两部分，此文是上篇。

03

前端学习之jQuery

［1］ jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多 javascript高手加入其team。

01

GraphQL 的入门指南

今天最常讨论的术语之一是 API，很多人不知道 API 到底是什么，API 是 Application Programming Interface(应用程序编程接口)。顾名思义，它是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。

03

Web开发的基本功

#ThoughtWorkers好声音#第十五期（图片：网络）有些东西称为基本功，对于 Web 开发而言，事件处理模型便是其中的一个，我们经常会在代码里遇到阻止浏览器默认行为的做法。成都办公室

【转载】【ionic+angularjs】angularjs ui-router路由简介

之前有写过一篇关于Angular自带的路由：ngRoute。今天来说说Angular的第三方路由：ui-router。那么有人就会问:为什么Angular有了自带的路由，我们还需要用ui-router呢？这里简单明了的说明下ngRoute和ui-router的区别吧，其实也没很大的区别，主要的就是ngRoute针对于单视图，而ui-router可用于多视图（这里说的视图是指在页面内我们可控制的，可变化的区域）。比如：

07

前端工程师常考手写面试题指南

函数柯里化概念：柯里化（Currying）是把接受多个参数的函数转变为接受一个单一参数的函数，并且返回接受余下的参数且返回结果的新函数的技术。

03

Layui弹出层取值

3.可能会出现的错误子弹窗获取不到父页面的json 我在父页面的成功事件里重置了json，之前用着没事，但是我把子弹窗页面放在了static文件夹，父页面放在了template文件夹里，这时候子弹窗还没渲染json就被重置了，导致取不到数据。

03

vscode源码分析【九】窗口里的主要元素

在上一节中，我们讲到加载第一个画面时，加载了一个workbench.js （src\vs\code\electron-browser\workbench\workbench.js）这个文件中执行了：

05

JS 继承

用过 React的读者知道，经常用 extends继承 React.Component：

03

快速搭建一个代码在线编辑预览工具

大家好，我是一个闲着没事热衷于重复造轮子的不知名前端，今天给大家带来的是一个代码在线编辑预览工具的实现介绍，目前这类工具使用很广泛，常见于各种文档网站及代码分享场景，相关工具也比较多，如codepen、jsrun、codesandbox、jsbin、plnkr、jsfiddle等，这些工具大体分两类，一类可以自由添加多个文件，比较像我们平常使用的编辑器，另一类固定只能单独编辑html、js、css，第二类比较常见，对于demo场景来说其实已经够用，当然，说的只是表象，底层实现方式可能还是各有千秋的。

02

帮你彻底搞懂JS中的prototype、proto与constructor（图解）

提示：不要排斥，静下心来，认真读完，你就搞懂了！(可以先看一下最后的总结部分再回过头来完整看完)

02

Vue.js 组件间的数据传递方法

这种应该是 vue.js 中最常见也是最为自然的一种方式了，要求我们在子组件中声明 props 然后在父组件中为子组件的 prop 赋值。

01

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭