data的两种写法 (1).对象式 (2).函数式 在data对象里写方法可以将data:function(){}简写为data(){} 如何选择：目前哪种写法都可以，以后学习到组件时，data必须使用函数式...4：{{_c}} div> MVVM和MVC有什么区别 MVVM与MVC的区别有：1、mvvm各部分的通信是双向的，而mvc各部分通信是单向的；2、mvvm是真正将页面与数据逻辑分离放到...说白了，就是把原来ViewController层的业务逻辑和页面逻辑等剥离出来放到ViewModel层 MVC与MVVM的区别 在MVC里，View是可以直接访问Model的，所以View里会包含Model...为每一个添加到vm上的属性，都指定一个getter/setter。 在getter/setter内部去操作（读/写）data中对应的属性。...不要用箭头函数！
行内标签和块标签有哪些以及都有什么特点 块标签 每一个块属性标签都是从新的一行开始，而且之后的元素也都会从新的一行开始 可以设置宽度、高度，行高，距顶部距离，距底部距离 块属性标签的宽度假如不做设置，会直接默认为父元素宽度的...100% 块属性标签是可以直接嵌套的 p标签中不能嵌套div标签 div>、、…、、、、、、 行内标签...行属性标签它和其它标签处在同一行内 无法设置宽度，高度 行高 距顶部距离 距底部距离 宽度是直接由内部的文字或者图片等内容撑开的 行属性标签内部不能嵌套行属性标签 、、、的最后一项，然后返回移除的项 unshift:将参数添加到原数组开头，并返回数组的长度 shift()：删除原数组第一项，并返回删除元素的值 HTTP协议的理解、TCP/IP三次握手...箭头函数和普通函数一个很大的区别在于箭头函数不重新绑定作用域。
使用左侧的“保存”图标将HTML写入文件或选择所需的片段并使用浏览器的UI将其复制到剪贴板。生成的代码包含以下元素： 标签，引用主要WijmoJS 的CSS文件和所选主题文件。...标签，自动生成用于WijmoJS设计器支持的任何纯前端控件组合的标签。您可以省略大量不需要的模块引用。 标签，对于在设计器中创建的每个控件，均包含默认为空的的标记。...例如，您可以通过添加适当类型的新系列元素，轻松地将趋势线添加到图表。 在我们这样做之前，让我们看看设计师生成的默认系列集合。...现在单击“添加项目”链接以将新图表系列添加到集合的末尾。 单击新添加项目右边缘的向下箭头，然后从可用系列类型列表中选择TrendLine。 新添加的项目现在显示为[趋势线]。...并且自动生成可以添加到项目中的纯Java代码和HTML，节省开发人员的项目设计和开发时间，最大限度地减少编码错误和拼写错误。 关于葡萄城 赋能开发者！
标签选择器（元素选择器） * 语法： $("html标签名") 获得所有匹配标签名称的元素 2. id选择器 * 语法： $("#id的属性值") 获得与指定id属性值匹配的元素...属性名称选择器 * 语法： $("A[属性名]") 包含指定属性的选择器 2....包含多个属性条件的选择器 4. 过滤选择器 1. 首元素选择器 * 语法： :first 获得选择的元素中的第一个元素 2....CRUD操作: 1. append():父元素将子元素追加到末尾 * 对象1.append(对象2): 将对象2添加到对象1元素内部，并且在末尾 2. prepend():父元素将子元素追加到开头...* 对象1.prepend(对象2):将对象2添加到对象1元素内部，并且在开头 3. appendTo(): * 对象1.appendTo(对象2):将对象1添加到对象2内部，并且在末尾
行内标签和块标签有哪些以及都有什么特点 块标签 每一个块属性标签都是从新的一行开始，而且之后的元素也都会从新的一行开始 可以设置宽度、高度，行高，距顶部距离，距底部距离 块属性标签的宽度假如不做设置...，会直接默认为父元素宽度的100% 块属性标签是可以直接嵌套的 p标签中不能嵌套div标签 div>、、…、、、、、、 行内标签 行属性标签它和其它标签处在同一行内 无法设置宽度，高度 行高 距顶部距离 距底部距离 宽度是直接由内部的文字或者图片等内容撑开的 行属性标签内部不能嵌套行属性标签 的最后一项，然后返回移除的项 unshift:将参数添加到原数组开头，并返回数组的长度 shift()：删除原数组第一项，并返回删除元素的值 HTTP协议的理解、TCP/IP...箭头函数和普通函数一个很大的区别在于箭头函数不重新绑定作用域。
A元素内部的所有B元素 子选择器 语法： $(“A > B”) 选择A元素内部的所有B子元素 属性选择器 属性名称选择器 语法： $(“A[属性名]”) 包含指定属性的选择器 属性选择器 语法： $(“...A[属性名=‘值’]”) 包含指定属性等于指定值的选择器 复合属性选择器 语法： $(“A[属性名=‘值’][]…”) 包含多个属性条件的选择器 过滤选择器 首元素选择器 语法： :first 获得选择的元素中的第一个元素...如果元素对象上不存在class=“one”，则添加 css(): CRUD操作: append():父元素将子元素追加到末尾 对象1.append(对象2): 将对象2添加到对象1元素内部，并且在末尾...prepend():父元素将子元素追加到开头 对象1.prepend(对象2):将对象2添加到对象1元素内部，并且在开头 appendTo(): 对象1.appendTo(对象2):将对象1添加到对象2...内部，并且在末尾 prependTo()： 对象1.prependTo(对象2):将对象1添加到对象2内部，并且在开头 after():添加元素到元素后边 对象1.after(对象2)： 将对象2添加到对象
程序加载更快 2、导入JQuery的js文件 导入jquery-xxx.min.js 3、使用 var div1 = $("#div1") alert(div1.html()) 三、JQuery对象和JS...语法：$("html标签名")获得所有匹配标签名称的元素 id选择器。语法：$("#id的属性值")获得与指定id属性值匹配的元素 类选择器。...语法：$("A B ")选择A元素内部的所有B元素 子选择器。语法：$("A > B")选择A元素内部的所有B子元素 （3）属性选择器 属性名称选择器。...语法：$("A[属性名]")包含指定属性的选择器 属性选择器。语法：$("A[属性名='值']")包含指定属性等于指定值的选择器 复合属性选择器。...3、CRUD操作 1. append()：父元素将子元素追加到末尾 * 对象1.append(对象2)：将对象2添加到对象1元素内部，并且在末尾 2. prepend():父元素将子元素追加到开头
,建议将图片保存下来直接上传(img-5zo7zriO-1668351209724)(images/组件.png)] React创建组件的两种方式 函数组件 函数组件：使用JS的函数或者箭头函数创建的组件...return ( div>这是我的函数组件div> ) } 使用箭头函数创建组件 const Hello = () => div>这是一个函数组件div> 使用组件 ReactDOM.render...选择一：将所有组件放在同一个JS文件中 选择二：将每个组件放到单独的JS文件中 组件作为一个独立的个体，一般都会放到一个单独的 JS 文件中 实现方式 创建Hello.js 在 Hello.js...) { super() this.txtRef = React.createRef() } 将创建好的ref对象添加到文本框中 <input type="text" ref={this.txtRef...} 将创建好的ref对象添加到文本框中 通过ref对象获取文本框的值 handleClick = () => { console.log
选择器（唯一性） html与body标签不能作为挂载点，可以选择一个div最为挂载点。...声明在for循环内部的sum，跳出for循环一样可以使用，不会报错正常弹出结果 let：声明块级变量，出了相应的块标签就无法获取到变量值，且不能重复定义。...; function、箭头函数的区别 作用域： 箭头函数指向其定义环境，箭头函数内部的this的指向无法通过其他方式改变，指向的是外部的this，在箭头函数中调用 this 时，仅仅是简单的沿着作用域链向上寻找...变量和定义提升： 箭头函数定义函数的时候，需要var(let、const）关键字；let和const不存在变量提升，而var虽然有变量提升却不存在定义上的提升； function存在变量和定义的提升...方法：定义在vue类内部的methods内的箭头函数、function、方法，function可以作为类，内部会有this，箭头函数内部没有this，{}里面出现的函数称之为方法：方法名(){}。
标签选择器（元素选择器） * 语法： $("html标签名") 获得所有匹配标签名称的元素 2. id选择器 *...属性名称选择器 * 语法： $("A[属性名]") 包含指定属性的选择器 2....属性选择器 * 语法： $("A[属性名='值']") 包含指定属性等于指定值的选择器 3....CRUD操作: 1. append():父元素将子元素追加到末尾 * 对象1.append(对象2): 将对象2添加到对象1元素内部，并且在末尾...2. prepend():父元素将子元素追加到开头 * 对象1.prepend(对象2):将对象2添加到对象1元素内部，并且在开头 3. appendTo():
3.一个重要的原则: 由Vue管理的函数，一定不要写箭头函数，一旦写了箭头函数，this就不再是Vue实例了。...更加方便的操作data中的数据 3.基本原理: 通过object.defineProperty()把data对象中所有属性添加到vm上.为每一个添加到...在getter/setter内部去操作（读/写)data中对应的属性。...二是将【视图】转化成【模型】，即将所看到的页面转化成后端的数据。 这两个方向都实现的，我们称之为数据的双向绑定。...$mount(‘#root’)指定el的值 data有2种写法： 对象式 函数式 如何选择：目前哪种写法都可以，以后学到组件时，data必须使用函数，否则会报错 由Vue管理的函数，一定不要写箭头函数，
JQuery对象和JS对象区别与转换 4. 选择器：筛选具有相似特征的元素(标签) 5. DOM操作 1....JQuery对象和JS对象区别与转换 4. 选择器：筛选具有相似特征的元素(标签) 5. DOM操作 1....CRUD操作： 01. append()：父元素将子元素追加到末尾 * 对象1.append(对象2)：将对象2添加到对象1元素内部，并且在末尾...02. prepend()：父元素将子元素追加到开头 * 对象1.prepend(对象2)：将对象2添加到对象1元素内部，并且在开头 03. appendTo...(对象2)：将对象1添加到对象2内部，并且在开头 05. after()：添加元素到元素后边 * 对象1.after(对象2)：将对象2添加到对象1后边。
介绍 CSS (Cascading Style Sheets) 用于渲染HTML元素标签的样式。 CSS 可以通过以下方式添加到HTML中：内联样式、内部样式、外部引用。...样式 CSS 可以通过以下方式添加到HTML中 内联样式 - 在HTML元素中使用"style" 属性 内部样式 - 在HTML文档头部 区域使用 元素 来包含CSS 外部引用...id选择器和class选择器同时使用 结论 选择器优先级：id选择器>类选择器>标签选择器 疑问：外联样式和class选择器同时使用会怎么样？...后续兄弟选择器 属性选择器 属性选择器是一种特殊类型的选择器，它根据元素的 属性 和属性值来匹配元素。它们的通用语法由方括号 ([]) 组成，其中包含属性名称，后跟可选条件以匹配属性的值。...属性选择器可以根据其匹配属性值的方式分为两类： 存在和值属性选择器和子串值属性选择器。
有状态组件和无状态组件 无状态组件：函数组件 有状态组件：类组件 状态（state）既数据 函数组件没有自己的状态，只负责数据展示（静） 类组件有自己的状态，负责更新UI，让页面 “动”...组件中的state 和setState() 4.1 state的使用 状态既数据，是组件内部的私有数据，只能在组件内部使用 state的值是对象，表示一个组件中可以有多个数据 通过this.state...事件绑定this指向 5.1 箭头函数 利用箭头函数自身不绑定this的特点。...) } } 5.3 class的实例方法 （推荐使用） 利用箭头函数形式的class实例方法 注意：该语法是实验性的语法，但是，由于Babel的存在可以直接使用 既将onIncrement 函数...ref对象 constructor(){ super() this.txtRef = React.createRef() } 2.将创建好的ref对象添加到文本框中 <input type
说一说null 和 undefined 的区别，如何让一个属性变为null 说一下浮动？ 说一说es6中箭头函数？ 说一说call apply bind的作用和区别？ 说一说HTML语义化？...important > 内联样式（style） > ID选择器（id） > 类选择器(class) > 标签选择器> 通配符(*)>浏览器默认样式 说一说JS实现异步的方法？...:flex，设置父级和盒子内部子元素水平垂直都居中justify-content:center; align-items:center 设置元素的父级为网格元素display: grid，设置父级和盒子内部子元素水平垂直都居中...jwt一般包含三个部分header、payload和signature，header包括两个字段说明token的类型和采用的签名算法，payload包含用户的一些身份权限信息但不包含敏感信息，signature...将dom操作合并、使用减少重排的标签 说一说性能优化有哪些性能指标，如何量化？
1.什么是CSS CSS（Cascading Style Sheets）层叠样式表，又叫级联样式表，简称样式表 用于HTML文档中元素样式的定义 – 实现了将内容与表现分离 – 提高代码的可重用性和可维护性...CSS代码用style属性添加到开始标签中 红色字体 用分号分割 ---- 2.内部样式表 直接把CSS代码添加到头部的style标签中 ... ---- 优先级：行内样式>内部样式>外部样式>导入样式 ---- css加载方式link和@import的区别，为什么不推荐使用@import?...-- 6.CSS样式表特征 1.继承性 指被包含在内部的标签可以拥有外部标签的样式，比如：text-*、font-*、line-*，但有些属性不能继承，比如：border、padding、margin...，其选择器排序：ID选择器>类选择器>标签选择器（范围越小越优先） 外部样式表的ID选择器>内部样式表的标签选择器 7. div+css布局 内容和显示分离，便于维护扩展，网页布局方便，当需求改变的时候
// 按照 css 选择器查询var pList = document.querySelectorAll('.mooc') // 查询到类名为 mooc 的集合2）DOM 节点的创建创建一个新节点，并把它添加到指定节点的后面...将指定的两个 DOM 元素交换位置， 已知的 HTML 结构如下： DEMO div id="container...箭头函数常用于回调函数中，包括事件处理器或定时器箭头函数和 var self = this，都试图取代传统的 this 运行机制，将 this 的绑定拉回到词法作用域没有原型、没有 this、没有 super...，没有 arguments，没有 new.target不能通过 new 关键字调用一个函数内部有两个方法：[Call] 和 [Construct]，在通过 new 进行函数调用时，会执行 [construct...如果文档包含严格的DOCTYPE ，那么它一般以严格模式呈现（严格 DTD ——严格模式）；包含过渡 DTD 和 URI 的 DOCTYPE ，也以严格模式呈现，但有过渡 DTD 而没有 URI （统一资源标识符
css失效时，页面依然可读 如何语义化：不用纯样式标签(b、i、u)、少用无语义标签(div、span)、使用语义化标签 盒模型 所有HTML元素都可以看做是一个作盒子，在CSS中，"box model...，鲜少有行内元素包含块级元素 没有内容的标签称之为空元素，空元素是在开始标签中关闭的。...标签选择器 ID选择器 类选择器 组选择器 通配符选择器 后代选择器 子元素选择器 伪类选择器 Flex:1是什么 经常用于自适应布局。...普通函数和箭头函数的区别 1．箭头函数是匿名函数，不能作为构造函数，不能使用new 2．箭头函数不绑定arguments，取而代之用rest参数...解决 3．箭头函数不绑定this，会捕获其所在的上下文的...(3)第三种方式是组合继承，组合继承是将原型链和借用构造函数组合起来使用的一种方式。通过借用构造函数的方式来实现类型的属性的继承，通过将子类型的原型设置为超类型的实例来实现方法的继承。
五、查找标签 选择器 id选择器： $("#id") 标签选择器： $("tagName") class选择器： $(".className") 配合使用： $("div.c1") // 找到有c1...class类的div标签 所有元素选择器： $("*") 组合选择器： $("#id, .className, tagName") 层级选择器： x和y可以为任意选择器 $("x y");// x的所有后代...// 选取所有包含一个或多个标签在其内的标签(指的是从后代元素找) 例子： $("div:has(h1)")// 找到所有后代中有h1标签的div标签 $("div:has(.c1)")// 找到所有后代中有...c1样式类的div标签 $("li:not(.c1)")// 找到所有不包含c1样式类的li标签 $("li:not(:has(a))")// 找到所有后代中不含a标签的li标签 属性选择器： [attribute...$(A).append(B)// 把B追加到A $(A).appendTo(B)// 把A追加到B 添加到指定元素内部的前面 $(A).prepend(B)// 把B前置到A $(A).prependTo
样式控制：css方法 $("#div").css("backgroundColor","pink"); 选择器 筛选具有相似特征的元素(标签) 基本选择器 标签选择器（元素选择器） 语法： $("html...获取多个选择器选中的所有元素 层级选择器 后代选择器 语法： $("A B") 选择A元素内部的所有元素 子选择器 语法： $("A > B") 选择A元素内部的所有B子元素 包含多个属性条件的选择器 span CRUD操作 append():父元素将子元素追加到末尾 对象1.append(对象2)：将对象2添加到对象1元素内部...，并且在末尾 prepend():父元素将子元素追加到开头 对象1.prepend(对象2)：将对象2添加到对象1元素内部，并且在开头 appendTo(): 对象1.appendTo(对象2)：将对象
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
