自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(34)
  • 收藏
  • 关注

原创 PADS视频学习

PADS视频学习 Logic基本操作 特别注意(尚未明确地方): 元器件所在对应的库要如何添加,如何提供; 经常出现在报错之后无法继续添加或者连线(例如:在添加连线后接地,因为无接地所需元器件,导致报错,但再次引出此线时,无法再次引出); 在添加标识符时,经常出现重影的现象,并且这些重影无法去掉 已解决 ,重印只是缓存,只要放大缩小,改变现在锁定的情况,就可以去掉重影子; 出现封装元器件以后,放置元器件,标识符距离非常远。 ...

2021-08-05 16:46:29 756

原创 PADS学习

PADS学习自学 PADS设计流程的概述 常规PADS设计流程:设计启动→建库→原理图设计→网表调入→布局→布线→验证优化→设计资料输出→加工。 PADS Logic 无膜命令

2021-08-05 16:45:05 412

原创 JavaScript入门基础知识(九)——流程控制(循环 二)

JavaScript基础知识 流程控制 在一个程序的执行过程中,各条代码的执行顺序对程序的结果是有直接影响的。很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能。 流程控制就是来控制我们代码按照什么结果顺序来执行 流程控制主要有三种结构:顺序结构、分支结构和循环结构,这三种结构代表三种代码执行的顺序。 while循环 do while 循环 循环小结 continue break continue 关键字 break 关键字 参考学习链接。[^1] [^1]:https://ww

2021-02-05 23:20:49 201

原创 JavaScript入门基础知识(八)——流程控制(循环 一)

JavaScript基础知识 流程控制 在一个程序的执行过程中,各条代码的执行顺序对程序的结果是有直接影响的。很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能。 流程控制就是来控制我们代码按照什么结果顺序来执行 流程控制主要有三种结构:顺序结构、分支结构和循环结构,这三种结构代表三种代码执行的顺序。 循环流程控制 for循环 for循环基本结构: for循环执行过程: 可用断点调试: for循环重复不相同的代码 for循环重复某些相同的操作 参考学习链接。[^1] [^1]:

2021-02-04 16:17:08 203

原创 JavaScript入门基础知识(七)——流程控制(分支)

JavaScript基础知识 流程控制 在一个程序的执行过程中,各条代码的执行顺序对程序的结果是有直接影响的。很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能。 流程控制就是来控制我们代码按照什么结果顺序来执行 流程控制主要有三种结构:顺序结构、分支结构和循环结构,这三种结构代表三种代码执行的顺序。 顺序流程控制 分支流程控制 JS语言提供俩种分支结构语句 if语句 switch语句 if语句 if语句 执行思路: 如果if里面的条件表达式结果为真,则执行大括号里面的执行语句; 如果

2021-02-02 14:49:53 185

原创 JavaScript入门基础知识(六)——运算符(二)

JavaScript基础知识 JavaScript运算符 运算符 运算符(operator)也被称为操作符,是用于实现赋值、比较和执行算数运算等功能的符号。 比较运算符 比较运算符(关系运算符)是俩个数据进行比较时所用的运算符,比较运算后,会返回一个布尔值(true/false)作为比较运算符的结果。 == 默认转换数据类型,回把字符串的数据转换为数字型,只要求值相等就可以 ===全等 一模一样 要求俩侧的值还有数据类型完全一样 逻辑运算符概述 逻辑运算符是用来进行布尔运算的运算符,其返回值也是布尔值

2021-02-02 12:38:47 164

原创 JavaScript入门基础知识(五)——运算符(一)

JavaScript基础知识 JavaScript运算符 运算符 运算符(operator)也被称为操作符,是用于实现赋值、比较和执行算数运算等功能的符号。 算数运算符 算数运算符 算数运算符使用的符号,用于执行俩个变量或值的算术运算。 浮点数的精度问题 浮点数值的最高精度是17位小数,但在进行算术计算时其精确度远远不如整数。 所以不要直接判断俩个浮点数是否相等。 表达式和返回值 递增递减运算符 要和变量搭配使用 前置递增运算符 先自加,后返回值 后置递增运算符 先返回原值 后自加 前置递增和

2021-02-02 10:55:55 114

原创 JavaScript入门基础知识(四)——数据

JavaScript基础知识 数据类型 数据类型的分类 简单数据类型 布尔型 Boolean 布尔型有俩个值:ture和false,其中ture表示真(对),而false表示假(错) 布尔型和数字型相加的时候,ture的值为1,false的值为0 Undefined和Null 一个声明后没有被赋值的变量会有一个默认值undefined(如果进行相连或者相加时,注意结果) 一个声明变量给null值,里面存的值为空(学习对象时,我们继续研究null) 获取检测变量的数据类型 typeof typeof可

2021-02-01 16:00:07 126

原创 JavaScript入门基础知识(三)——数据:字符串

JavaScript基础知识 数据类型 数据类型的分类 简单数据类型 字符串型String 字符串型可以是引号内的任意文本,其语法为双引号“”和单引号’’ 因为HTML标签里面的属性使用的是双引号,JS这里更常用单引号。 字符串引号嵌套 JS可以用单引号嵌套双引号,或者双引号嵌套单引号(外双内单,外单内双) 字符串转义符 类似HTML里面的特殊字符,字符串也有特殊字符,我们称之为转义符。 转义符都是\开头的,常用的转义符及其说明如下: 字符串长度 字符串是由若干字符组成的,这些字符的数量就是字符串的

2021-01-31 23:36:46 254

原创 JavaScript入门基础知识(三)——数据:数字型

JavaScript基础知识 数据类型 数据类型的简介 在计算机中,不同的数据所占用的存储类型是不同的,为了便于把数据分成所需内存大小不同的数据,充分利用存储空间,于是定义了不同的数据类型。 变量的数据类型 变量是用来储存值的所在地,它们有名字和数据类型,变量的数据类型决定了如何将代表这些值的位存储到计算机的内存中。 JavaScript是一种弱类型或者说动态语言。 意味不用提前声明变量的类型,在程序运行过程中,类型会被自动确定。 在代码运行时,变量的数据类型是由js引擎根据 = 右边变量值的数据类型来判

2021-01-31 01:50:12 153

原创 JavaScript入门基础知识(二)—— 变量

JavaScript基础知识 JavaScript基础知识 JS输入输出语句 为了方便信息的输入输出,js提供了一些输入输出语句,其常用语句为: 变量 变量概述 变量就是一个装东西的盒子。 变量是用于存放数据的容器,通过变量名获取数据,且数据可以修改。 本质:变量是程序在内存中申请的一块用来存放数据的空间 变量的使用 使用变量分为俩步:1、声明变量 2、赋值 声明变量 赋值 变量的初始化 变量语法扩展 更新变量 一个变量被重新赋值后,它原有的值会被覆盖,变量值将以最后一次赋的值为准。 同时声

2021-01-31 00:59:09 170 1

原创 JavaScript入门基础知识(一)

JavaScript基础知识 计算机基础 编程语言 编程 编程: 让计算机为解决某个问题而使用某种程序设计语言编写程序代码,并最终得到结果的过程。 计算机程序:就是计算机所执行的一系列的指令集合,而程序全部都是我们所掌握的语言来填写的,所以人们要控制计算机一定要通过计算机语言向计算机发出命令。 计算机语言 计算机语言指用于人与计算机之间通讯的语言,他说人与计算机之间传递信息的媒介。 计算机语言的种类非常多,总的来说可以分成机器语言,汇编语言和高级语言三大类。 JavaScript基础知识 初始JavaScr

2021-01-30 15:39:12 139

原创 CSS入门基础知识(十五)——清除浮动

CSS标签入门基础知识 浮动(float) 清除浮动 额外标签法 额外标签法也称为隔墙法,是W3C推荐的做法 额外标签法会在浮动元素末尾添加一个空的标签。例如< div style = " clear:both " >< /div>,或者其他标签(如 < br />等) 优点:通俗易懂,书写方便 缺点:添加许多无意义的标签,结构化较差 注意:要求这个新的空标签必须是块级元素 清除浮动——父级添加overflow 可以给父级添加overflow属性,将其属性值设置为hidd

2020-11-10 15:53:07 163

原创 CSS入门基础知识(十四)——浮动(二)

CSS标签入门基础知识 网页布局 常见网页布局 浮动布局主义点 浮动和标准流的父盒子搭配 先用标准流的父元素排列上下位置,之后内部子元素采取浮动排列左右位置 一个元素浮动了,理论上其余的兄弟元素也要浮动 一个盒子里面有多个子盒子,如果其中一个盒子浮动了,那么其他兄弟也应该浮动,以防引起问题 浮动的盒子只会影响浮动盒子后面的标准流,不会影响前面的标准流 清除浮动 为什么清除浮动 由于符集盒子很多情况下,不方便给高度,但是子盒子浮动不占有位置,最后父级盒子高度为0时,就会影响下面的标准流盒子 由于浮动元素

2020-11-10 14:25:53 158

原创 CSS入门基础知识(十三)——浮动(一)

CSS标签入门基础知识 浮动(float) 传统网页布局的三种方式 网页布局的本质——用css来摆放盒子。把盒子摆放在相应的位置。 CSS提供了三种传统布局方式: 1、普通流(标准流) 2、浮动 3、定位 标准流(普通流/文档流) 所谓的标准流:就是标签按照规定好默认方式排列 1、块级元素会独占一行,从上向下顺序排列 2、行内元素会按照顺序,从左到右顺序排列,碰到父元素边缘则自动换行 3、常用元素 这三种布局方式都是用来摆放盒子的,盒子摆放到合适位置,布局自然就完成了 注意:实际开发中,一个页面基本包含了着

2020-11-05 17:38:27 218

原创 CSS入门基础知识(十二)——圆角边框和盒子阴影

CSS标签入门基础知识 圆角边框和盒子阴影 圆角边框 在CSS3中,新增了圆角边框的样式,盒子可以变成圆角了。 boder-radius属性用于设置元素的外边框圆角 语法: radius半径原理:(椭)圆与边框的交际形成圆角效果 例子: 注意: 1、参数值可以为数值也可以为百分比形式 2、如果是正方形,想要设置为一个圆,把数值修改为高度或者宽度的一半即可,或者直接写50% 3、如果是矩形,设置为高度的一半 4、该属性是一个简写属性,可以跟四个值,分别代表左上角、右上角、右下角、左下角 盒子阴影 css

2020-11-04 17:33:14 406

原创 CSS入门基础知识(十一)——CSS盒子模型(二)

CSS标签入门基础知识 CSS盒子模型 内边距 内边距(padding)属性用于设置内边距,即边距和内容之间的距离。 内边距的复合写法: padding简写属性属性可以有一到四个值。 注意: 内边距一样会影响盒子的实际大小,为保证盒子和效果图保持一致,让高和宽减去多出来的内边距大小即可。 如果盒子没有指定盒子宽度高度属性,padding不会撑开盒子的大小。 外边距 margin属性用于设置外边距,即控制盒子和盒子之间的距离。 margin简写方式和padding一样。 外边距典型应用: 外边距可以让块

2020-11-04 12:54:48 307 1

原创 CSS入门基础知识(十)——CSS盒子模型(一)

CSS标签入门基础知识 CSS盒子模型 网页布局过程 网页布局过程 1、先准备好相关网页元素,网页元素基本都是盒子Box 2、利用CSS设置号盒子样式,然后拜访到相应的位置 3、往盒子里面装内容 网页布局核心:利用CSS摆盒子 盒子模型(Box Model)组成 盒子模型:就是吧html页面的布局元素看作是一个矩形的盒子,也就是一个盛装内容的容器 盒子模型本子上是一个盒子,封装周围的html元素,它包括边框、外边距、内边距、和实际内容 边框(border) boder可以设置元素的边框 边框有三部分组成:

2020-11-04 12:33:54 201

原创 CSS入门基础知识(九)——CSS三大特性

CSS标签入门基础知识 CSS的三大特性 css有三个非常重要的三个特性:层叠性、继承性、优先级。 层叠性 相同的选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式。层叠性主要解决样式冲突的问题。 层叠性原则: 1、样式冲突,遵循的原则是后来居上,哪个样式离结构近,就执行哪个样式 2、样式不冲突,不会层叠 继承性 一般继承性 css中的继承:子标签会继承父标签的某些样式,如文本颜色和字号。简单的理解就是:子承父业。 1、恰当的使用继承可以简化代码,降低css样式的复杂程度 2、子元素可

2020-11-03 17:17:36 227

原创 CSS入门基础知识(八)——CSS的背景

CSS标签入门基础知识 CSS的背景 通过css背景属性,可以给页面元素添加背景样式。 背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等。 背景颜色 background-color属性定义了元素的背景颜色 一般情况下元素背景颜色默认值是tranparent(透明) 背景图片 ...

2020-11-03 15:19:00 392

原创 CSS入门基础知识(七)——元素显示模式

CSS标签入门基础知识 元素显示模式 元素显示模式就是元素(标签)以什么方式进行显示,比如< div>自己独占一行,比如一行可以放多个< span> html元素一般分为块元素和行元素 块元素 常见的块元素有< h1>~< h6>、< p>、< div>等等,其中< div>标签是最典型的块元素 1、自己独占一行 2、高度、宽度、内外边距边距都可以控制 3、宽度默认是容器的100% 4、是一个容器及盒子,里面可以放行内或者块

2020-09-03 09:46:19 200

原创 CSS入门基础知识(六)——复合选择器

CSS标签入门基础知识 Emmet语法 Emmet语法的前身是Zen coding,它使用缩写来提高html/css的编写速度。 快速生成html结构语法 1、生成标签直接输入标签名按tab键即可 2、生成多个相同标签,加上*即可 3、生成父子级关系的标签,可以用> 4、生成兄弟关系的标签,可以用+ 5、生成带有类名的或者id名字的,直接写.demo或者#demo 6、生成div类名有顺序,加上自增符号$ 7、生成标签的内部写内容,用{}表示 快速生成css结构语法 css基本采取简写形式即可 1、比

2020-09-02 15:28:58 320

原创 CSS入门基础知识(五)——引入方式

CSS标签入门基础知识 CSS引入方式 css的三种样式表 按照css样式书写的位置(或者引入的方式),css样式可以分为三大类: 1、行内样式表(行内式) 2、内部样式表(嵌入式) 3、外部样式表(链接式) 内部样式表 内部样式表(内嵌样式表)是写到html页面内部,是将所有的css代码抽出来,单独放到一个< style>标签中。 例子: 1、内部样式表理论上< style>标签可以放在html文档的任何地方,但一般会放在文档的< head>标签中。 2、通过这种方式

2020-09-01 17:00:23 272

原创 CSS入门基础知识(四)——文本属性

CSS标签入门基础知识 CSS文本属性 CSS Text(文本)属性可定义文本的外观,比如文本的颜色、对齐文本、装饰文本、文本缩进、行间距等。 文本颜色 color属性用于定义文本的颜色。 对齐文本 text-align属性用于设置元素内文本内容的水平对齐方式。 装饰文本 text-decoration属性规定添加到文本的修饰。可以给文本添加下划线、删除线、上划线等。 例子:删除链接的下划线 文本缩进 text-indent属性用来指定文本的第一行的缩进,通常是将段落的首行缩进。 通过设置该属性,所

2020-08-31 22:20:24 267

原创 CSS入门基础知识(三)——字体属性

CSS标签入门基础知识 CSS字体属性 CSS Fonts(字体)属性用于定义字体系列、大小、粗细、文本样式。 字体系列 CSS使用font-family属性定义文本的字体系列。 1、各种字体之间必须使用英文状态下的逗号隔开。 2、一般情况下,如果有空格隔开多个的单词组成的字体,加引号。 3、尽量使用系统默认自带字体,保证任何用户的浏览器中都能正确显示。 字体的大小 CSS使用font-size属性来定义大小。 1、px(像素)大小是我们网页的最常用单位。 2、谷歌浏览器默认的文字大小为16px。 3、

2020-08-30 01:44:20 294

原创 CSS入门基础知识(二)—— 基础选择器

CSS入门基础知识(二)CSS标签入门基础知识CSS基础选择器CSS选择器的作用选择器的分类标签选择器类选择器类选择器类选择器-多类名id选择器id选择器id选择器和类选择器的区别通配符选择器基础选择器的总结 CSS标签入门基础知识 CSS基础选择器 CSS选择器的作用 选择器(选择符)就是根据不同的需求把不同标签选出来。 以上css做了俩件事: 1、找到所有的h1标签。(选对人) 2、设置这些标签的样式,比如颜色改为红色。(做对事) 选择器的分类 选择器分为基础选择器和复合选择器俩大类。 基础选择器:

2020-08-11 21:01:14 464

原创 CSS入门基础知识(一)

CSS入门基础知识(一)CSS标签入门基础知识CSS简介html的局限性css-网页的美容师 CSS标签入门基础知识 CSS简介 html的局限性 html是非常单纯的,只关注内容的语义。 例如:< h1>表明这只是一个大标题,< p>表明这只是一个段落,< img>表明这里有一个图片,< a>表示此处有链接。 html可以做简单的样式,但会非常的繁琐。 css-网页的美容师 css是层叠样式表(Cascading Style Sheels)的简称。 也称为c

2020-08-10 16:58:28 359

原创 HTML入门基础知识(六)

HTML入门基础知识(六)html标签入门基础知识HTML常用标签(五)< label>标签 html标签入门基础知识 HTML常用标签(五) < label>标签 < label>标签为input元素定义标注(标签)。 < label>标签常与表格标签一起使用 ...

2020-08-09 21:33:46 122

原创 HTML入门基础知识(五)

HTML入门基础知识(五)html标签入门基础知识HTML常用标签(四)列表标签无序列表有序列表自定义列表三种列表总结:表单标签为什么需要表单表单的组成表单域表单控件(表单元素) html标签入门基础知识 HTML常用标签(四) 列表标签 表格是用来显示数据的,那么列表就是用来布局的。 列表的最大特点就是整齐、整洁、有序,它作为布局会更加自由和方便。 根据使用情景不同,列表可以分为三大类:无序列表、有序列表和自定义列表。 无序列表 < ul>标签表示html页面中项目的无序列表,一般会以项目符

2020-08-09 14:31:58 220

原创 HTML入门基础知识(四)

HTML入门基础知识(四)html标签入门基础知识HTML常用标签(三)表格标签表格的主要作用表格的基本语法表头单元格标签表格的属性表格结构标签合并单元格 html标签入门基础知识 HTML常用标签(三) 表格标签 表格的主要作用 表格主要用于显示、展示数据。一个清爽简约的表格能够把复杂的数据表现得很有条,表格不用用来布局页面的,是用来展示数据的。 例子: 表格的基本语法 1、< table>< /table>用于定义表格的标签。 2、< tr> < /tr&g

2020-08-08 17:56:03 185

原创 HTML入门基础知识(三)

HTML入门基础知识(二)html标签入门基础知识HTML常用标签(二)图像标签和路径图像标签图像路径目录文件夹和根目录图片路径超链接标签超链接的语法规范链接的分类html中的注释和特殊字符注释特殊字符 html标签入门基础知识 HTML常用标签(二) 图像标签和路径 图像标签 在html标签中,< img>标签用于定义html页面中的图像。 单词image的缩写,意思为图像。 例子: src是< img>标签的必须属性,它用于指定图像文件的路径和文件名。 (属性简单理解为就是属于

2020-08-07 16:47:54 290

原创 HTML入门基础知识(二)

HTML入门基础知识(二)html标签入门基础知识开发工具生成的骨架标签< !DOCTYPE>标签lang 语言种类字符集 html标签入门基础知识 开发工具生成的骨架标签 < !DOCTYPE>标签 < !DOCTYPE>文档类型声明,主要是告诉浏览器使用哪种html版本显示网页。 注意: < !DOCTYPE>声明位于文档的最前位置,处于< html>标签之前。 < !DOCTYPE>不是html标签,只是一个文档声明标签。 lan

2020-08-06 13:26:08 714 1

原创 HTML入门基础知识(一)

HTML入门基础知识(一)html标签入门基础知识html语法规范基本语法概述标签关系html基本结构标签开发工具html常用标签html中的注释和特殊字符 html标签入门基础知识 html语法规范 基本语法概述 1.html 标签是在尖括号包围的关键词,例如< html> 2.双标签: 标签是包含在<>中的并且是成对出现 例如: < html>< /html>(正式代码中<后的空格需要删去) < html> 为开始标签 &lt

2020-07-27 16:53:47 1775 4

原创 开始学习前端知识

开始学习前端的知识~了解网页的相关概念网页什么是网页什么是html网页的形成常用浏览器常用浏览器浏览器内核web的标准欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 了解网页的相关概念 网页

2020-07-24 17:04:45 1973 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除