摘要        主要记录所学的typescript的模块化,命名空间,和装饰器三个知识点。1、Ts的模块化        Ts的模块化总的来说其实和es6的模块化是一样的。都是使用export暴露出去,然后通过import {} from '  '来进行导入。下面举个简单的例
获取元素样式 获取内联样式 获取外部样式
原创 2021-08-13 15:48:33
391阅读
    看到这样一道微信面试题:用JS代码求出页面上一个元素的最终的background-color,不考虑IE浏览器,不考虑元素float情况。(2017.3.1补充:赛赛同学提醒了我,还要考虑background这个复合属性,情况变得异常复杂了,以下代码是之前的,没有考虑。)    由于element.style.
原创 2017-02-25 20:43:26
1033阅读
html: <style> .div { width: 200px; height: 200px; background-color: greenyellow; } </style> </head> <body> <div class="div">一些文字</div> <script> const
原创 2021-09-26 10:21:22
243阅读
jQuery获取元素:JavaScript中获取元素节点的时候是通过document.getElementsById(" ");的方法来获取这个等价于jQuery中的$("");在jQuery中要想获取元素节点和JavaScript一样是三个方法ID选择器  $("#id");class选择器  $(".class");元素选择器  $(" ");   这些
转载 2023-07-03 15:11:26
138阅读
摘要:Typescript可以说是JavaScript的超集,在JS的基础上新增了许多语法特性,使得类型不再可以随意转换,能大大减少开发阶段的错误。 作者:北极光之夜。 。一.Ts是什么:首先,强类型不允许随意的隐式类型转换,而弱类型是允许的。JavaScript就是经典的弱类型语言。而Typescript可以说是JavaScript的超集,在JS的基础上新增了许多语法特性,使得类型不再可
TypeScript 基础类型TypeScript 包含的数据类型如下表:数据类型关键字描述任意类型any声明为 any 的变量可以赋予任意类型的值。数字类型number双精度 64 位浮点值。它可以用来表示整数和分数。let binaryLiteral: number = 0b1010; // 二进制 let octalLiteral: number = 0o744; // 八进制 let
如果想获取元素的某一个具体的样式属性值1、元素.style.属性名需要我们把元素样式都写在行内样式上才可以(写在样式表中是不管用的)console.log(box.style.height)  ->null在真实项目中,这种方式不常用,因为不能为了获取值而把所有的样式都写在行内(无法实现html和css的分离)2、使用window.getComputedStyle(当前操作的元素
转载 2023-07-22 22:20:41
152阅读
## 根据多个样式获取元素的流程 要实现根据多个样式获取元素,可以按照以下步骤进行操作: | 步骤 | 描述 | | --- | --- | | 1 | 获取所有的目标元素 | | 2 | 遍历目标元素,判断是否满足所有样式条件 | | 3 | 将满足条件的元素保存起来 | 接下来,我们来逐步实现这些步骤。 ## 第一步:获取所有的目标元素 在HTML中,我们可以使用以下方法获取所有的目
原创 8月前
92阅读
/* * 定义一个函数,用来获取指定元素的当前的样式 *
原创 2023-02-17 10:20:26
76阅读
js获取元素样式的具体信息 var box = document.getElementById("dian"); 获取元素的某一个具体形式属性值1.元素.style.属性名 ->这种方式需要要元素样式写在行内(写在样式表中不获取不到) ->在真实项目中,这种方式不常用,因为不能为了获取把所有样式写在行内(无法实
转载 2023-06-06 11:23:18
289阅读
1、 TypeScript 和 DOM当你开始使用 TypeScript 时,你会发现在浏览器环境中使用它,你需要非常了解它。假设我想在页面搜索框里找到一个元素:const textEl = document.querySelector('inpot');console.log(textEl.value);// ???? Property 'value' does not exist o
转载 7月前
31阅读
 JavaScript:基本概念:JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于浏览器客户端的脚本语言。组成部分ECMAScript,描述了该语言的语法和基本对象。文档对象模型(DOM),描述处理网页内容的方法和接口。 浏览器对象模型(BOM),描述与浏览器进行交互的方法和
一、类型注解变量后面约定类型的语法,就是类型注解约定了什么类型,变量赋值就是什么类型,不符合就会报错 注:这里需要借助VSC插件才能直接在代码后面显示错误提示 二、原始数据类型 review:js原有数据类型1.简单数据类型:number、string、boolean、undefined、null、symbol、bignit2.复杂数据类型:对象、函数、数组ts中的原
1.子元素和后代元素:find和children区别:children函数只获取其满足条件的第一层子节点find函数则获取所有下级子节点<div id="mydiv"> <p id="pid"></p> <span class="aspan">hello</span> <div> &lt
转载 2023-06-05 21:38:51
356阅读
jQuery jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库。它提供的 API 易于使用且兼容众多浏览器,这让诸如 HTML 文档遍历和操作、事件处理、动画和 Ajax 操作更加简单。下面介绍jQuery的功能实现一、获取元素"选择某个网页元素,然后对其进行某种操作"。用‘$’符号代替jQuery构造函数。可以是id,也能是css选择器。 $('#test') //选
初识什么是装饰器?在一些场景下我们需要额外的特性来支持标注或修改类及其成员。我们使用装饰器来实现。装饰器是一种设计模式,可以动态的实现对类属性的修改,而不需要重载,实现了最大的灵活性。ts中装饰器怎样实现?首先运行时开启:tsc yourDecorator.ts --target ES5 --experimentalDecorators或者使用配置方式:tsconfig.json{ "co
JQuery框架操作元素的属性与样式,在web开发中,修改页面元素的属性和样式是我们需要常用的功能。所以掌握好这个知识点,对于我们在web开发中也是一个非常有力的利剑。好,下面我们就具体来看一下:首先来看一下两个概念的区别:元素属性和Dom属性对于下面这样一个标签元素:<imgid='img'src="1.jpg"alt='1'class="imgs"></img>我们通
获取元素CSS样式的方法:element.style- - 获取行内(内联)entStyle 属性来获取经过计算起作用的样式规则PS:element 表示待求解样式的 DO...
获取元素CSS样式的方法:element.style- - 获取行内(内联)样式表对象window.getComputedStyle(element)- - 获取经过计算最后起作用的样式规则对象- - 该方法在IE9之前的浏览器中有兼容问题IE9之前浏览器使用 element.currentStyle 属性来获取经过计算起作用的样式规则PS:element 表示待求解样式的 DO...
原创 2021-06-18 16:50:43
2003阅读
  • 1
  • 2
  • 3
  • 4
  • 5