-
2022-02-13 11:18:08
VUE在监听多级结构中的某个属性写法如下:
data{ father:{ children:1; } }
watch:{ 'father.children':{ deep:true, //是否开启深度监听 immediate: true, // 监听到路由的变化立即执行 handler(){ console.log('children改变了') } } }
更多相关内容 -
催化碳酸二甲酯合成的多级结构花状MgO催化剂的制备与表征
2020-02-12 04:57:17催化碳酸二甲酯合成的多级结构花状MgO催化剂的制备与表征,崔志民,郝静,碳酸二甲酯(DMC)是一种低污染、易生物降解、环境友好的绿色基础化工原料。酯交换法制备DMC是一条极具工业应用前景的绿色方法,因 -
多级结构的存储器系统简介
2021-08-02 02:42:011. 概念与追求的目标当前计算机系统中,采用三种运行原理不同、性能差异很大的存储介质,来分别构建高速缓冲存储器、主存储器和虚拟存储器三级结构的存储器系统如下图所示:这种多级结构的存储器使CPU大部分时间访问...1. 概念与追求的目标
当前计算机系统中,采用三种运行原理不同、性能差异很大的存储介质,来分别构建高速缓冲存储器、主存储器和虚拟存储器
三级结构的存储器系统如下图所示:
这种多级结构的存储器使CPU大部分时间访问高速缓存(速度最快),;仅在从缓存中读不到数据时,才去读主存(速度略慢但容量较大);当从主存中还读不到数据时,才去批量读虚存(速度很慢容量极大),这样就解决了对速度、容量、成本的需求。多级结构的存储器具有良好的性能/价格比是建立在程序运行的局部性原理之上的。
2. 程序运行的局部性原理
◎在一小段时间内,最近被访问过的程序和数据很可能再次被访问。
◎在空间上,这些被访问的程序和
数据往往集中在一小片存储区
◎在访问顺序上,指令顺序执行比
转移执行的可能性大 (大约 5:1 )
3. 三级不同的存储器存放的信息必须满足以下两个原则
(1)一致性原则:同一个信息在几个级别的存储器中必须保持相同的值。
(2)包含性原则:处在内层(更靠近CPU)存储器中的信息一定被包含在各外层的存储器中。
4.三级不同的存储器的区别
选用生产与运行成本不同的、存储容量不同的、读写速度不同的多种存储介质,组成一个统一管理的存储器系统。使每种介质都处于不同的地位,起到不同的作用,充分发挥各自在速度、容量、成本方面的优势,从而达到最优性能价格比,以满足使用要求。
◎高速缓存:使用静态存储器芯片
◎主存储器:使用动态存储器芯片
◎虚拟存储器:使用磁盘存储器上的一片区域
-
FIR滤波器的多级结构设计方法课程设计报告.doc
2021-10-06 08:25:36FIR滤波器的多级结构设计方法课程设计报告.doc -
多级结构金属镍的合成及其吸波性能研究
2020-02-08 15:05:14多级结构金属镍的合成及其吸波性能研究,刘久荣,孔静,本文通过溶剂热反应法用丙二醇作为溶剂,在聚乙烯吡咯烷酮(PVP)的辅助下一步合成了单分散且具有多级结构的镍三维花状结构。样品� -
oracle体系结构-数据库篇_数据库系统的多级结构
2020-03-15 11:06:27第5章 ORACLE体系结构-数据库篇;为了避免控制文件与日志文件单点故障造成数据库无法使用你必须为oracle添加额外的控制与日志文件 由于日志文件组数量过少造成的性能问题日志组不能快速切换 此性能问题将造成数据库... -
静电纺丝制备多级结构TiO2微纳米纤维 (2010年)
2021-05-26 19:31:59通过对共轴电纺内流体溶液浓度和流速的调控得到4种具有不同内部结构的TiO2微纳米纤维,即具有“微孔”、“囊泡”、“竹节”和“管”状结构的TiO2微纳米纤维,实现了对纤维内部结构的有效控制,对于新型仿生中空纤维的... -
基于多级结构相似度的快速指纹匹配算法 (2010年)
2021-04-26 11:36:46首先对指纹中的每个细节点定义具有很好区分度的子结构,根据这些子结构计算相似度并筛选出可能的参考点对。然后利用它们之间的边角关系等结构信息实施奖惩得分制度,根据事先设定的阈值,得分较高的参考点对被保留... -
网络游戏-一种多级结构仿生血管网络组织工程支架的制备方法.zip
2021-09-20 04:37:51网络游戏-一种多级结构仿生血管网络组织工程支架的制备方法.zip -
铂/镍多级结构纳米合金的制备及其对甲醇氧化的电催化性能
2020-01-07 13:04:06铂/镍多级结构纳米合金的制备及其对甲醇氧化的电催化性能,李杰,张东凤,在液相中用共还原法合成出了铂/镍(Pt/Ni)纳米合金多级结构材料,实验中发现有机表面活性剂在调控多级结构的形貌中起了关键作用.... -
多级结构碳酸锰锂离子电池负极材料的制备及储锂性能研究
2020-01-07 06:18:24多级结构碳酸锰锂离子电池负极材料的制备及储锂性能研究,仲逸人,杨梅,碳酸锰材料作为新型锂离子电池负极材料而被深入研究。通过水热沉淀转化法制备多级结构碳酸锰材料,并研究了两种阴离子对材料形貌 -
菜单树形结构,支持三级、多级树形结构代码
2020-09-04 16:29:01菜单树形结构,支持三级、多级树形结构代码,纯手写代码,简单易懂,适合各个阶段试用,支持jquery调用。 -
使用原生js读取树形结构对象构筑多级结构菜单
2017-12-02 01:34:59最近新项目的需求给我出了个难题,让我读取树形结构的对象来构筑悬浮响应式的多级菜单,因为用的是ng2框架,本来打算使用ng2-tree作为插件,可是这个插件对外开放的接口太少了,连样式接口都没有,只能用默认样式,...最近新项目的需求给我出了个难题,让我读取树形结构的对象来构筑悬浮响应式的多级菜单,因为用的是ng2框架,本来打算使用ng2-tree作为插件,可是这个插件对外开放的接口太少了,连样式接口都没有,只能用默认样式,唯有样式客户决不妥协,无奈之下只能想到用原生js的dom操作来实现。以下是代码
js部分,主要用递归方法构筑树形结构菜单:
<script> //树形结构每个节点结构基本相同 var data = { id: "01", value: "维度管理", children: [ { id: "11", value: "岗位", children: [] }, { id: "12", value: "部门", children: [ { id: "121", value: "信息部", children: [] }, { id: "122", value: "营运部", children: [ { id: "1221", value: "营运条例", children: [] }, { id: "1222", value: "运营管理", children: [] }, { id: "1223", value: "运营规范", children: [] } ] }, { id: "123", value: "质量部", children: [] }, { id: "124", value: "创新部", children: [] }, { id: "125", value: "销售部", children: [] } ] }, { id: "13", value: "集团", children: [] }, { id: "14", value: "分公司", children: [] } ] }; //调用方法 valueSet(data, "dimension-tree"); //data可替换为动态获取的数据 //例如 // private loadDimension(url: string) { // return this.httpServiceService.getHttp(url).subscribe( // res => { // this.valueSet(res, "dimension-tree"); // }, // error => { // console.log('错误', error); // } // ); // } function valueSet(dataObject, id) { if (dataObject.children.length > 0) { for (i in dataObject.children) { this.DomEdt(id, dataObject.children[i]); this.valueSet(dataObject.children[i], dataObject.children[i].id); } } } //DOM操作 function DomEdt(id, obj) { var li = document.createElement("li"); if (document.getElementById(id)) { document.getElementById(id).appendChild(li); } var a = document.createElement("a"); a.className = "dimensionA"; a.textContent = obj.value; a.onclick = this.Onclick; li.appendChild(a); li.className = "dimensionLi"; var ul = document.createElement("ul"); li.appendChild(ul); ul.id = obj.id; ul.className = "dimensionUl"; // ul.style.cssText = 'display:none'; } //节点绑定事件,可获取节点相关内容 function Onclick(e) { console.log(e.target.innerHTML); } </script>
样式部分,主要调整样式和实现鼠标悬停显示下一级菜单,样式看起来有些拙劣,凑合看吧:
<style> #dimension-tree { position: absolute; left: 0 !important; min-height: 688px; border: 1pxsolidrgb (211, 211, 211); top: -10px; padding: 0; width: 100px; background: #f5f5f5; z-index: 99; } #dimension-tree > li > a { font-size: 14px; color: rgb(15, 14, 14) !important; text-decoration: none; cursor: pointer; display: block; width: 100px; } #dimension-tree > li { display: block !important; height: 80px; line-height: 80px; } .dimensionUl a { font-size: 14px; color: rgb(15, 14, 14) !important; text-decoration: none; display: block; width: 100px; cursor: pointer; } .dimensionLi:hover > .dimensionUl { display: block; } .dimensionUl { left: 100px; top: 0; width: 100px; height: auto; position: absolute; background: #f5f5f5; list-style: none; padding: 0; display: none; } .dimensionLi { width: 100px; height: 50px; line-height: 50px; text-align: center; position: relative; border: 1pxsolidrgb (211, 211, 211); } .dimensionLi:hover { background: #aaa8a8; } </style>
html部分没啥好说的:
<div> <ul id="dimension-tree" #dimensionTree></ul> </div>
完整代码,可以直接复制粘贴
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="Generator" content="demo" /> <meta name="Author" content="" /> <meta name="Keywords" content="" /> <meta name="Description" content="" /> <title>index</title> </head> <style> #dimension-tree { position: absolute; left: 0 !important; min-height: 688px; border: 1pxsolidrgb (211, 211, 211); top: -10px; padding: 0; width: 100px; background: #f5f5f5; z-index: 99; } #dimension-tree > li > a { font-size: 14px; color: rgb(15, 14, 14) !important; text-decoration: none; cursor: pointer; display: block; width: 100px; } #dimension-tree > li { display: block !important; height: 80px; line-height: 80px; } .dimensionUl a { font-size: 14px; color: rgb(15, 14, 14) !important; text-decoration: none; display: block; width: 100px; cursor: pointer; } .dimensionLi:hover > .dimensionUl { display: block; } .dimensionUl { left: 100px; top: 0; width: 100px; height: auto; position: absolute; background: #f5f5f5; list-style: none; padding: 0; display: none; } .dimensionLi { width: 100px; height: 50px; line-height: 50px; text-align: center; position: relative; border: 1pxsolidrgb (211, 211, 211); } .dimensionLi:hover { background: #aaa8a8; } </style> <body> <div> <ul id="dimension-tree" #dimensionTree></ul> </div> <script> //树形结构每个节点结构基本相同 var data = { id: "01", value: "维度管理", children: [ { id: "11", value: "岗位", children: [] }, { id: "12", value: "部门", children: [ { id: "121", value: "信息部", children: [] }, { id: "122", value: "营运部", children: [ { id: "1221", value: "营运条例", children: [] }, { id: "1222", value: "运营管理", children: [] }, { id: "1223", value: "运营规范", children: [] } ] }, { id: "123", value: "质量部", children: [] }, { id: "124", value: "创新部", children: [] }, { id: "125", value: "销售部", children: [] } ] }, { id: "13", value: "集团", children: [] }, { id: "14", value: "分公司", children: [] } ] }; //调用方法 valueSet(data, "dimension-tree"); //data可替换为动态获取的数据 //例如 // private loadDimension(url: string) { // return this.httpServiceService.getHttp(url).subscribe( // res => { // this.valueSet(res, "dimension-tree"); // }, // error => { // console.log('错误', error); // } // ); // } function valueSet(dataObject, id) { if (dataObject.children.length > 0) { for (i in dataObject.children) { this.DomEdt(id, dataObject.children[i]); this.valueSet(dataObject.children[i], dataObject.children[i].id); } } } //DOM操作 function DomEdt(id, obj) { var li = document.createElement("li"); if (document.getElementById(id)) { document.getElementById(id).appendChild(li); } var a = document.createElement("a"); a.className = "dimensionA"; a.textContent = obj.value; a.onclick = this.Onclick; li.appendChild(a); li.className = "dimensionLi"; var ul = document.createElement("ul"); li.appendChild(ul); ul.id = obj.id; ul.className = "dimensionUl"; // ul.style.cssText = 'display:none'; } //节点绑定事件,可获取节点相关内容 function Onclick(e) { console.log(e.target.innerHTML); } </script> </body> </html>
-
计算机系统的多级层次结构
2021-01-08 09:22:22多级层次结构: 是从使用语言的角度,基于程序员与计算机系统对话中所采用的语言结构和语义划分。 现代计算机系统的层次结构分为六级: 多级层次结构中(机器—语言) M5: 应用语言机器 – 应用语言 M4: 高级...多级层次结构:
是从使用语言的角度,基于程序员与计算机系统对话中所采用的语言结构和语义划分。
现代计算机系统的层次结构分为六级:
多级层次结构中(机器—语言)
M5: 应用语言机器 – 应用语言
M4: 高级语言机器 – 高级语言
M3: 操作系统机器 – 作业控制语言
M2: 汇编语言机器 – 汇编语言
M1: 传统机器 – 机器指令系统
M0: 微程序机器 – 微指令系统在高级语言层之上,还可以有应用层,由解决实际问题和应用问题的处理程序组成,如文字处理软件、数据库软件、多媒体软件和办公自动化软件等。
编译与解释的区别:
编译(compile):全部N+1级指令–>N级指令
解释(translation):一条N+1级指令 –> 一串N级指令编译为整体行为,效率高,可以优化,与平台有关
例如:C,C++,Fortran等解释为局部行为,不优化,效率低,与平台无关
例如:basic,perl,shell等编译+解释:
例如:java,编译->bytecode->解释执行说明:
M0用硬件,M1用固件,其他用软件固件(Firmware):指存储在计算机ROM和其他集成电路中的系统软件,固件不能随便改变。
低层语言功能简单,高层语言功能复杂。
虚拟机器:用软件为主实现的机器,例如java虚拟机
原文地址1:https://blog.csdn.net/hongbochen1223/article/details/45799631
-----------------------------------------------------------------------------
计算机系统层次结构,指的是计算机系统由硬件和软件两大部分所构成,而如果按功能再细分,可分为7层。把计算机系统按功能分为多级层次结构,就是有利于正确理解计算机系统的工作过程,明确软件,硬件在计算机系统中的地位和作用。
第零级是硬联逻辑级,这是计算机的内核,由门,触发器等逻辑电路组成。
第一级是微程序级。这级的机器语言是微指令集,程序员用微指令编写的微程序,一般是直接由硬件执行的。
第二级是传统机器级,这级的机器语言是该机的指令集,程序员用机器指令编写的程序可以由微程序进行解释。
第三级是操作系统级,从操作系统的基本功能来看,一方面它要直接管理传统机器中的软硬件资源,另一方面它又是传统机器的延伸。
第四级是汇编语言级,这级的机器语言是汇编语言,完成汇编语言翻译的程序叫做汇编程序。
第五级是高级语言级,这级的机器语言就是各种高级语言,通常用编译程序来完成高级语言翻译的工作
第六级是应用语言级,这一级是为了使计算机满足某种用途而专门设计的,因此这一级语言就是各种面向问题的应用语言。原文地址2:https://zhidao.baidu.com/question/1382163433477560020.html
-
面向智能路由的多级哈希网络数据存储结构
2021-01-19 17:40:36网络数据的采集和存储是智能路由控制的基础,为智能路由提供了大量的网络...基于真实网络流量数据的实验证明了相比目前普遍使用的单级哈希存储结构,多级哈希存储结构在存储碰撞率和负载率两方面存在显著的性能优势。 -
论文研究-基于核心结构的多级安全DBMS实现模型 .pdf
2019-08-15 15:32:09基于核心结构的多级安全DBMS实现模型,何永忠,,基于核心结构的多级安全DBMS存在效率较低的问题。本文提出了一种在核心化体系结构上,适用于面向对象数据库以及传统关系型数据库�� -
交换机结构3clos多级结构及内部调度
2010-03-01 22:22:02交换机结构,调度算法,毕业生论文,版权有限,仅供参考 -
java构造多级树结构,支持多根节点
2016-11-16 16:51:51java构造多级树结构,支持多根节点. 运行main即可看到效果 -
多级树形结构实现
2021-04-03 03:57:00多级树形结构实现,该项目对android多级树形的一个实现 并在代码中一 一分析了并注释关键地方;可以通过点击右侧箭头进行缩放,在选中勾选框时,其节点下的子节点也会随着其选中而勾选,具体如图所示,希望能够帮到... -
jQuery多级目录树型结构菜单代码.zip
2019-07-11 10:55:24<link rel="stylesheet" type="text/... 这是一款带日志多级目录树型结构菜单js代码,可以动态添加和删除树节点,可以制作多级树结构,每个节点上可以都带有右键上下文菜单,并且每个节点上都可以配置不同的图标。 -
SQL处理多级分类,查询结果呈树形结构
2020-12-15 14:34:29这样处理的弊端是:如果数据量大,子分类很多,达到4级以上,这方法处理极端占用数据库连接池 对性能影响很大。 如果用SQL下面的CTE递归处理的话,一次性就能把结果给查询出来,而且性能很不错 比用程序处理(数据量... -
listview 显示多级树型结构
2015-04-10 10:49:23listview 显示多级树型结构,可以 -
多级树结构
2017-04-09 14:30:33企业级的通讯录做成多级树结构,用户打开通讯录模块,只会把一级目录结构请求下来,当用户需要查找人时,点击对应的部门item,就会请求对应部门下的列表,这样在极大程度上减少了用户的流量消耗和等待时间。 -
sequelize-hierarchy, Sequelize的嵌套层次结构.zip
2019-09-18 06:22:49sequelize-hierarchy, Sequelize的嵌套层次结构 sequelize-hierarchy.js 嵌套的用于的分层结构 是什么?关系数据库在处理嵌套层次结构方面不是很好。层次结构示例如下:每个文件夹都有许多子文件夹,这些子文件夹... -
VB根据目录结构创建多级文件夹
2021-05-07 11:46:46内容索引:VB源码,系统相关,目录 VB根据目录结构创建多级文件夹,一个FSO小程序,不过觉得挺实用的,虽然程序功能不多,只要你输入 一定的目录结构,程序会分析路径并自动创建一级一级的目录,类似操作在WEB编程中是... -
多级目录树型结构菜单js代码.zip
2019-07-11 09:26:49多级目录树型结构菜单js代码 -
计算机组成原理——计算机系统的多级层次结构
2020-10-26 17:49:23计算机系统的多级层次结构 如下图所示 第1级是微程序机器层,这是一个实在的硬件层,它由机器硬件直接执行微指令。 第2级是传统机器语言层,它也是一个实际的机器层,由微程序解释机器指令系统。 第3级是操作系统层... -
多级目录树型结构菜单js代码
2020-06-05 18:40:57这是一款带日志多级目录树型结构菜单js代码,可以动态添加和树节点,可以制作多级树结构,每个节点上可以都带有右键上下文菜单,并且每个节点上都可以配置不同的图标。 -
多级放大器结构方框图和电路分析方法
2021-01-20 06:33:02图1所示是两级放大器的结构方框图,多级放大器结构方框图与此相似,只是级数更多。 图1两级放大器结构方框图 从图中可以看出,一个两级放大器主要由信号源电路、级间耦合电路、各单级放大器等... -
java 实现关于多级树形分类结构的查询
2021-01-30 22:18:00java 实现关于多级树形分类结构的查询 1.数据库设计 2.VO类实现 import lombok.Data; import java.util.List; @Data public class SubjectVO { private String id; private String parentId; private String ...