首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js如何引用同级元素

具体效果 示例效果 https://coder.itclan.cn/fontend/js/17-yinyong-tongji-elem/ 具体描述 在网页中,同级(兄弟)元素,指的是拥有相同的直接父级元素的元素...并且往往指的是同类的元素,同类元素在实际开发中遇到的比较多 比如:列表li,并列的按钮等,当需要做一些特殊的效果时,可以对其他同级的元素进行一些操作,满足特定的网页要求 比如:隔行填充颜色等 原生方法实现 以下是通过原生js...就是同级元素,同级元素拥有相同的父级元素都是p,那么就可以得到除自身以外的的同级元素,如果还需要排除同一类别的话,那么可以使用节点的nodeType属性来加以区别 Vue版本实现 在Vue里面,就不用类似原生js...margin: 20px 0; } .content { padding: 20px 0 0 0; } 从上面可以看出,使用Vue实现类似同样的效果,就几行代码,相比原生js...实现是比较简单的,但是原生js的操作依旧还是要知道的

7.8K40
您找到你想要的搜索结果了吗?
是的
没有找到

怎么理解JS Promise

我们来看看阮一峰大大是怎么总结的: (1)对象的状态不受外界影响,promise对象代表一个异步操作,有三种状态,pending(进行中)、fulfilled(已成功)、rejected(已失败)。...我们来看看MDN怎么说: onFulfilled 当Promise变成接受状态(fulfillment)时,该参数作为回调函数被调用(参考: Function)。...js异步操作是通过js的事件循环机制EventLoop实现的。...这里引用以下文章所写的内容,这篇文章很详细的写了异步是什么 https://blog.csdn.net/li123128/article/details/80650256 当JS解析执行时,会被引擎分为两类任务...对于异步任务来说,当其可以被执行时,会被放到一个 任务队列(task queue) 里等待JS引擎去执行。

11.6K30

JS数据类型_JS数据类型之引用数据类型

怎么记得JS的数据类型有8种。最近发现好多人对JS的基础不太了解。很多数据类型都没有搞清楚。不BB,我就按我的理解写一波笔记,每次看一波书我就感觉一次比一次多懂一点。来补下知识点。。。。...JS数据类型:JS 的数据类型有几种? 8种。Number、String、Boolean、Null、undefined、object、symbol、bigInt。...JS数据类型:Object 中包含了哪几种类型? 其中包含了Data、function、Array等。这三种是常规用的。 JS数据类型:JS的基本类型和引用类型有哪些呢?...引用类型:object。里面包含的 function、Array、Date。 基本类型的实例: 引用类型的实例: JS数据类型:JS 中 typeof 输出分别是什么?...JS数据类型:如何判断数据类型?

5.9K31

js动画和css动画_js文件怎么引入html

在做页面中,多数情况下都会遇到页面上做动画效果,我们大部分做动画的时候都是使用框架来做(比如jquery),这里我介绍下如何让通过原生的js来实现像框架一样的动画效果!...offsetParent属性返回一个对象的引用,这个对象是距离调用offsetParent的元素最近的(在包含层次中最靠近的),并且是已进行过CSS定位的容器元素。...如果这个容器元素未进行CSS定位, 则offsetParent属性的取值为根元素的引用。...其实这九种原生js动画效果,都有独特之处,每个源码都可以直接复制运行,希望对大家掌握js动画有所帮助。 版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。

22.1K20

只听说过CSS in JS怎么还有JS in CSS?

本文由作者 Menndy 授权原创发布 CSS in JS CSS in JS是一种解决css问题想法的集合,而不是一个指定的库。...将css放在js中使我们更方便的使用js的变量、模块化、tree-shaking。还解决了css中的一些问题,譬如:更方便解决基于状态的样式,更容易追溯依赖关系,生成唯一的选择器来锁定作用域。...尽管CSS in JS不是一个很新的技术,但国内的普及程度并不高。...目前为止实现CSS in JS的第三方库有很多:(http://michelebertoli.github.io/css-in-js/)。像JSS[2]、styled-components[3]等。...JS in CSS又是什么 在上面我们提到CSS in JS就是把CSS写在JavaScript中,那么JS in CSS我们可以推断出就是可以在CSS中使用JavaScript脚本,如下所示。

6.6K40

原生JS | 值类型与引用类型变量

HTML5学堂-码匠:在JavaScript中,存在着两种不同的变量类型,一种是值类型变量,一种是引用类型变量。...其中数组、对象、函数都属于引用类型变量,数值、布尔值、null、undefined、字符串属于值类型变量,不同类型变量在参数传递方面有不同的运行机制。...控制台的打印结果为: HTML5学堂 码匠 实例2运行后,控制台的打印结果为: 码匠 码匠 两种实例不同结果的“根源” 导致这两种不同结果的根源在于JavaScript中的变量类型分为两大类:值类型和引用类型...引用类型变量 引用类型包括:对象、数组、函数。 引用类型变量的交换,并不会创建一个新的空间,而是让新变量和之前的变量,同时指向一个原有空间(即同一个地址)。可以理解为C语言的指针。

3.4K90

js怎么动态加载js文件(JavaScript性能优化篇)转

下面介绍一种JS代码优化的一个小技巧,通过动态加载引入js外部文件来提高网页加载速度 【基本优化】 将所有需要的标签都放在之前,确保脚本执行之前完成页面渲染而不会造成页面堵塞问题...【合并JS代码,尽可能少的使用script标签】 最常见的方式就是带代码写入一个js文件中,让页面只使用一次标签来引入 ? 3....【无堵塞加载JS】 通过给script标签增加 defer属性或者是 async 属性来实现 注解: async...= url; document.getElementsByTagName('head')[0].appendChild(script); } //用法 loadJS('file.js...该原理实现的也有很多不错的js类库可以使用,如LazyLoad.js,支持数组的形式引入,打开浏览器在network中可看到js是同步加载的 ? ? 7.

19.2K12

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券