- 博客(50)
- 收藏
- 关注
RSS订阅原创 【Vue】vue的基本使用-双向数据绑定（v-model）并简单理解MVVM
vue的基本使用-双向数据绑定（v-model）并简单理解MVVM代码示例开发流程MVVM代码示例<html><head> <meta charset="UTF-8"> <title>双向数据绑定</title></head><body> <!-- view --> <div id="myApp"> <input type="text"
2022-03-16 00:07:11
463
原创 【Vue】vue的基本使用-Vue.js devtools安装
vue的基本使用-Vue.js devtools安装下载插件安装插件验证下载插件下载插件到本地链接：https://pan.baidu.com/s/1aSTUMtkoNd0msB0BtEltpg提取码：kz8c安装插件chrome浏览器：1、点击右上角【…】；2、点击【设置】；3、选择左侧【扩展程序】；4、将下载的插件拖拽到浏览器中；5、选择添加扩展程序；6、插件安装完成。验证1、重启浏览器；2、打开一个引入vue.js的页面；2、按F12；3、此时就可以看到vue插件了。
2022-03-15 23:46:34
604
原创 【Vue】Vue的基本介绍
Vue的基本介绍官网简介与其它前端JS框架的关联特点vue的扩展插件官网英文官网：https://vuejs.org/中文官网：https://cn.vuejs.org/简介1、渐进式JavaScript框架首先，vue是一个JS库/JavaScript框架。vue库分为核心库和插件：核心库：比较小，能够实现基本功能；插件：当需要特定的功能去简化时，便可以针对性的添加所需插件。如：需要路由，就使用相应的路由插件；需要状态管理，就使用相应的状态管理插件。2、作者：尤雨溪（一位华裔
2022-03-10 23:34:19
873
原创 【软件设计师】计算机组成原理与体系结构-流水线加速比计算
计算机组成原理与体系结构-流水线加速比计算流水线加速比流水线的效率流水线加速比完成同样一批任务，不使用流水线所用的时间与使用流水线所用的时间之比称为流水线的加速比。计算流水线加速比的基本公式如下：流水线的效率流水线的效率是指流水线的设备利用率。在时空图上，流水线的效率定义为n个任务占用的时空区与k个流水段总的时空区之比。如图：那么，计算流水线效率的公式就是：...
2022-03-09 23:41:02
3377
原创 【软件设计师】计算机组成原理与体系结构-流水线吞吐率计算
计算机组成原理与体系结构-流水线吞吐率计算流水线吞吐率流水线最大吞吐率流水线吞吐率流水线的吞吐率（Though Put rate，TP）是指在单位时间内流水线所完成的任务数量或输出的结果数量。计算流水线吞吐率的最基本的公式如下：流水线最大吞吐率...
2022-03-09 23:28:52
1174
原创 【软件设计师】计算机组成原理与体系结构-流水线周期及流水线执行时间计算
计算机组成原理与体系结构-流水线周期及流水线执行时间计算例题流水线周期流水线计算公式常考：流水线的计算问题例题若指令流水线把一条指令分为取指、分析和执行三部分，且三部分的时间分别是取指2ns，分析2ns，执行1ns。那么，流水线周期是多少？100条指令全部执行完毕需要的时间是多少？流水线周期流水线周期为执行时间最长的一段。如例题所示，那么此流水线的周期为2ns。流水线计算公式1条指令执行时间 + （指令条数-1）*流水线周期① 理论公式：（t1+t2+…+tk）+（n-1）*△t② 实
2022-03-09 23:20:31
3285
原创 【软件设计师】计算机组成原理与体系结构-流水线的基本概念
计算机组成原理与体系结构-流水线的基本概念什么是流水线未使用流水线执行指令使用流水线执行指令流水线比较重要，几乎每次都会考到，主要考计算部分。什么是流水线流水线是指在程序执行时多条指令重叠进行操作的一种准并行处理实现技术。各种部件同时处理是针对不同指令而言的，它们可同时为多条指令的不同部门进行工作，以提高各部件的利用率和指令的平均执行速度。工作流程：1、取指2、分析3、执行未使用流水线执行指令使用流水线执行指令...
2022-03-09 23:05:23
430
原创 【软件设计师】计算机组成原理与体系结构-CISC和RISC
计算机组成原理与体系结构-CISC和RISC需要记住。指令系统类型指令寻址方式实现方式其它CISC（复杂）数量多，使用频率差别大，可变长格式支持多种微程序控制技术（微码）研制周期长RISC（精简）数量少，使用频率接近，定长格式，大部分为单周期指令，操作寄存器，只有Load/Store操作内存支持方式少增加了通用寄存器；硬布线逻辑控制为主；适合采用流水线优化编译，有效支持高级语言考察频度较高，经常让选择哪些是对的哪些是错的，或哪些不是xx的特点。CI
2022-03-09 22:50:52
139
原创 【软件设计师】计算机组成原理与体系结构-Flynn分类法
计算机组成原理与体系结构-Flynn分类法Flynn分类法Flynn分类法Flynn分类法是一种计算机体系结构的分类方法。通过这种分类方法，我们可以把常见的计算机进行分类。分类依据有两个指标，分别是指令流和数据流，无论是指令流还是数据流都分为单和多两种类型。体系结构类型结构关键特性代表单指令流单数据流SISD控制部分：一个处理器：一个主存模块：一个单处理器系统单指令流多数据流SIMD控制部分：一个处理器：多个主存模块：多个各处理器以异步的形式执行同一条指令并行
2022-03-09 22:34:17
526
1
原创 【CSS】a元素的伪类
a元素的伪类:link:visited:hover:active:link用来表示没访问过的链接（正常的链接）。a:link{ color: red;}此时没有访问过的链接会变成红色。:visited用来表示访问过的链接。由于隐私的原因，所以visited这个伪类只能修改链接的颜色。a:visited{ color: red;}此时访问过的链接会变成红色。:hover用来表示鼠标移入的状态。a:hover{ color: red; font-s
2022-03-09 22:13:13
260
原创 【CSS】伪类选择器
伪类选择器伪类选择器：xx-child:first-child:last-child:nth-child()说明：xx-of-type:first-of-type:last-of-type:nth-of-type()说明:not()伪类选择器伪类（不存在的类，特殊的类）伪类用来描述一个元素的特殊状态。比如：第一个子元素、被点击的元素、鼠标移入的元素等。伪类一般情况下都是使用:开头。：xx-child:first-child第一个子元素。ul > li:first-child{
2022-03-09 21:46:51
171
原创 【CSS】属性选择器
属性选择器[属性名][属性名=属性值][属性名^=属性值][属性名$=属性值][属性名*=属性值][属性名]选择含有指定属性的元素。如：p[title]{ color: red;}选中所有有title属性的p元素。[属性名=属性值]选择含有指定属性和属性值的元素。如：p[title=abc]{ color: red;}选中所有title值为abc的p元素。[属性名^=属性值]选择属性值以指定值开头的元素。如：p[title^=abc]{ color: r
2022-03-09 21:07:18
216
原创 【CSS】关系选择器
关系选择器关系元素父元素子元素祖先元素后代元素兄弟元素关系选择器子元素选择器后代元素选择器兄弟元素选择器选择下一个兄弟选择下边所有的兄弟关系元素父元素直接包含子元素的元素叫做父元素。子元素直接被父元素包含的元素是子元素。祖先元素直接或间接包含后代元素的元素叫做祖先元素。一个元素的父元素也是它的祖先元素。后代元素直接或间接被祖先元素包含的元素叫做后代元素。子元素也是后代元素。兄弟元素拥有相同父元素的元素是兄弟元素。关系选择器子元素选择器作用：选中指定父元素的指定子元素语法：父
2022-03-08 23:44:51
144
原创 【CSS】复合选择器
复合选择器交集选择器选择器分组（并集选择器）交集选择器作用：选中同时符合多个条件的元素。语法：选择器1选择器2选择器n{}。注意：交集选择器中，如果有元素选择器，必须使用元素选择器开头，如div.red{}，不能写成.reddiv{}。.a.b.c{}这样的写法也可以。理论上 div#test{} 的格式也成立，只是id一般是唯一的，所以可以直接写成 #test{}。选择器分组（并集选择器）作用：同时选择多个选择器对应的元素。语法：选择器1,选择器2,选择器n{}。如：h1, span{
2022-03-08 23:20:39
70
原创 【CSS】常用选择器
常用选择器元素选择器id选择器类选择器通配选择器元素选择器作用：根据标签名来选中指定的元素。语法：标签名{}例子：p{} h1{} div{}p{ color: red;}id选择器作用：根据元素的id属性值选中一个元素。语法：#id属性值{}例子：#test{}#test{ color: red;}注意：id是不能重复的。类选择器class是一个标签的属性，它和id类似，不同的是class可以重复使用。可以通过class属性来为元素分组。可以同时为一个
2022-03-08 23:03:43
58
原创 【CSS】CSS语法
CSS语法注释基本语法选择器声明块注释/*这里是注释*/CSS中的注释，注释中的内容会自动被浏览器所忽略基本语法CSS内容由选择器和声明块组成。选择器通过选择器可以选中页面中的指定元素。比如 p 的作用就是选中页面中所有的p元素。声明块通过声明块来指定要为元素设置的样式。声明块由一个一个的声明组成。声明是一个名值对结构：一个样式名对应一个样式值，名和值之间以:连接，以;结尾。...
2022-03-08 22:42:04
84
原创 【CSS】CSS的三种使用方式
CSS的三种使用方式CSS内联样式（行内样式）内部样式表外部样式表CSS网页分成三部分结构（HTML）表现（CSS）行为（JavaScript）CSS：层叠样式表CSS用来设置网页中元素的样式。网页实际上是一个多层的结构，通过CSS可以分别为网页的每一层设置样式，而最终我们能看到的只是网页的最上边一层。CSS修改样式有三种方式：1、内联样式（行内样式，实际开发中不推荐使用）2、内部样式表3、外部样式表（最佳方式）内联样式（行内样式）在标签内部通过style属性来设置元素的样式。
2022-03-08 22:07:24
4482
1
原创 【软件设计师】计算机组成原理与体系结构-计算机结构
计算机组成原理与体系结构-计算机结构主机运算器控制器主机主机包括两部分，CUP和内存（主存储器）。主机属于计算机的核心部分，计算机=主机+外设。主机并不是我们日常看到的主机箱，计算机结构中的主机，远比我们日常看到的主机箱中的部件少。硬盘、声卡、显卡等都归为外设。我们需要特别注意的是CPU中的运算器和控制器。运算器1、算术逻辑单元ALU；2、累加寄存器AC（是一个通用寄存器，运算过程中存储一些运算需要用到的值，不只是加法，减法运算也会用到AC）；3、数据缓冲寄存器DR（是对内存储器进行读写
2022-03-07 01:23:23
179
原创 【软件设计师】计算机组成原理与体系结构-数据的表示-浮点数运算
计算机组成原理与体系结构-数据的表示-浮点数运算浮点数浮点数运算对阶尾数计算结果格式化浮点数浮点数是指称为科学计数法的一种表示数的方式，如 1000，用科学计数法表示就是1.0 x 103。浮点数的表示：N = M x Re其中：M称为尾数，e是指数，R是基数。浮点数运算浮点数运算是指针对浮点数进行的相关运算操作。浮点数的运算主要分为三步：1、对阶2、尾数计算3、结果格式化对阶第一步，我们需要先进行对阶如1000 + 100：1000 = 1.0 x 103+100 = 1.
2022-03-07 01:04:50
245
原创 【软件设计师】计算机组成原理与体系结构-数据的表示-原码反码补码移码
计算机组成原理与体系结构-数据的表示-原码反码补码移码原码反码补码移码表示的范围数值1数值-11-1（1+（-1））原码0000 00011000 00011000 0010反码0000 00011111 11101111 1111补码0000 00011111 11110000 0000移码1000 00010111 11110000 0000原码1、把数字转成二进制的表达形式2、一般是八位，位数不足时前边补0，首位（最高位）是
2022-03-07 00:42:00
94
原创 【HTML】音视频标签（audio、video、embed）
音视频音频audio标签属性controlsautoplayloop使用方式提示用户升级浏览器浏览器不支持MP3格式兼容低版本浏览器（embed标签）视频vidio标签兼容后的写法其他事项说明音频audio标签我们通常用audio标签来向页面中引入一个外部的音频文件。音视频文件引入时，默认情况下不允许用户自己控制播放停止。属性controlscontrols指定是否允许用户控制播放。这个属性不是通过值来判断的，而是通过有没有，有这个属性就是允许，没有就是不允许。autoplayautop
2022-03-07 00:03:52
2367
原创 【HTML】内联框架（iframe标签）
内联框架（iframe标签）iframe标签属性srcframeborderwidthheightiframe标签内联框架，用于向当前页面中引入一个其他页面。属性srcsrc指定要引入的网页的路径。frameborderframeborder指定内联框架的边框，0表示没有边框，1表示有边框。width引入页面展示的宽度。height引入页面展示的高度。...
2022-03-06 23:50:30
245
原创 【HTML】图片标签（img）
图片标签（img）图片标签（img）属性src属性alt属性图片的宽高注意图片的格式jpge(jpg)gifpngwebpbase64使用规则图片标签（img）图片标签用于向当前页面中引入一个外部图片。使用img标签来引入外部图片，img标签是一个自结束标签。img这种元素属于替换元素（块元素和行内元素之间，具有两种元素的特点）。属性src属性src 属性指定的是外部图片的路径（路径规则和超链接是一样的，可以是绝对路径，也可以是相对路径）。alt属性alt属性指定图片的描述，这个描述默认情
2022-03-06 23:46:42
1224
原创 【HTML】超链接（a标签）
超链接超链接href属性跳转绝对路径跳转相对路径./（当前目录）../（上级目录）跳转当前页面target属性id属性（唯一不重复的）点击无响应的超链接超链接超链接可以让我们从一个页面跳转到其他页面，也可以跳转到当前页面的其他位置。使用a标签来定义超链接。超链接是一个行内元素，在a标签中可以嵌套除它自身外的任何元素。href属性href属性指定跳转的目标路径，值可以是一个外部网站的地址，也可以写一个内部页面的地址。当跳转当前页面的其他位置时，herf的值也可以是#或#目标元素的id属性值。跳
2022-03-06 12:51:16
1003
原创 【HTML】HTML中的列表（list）
HTML中的列表（list）列表（list）有序列表无序列表定义列表嵌套使用使用情况列表（list）在html中可以创建列表，html列表一共有三种：有序列表无序列表定义列表有序列表使用ol标签来创建有序列表使用li表示列表项 <ol> <li>结构</li> <li>表现</li> <li>行为</li></ol>无序列表使用ul标签来创建无序列表使用li表示
2022-03-03 21:38:33
7963
原创 【HTML】H5中的语义元素
语义元素语义元素header元素main元素footer元素nav元素aside元素article元素section元素说明语义元素语义= 意义语义元素 = 有意义的元素什么是语义元素?一个语义元素能够清楚的描述其意义给浏览器和开发者。无语义元素实例（无需考虑内容）: <div> 和 <span> ；语义元素实例（清楚的定义了它的内容）: <form>、<table>、<img>。header元素header元素可以表示网页的头部
2022-03-03 21:32:09
428
原创 【软件设计师】计算机组成原理与体系结构-数据的表示-进制的转换
进制的转换R进制转十进制十进制转R进制二进制转八进制与十六进制R进制转十进制R进制转十进制使用按权展开法，具体操作方式为：将R进制数的每一位数值用Rk形式表示，即幂的底数是R，指数为k，k与该位和小数点之间的距离有关。当该位位于小数点左边，k值是该位和小数点之间数码的个数，而当该位位于小数点右边，k值是负值，其绝对值是该位和小数点之间数码的个数加1。例如二进制：10100.01 = 1×24 + 1×22 + 1×2-2例如七进制：302.05 = 3×72+2×70+5×7-2十进制转R进
2022-02-27 21:55:46
135
原创 【软件设计师】计算机组成原理与体系结构主要考查内容
计算机组成原理与体系结构主要考查内容主要考查内容主要考查内容1、数据的表示2、计算机结构3、Flynn分类法4、CISC与RISC5、流水线技术6、存储系统7、总线系统8、可靠性9、校验码
2022-02-27 20:36:30
90
原创 【软件设计师】软件设计师考试内容及分值分布
软件设计师考试内容及分值分布简介考试大纲要求考题类型及分值分布计算机与软件工程知识软件设计注意简介考试分为上午和下午两场，都是笔试题，满分都是75分，45分合格。上午：计算机与软件工程知识：150分钟，笔试，75道选择题，每题1分，共75分，45分合格。下午：软件设计：150分钟，笔试，填空、问答题等，共75分，45分合格。考试大纲要求1、掌握计算机内的数据表示、算术和逻辑运算方法；2、掌握计算机体系结构以及各主要部件的性能和基本工作原理；3、掌握操作系统、程序设计语言的基础知识，了解
2022-02-27 19:31:09
6270
原创 【HTML】语义化标签
语义化标签标签的作用常用标签说明标题标签p标签br标签hgroup标签blockquote标签em标签strong标签q标签块元素（block element）行内元素（inline element）标签的作用在网页中，HTML是专门用来负责网页结构的，所以在使用HTML标签时，应该关注的是标签的语义，而不是它的样式。常用标签说明标题标签h1-h6一共有六级标题。从h1-h6重要性递减，h1最重要，h6最不重要。h1在网页中的重要性仅次于title标签，一般情况下一个页面中只会有一个h1。一
2022-02-27 18:17:13
272
原创 【HTML】HTML中的meta标签
HTML中的meta标签简要说明属性charsethttp-equivnamecontentkeywordsdescription简要说明元数据（Metadata）是数据的数据信息。<meta>主要用于设置网页中的一些元数据，元数据不是给用户看的，而是给浏览器、搜索引擎看的。<meta>常用来设置页面字符集、页面关键字（keywords）、网页的描述信息（description）、以及对网页进行重定向。属性charset指定网页的字符集。如：<meta char
2022-02-27 16:57:22
493
原创 【HTML】HTML字符实体（转义字符）
HTML字符实体（转义字符）背景HTML 实体注意背景HTML 中的预留字符必须被替换为字符实体。一些在键盘上找不到的字符也可以使用字符实体来替换。HTML 实体在网页中编写的多个空格/回车，会自动被浏览器解析为一个空格。在 HTML 中也不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体（character entities）。 字符实体类似这样：&entity_name;或&
2022-02-27 00:48:44
283
原创 【HTML】网页的基本结构
网页的基本结构网页的版本迭代文档声明（doctype）网页的基本结构网页语言网页的版本迭代HTML4XHTML2.0HTML5等等文档声明（doctype）文档声明用来告诉浏览器当前网页的版本。HTML中的标签是不区分大小写的html5的声明：<!doctype html>或<!Doctype HTML>都可以文档声明需要放在html标签之前。网页的基本结构<!-- 文档声明，声明当前网页的版本是HTML5版本 --><!-- 这里
2022-02-27 00:37:16
1128
原创 【常用软件】VSCode常用设置
VSCode常用设置字体大小自动保存字体大小文件->首选项->设置（也可以点击最左侧一列下方的设置小图标）Editor : Font Size 可设置字体大小自动保存文件->首选项->设置（也可以点击最左侧一列下方的设置小图标）进来的第一个 Files: Auto Save就是用来设置文件是否需要自动保存的。默认是off - 不需要自动保存；可以选择afterDelay（延迟），下方的 Files: Auto Save Delay可以设置延迟保存时间，单位是毫秒。
2022-02-27 00:06:06
173
原创 【常用软件】VSCode插件/主题安装
VSCode插件/主题安装插件/主题的安装常用插件/主题chineseayuLive Server插件/主题的安装点击最左侧一列的Extensions，会在中间列出来一个搜索框，可以搜索想要安装的插件，建议选择官方的、下载量最多的插件，也可以下载安装想要的主题。常用插件/主题chinese搜索chinese，直接选中想要下载的插件，点击Install按钮，会自动联网安装，安装完成后重新VSCode就可以看到中文版本的VSCode。ayu搜索ayu，install之后会自动对主题进行切换，或点击
2022-02-27 00:04:27
904
原创 【常用软件】VSCode常用快捷键
VSCode常用快捷键VSCode常用快捷键VSCode常用快捷键Ctrl+/ 添加注释标签名+tab 补全标签，如p+tab会自动生成p标签
2022-02-26 23:46:34
1495
原创 【常用软件】VSCode安装和功能简介
VSCode的安装和简介VSCode安装VSCode简介VSCode安装1、建议勾上 【将“通过Code打开”操作添加到Windows资源管理器文件上下文菜单】2、建议勾上 【将“通过Code打开”操作添加到Windows资源管理器目录上下文菜单】3、建议不要勾选【将Code注册为受支持的文件类型的编辑器】VSCode简介最左侧一列，是功能列表，分别是：文件列表搜索版本管理工具debug调试工具Extensions（扩展管理器/插件管理器）...
2022-02-26 23:43:29
793
原创 【常用软件】zeal的安装和使用
zeal的安装和使用zeal的安装zeal的使用zeal文档下载zeal的安装zeal是一个离线文档查看器，方便在没有网络的时候查看文档，可以很方便的进行查看和搜索。如果zeal安装有问题，大概是报缺少什么东西的错，可以再安装一个vc_redist.exe。zeal的使用安装完成后，进入软件，默认是没有任何文档的，需要先自行下载才能够使用。zeal文档下载1、点击首页的DocsetsInstall and update docsets或Tools->Docsets；2、此时会弹
2022-02-26 23:34:08
1737
原创 【HTML】HTML标签简介
HTML标签简介标签的格式标签的属性标签的格式标签通常是成对出现的，但是也存在一些自结束标签。常见标签格式：<标签></标签> 如 <div></div><标签> 如<img><标签/> 如<img/>标签的属性在标签中可以设置属性，属性是一个名值对（x=y）。属性用来设置标签中的内容如何显示。属性和标签名或其他属性应该使用空格隔开。如：<img src="/
2022-02-26 23:15:41
114
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人