- 博客(420)
- 收藏
- 关注
RSS订阅
原创 总目录
C++Python高等数学Oracle SQL ServerInformaticaLinuxLatexScrapy编程机器学习Djangoopenpyxllxml运维XML读书笔记HTML CSS批处理QtPy5ANTLRIntelliJ IDEAJavaFXRust格式说明 学习备注...
2019-05-23 16:52:00
192
原创 循环.md
目录for循环例1:for i in list;do <command...>done;for i in 1 2 3 4;do echo $idone#结果：1# 2# 3# 4例2:for((int i = 0; i < 10; i++)){ <command...>}例3...
2022-07-09 15:59:00
197
原创 CloudFormation
关于CloudFormation TemplateTemplate就是一个text文本文件，文件内容的格式是json或yamlTemplate里声明了要在Amazone创建或配置的resource，这些resource相互关联，组成了stackTemplate声明顶层对象包括以下：AWSTemplateFormatVersion：可选Description：可选Param...
2021-07-28 18:55:00
430
原创 2021-07-28
关于CloudFormation TemplateTemplate就是一个text文本文件，文件内容的格式是json或yamlTemplate里声明了要在Amazone创建或配置的resource，这些resource相互关联，组成了stackTemplate声明顶层对象包括以下：**AWSTemplateFormatVersion：**可选**Description：**可选**Parameters：**可选**Mappings：**可选**Resources：**必须
2021-07-28 18:51:49
381
原创 CloudFormation Templates
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-07-22 11:31:03
145
原创 关于BOM
BOM概述windows对象的常见事件定时器JS执行机制location对象navigator对象history对象■ 关于BOMBOM(browser object model)，即浏览器对象模型提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是windowsBOM由一系列相关对象构成，并且每个对象都提供了很多方法和属性BOM缺乏标准，JS的标准化组织是ECMA，DOM是W3C，BOM最初是netscape的一部分□ BOM的构成BOM包含了DOM，比DOM更大BOM的
2021-06-12 13:04:54
124
原创 事件相关操作
■ 注册事件给元素添加事件，称为注册事件或者绑定事件注册事件有以下两种方式：传统方式方法监听注册方式(W3C推荐)□ 传统注册方式利用on开头的事件，如onclick<button onclick='alert()'></button>btn.onclick = function(){}特点： 注册事件的唯一性,即同一个元素同一个事件只能设置一个处理函数，最后注册的处理函数将会覆盖前面注册的处理函数<body> <button>传统
2021-06-01 17:22:22
160
原创 节点操作相关
■ 节点操作一般地，节点至少拥有以下三个基本属性nodeTypenodeNamenodeValue不同类型的节点，对应的nodeType值是不一样的元素节点：nodeType=1属性节点：nodeType=2文本节点： nodeType=3，文本节点包含文字，空格，换行等注：实际开发中，节点操作主要操作的是元素节点■ 节点层级利用DOM树可以把节点划分为不同的层级关系，常见是父子兄弟层级关系■ 父节点通过node.parentNode属性，可返回某节点的父节点注意是最近的
2021-05-31 18:15:32
161
原创 对象属性方法
关于对象万物皆对象，对象是一个具体的事物，看得见摸得着的实物JS中，对象是一组无序的相关属性和方法的集合所有的事物都是对象，例如字符串，数值，数组，函数等属性：事物的特征，在对象中用属性来表示，常用名词方法：事物的行为，在对象中用方法来表示，常用动词对象的作用保存一个值，可以使用变量保存多个值(一组值)，可以使用数组保存多个方面的信息，可以使用对象，比如一个人的各种信息JS对象的表达结构更清晰，更强大对象的创建利用字面量就是花括号{}里面包含了表达这个具体事物(对象)的属性和方法
2021-05-30 08:22:02
731
原创 操作元素相关
■ 操作元素JS的DOM操作可以改变网页内容，结构和样式可以利用DOM操作元素来改变元素里的内容，属性等■ 改变元素内容通过以下两个属性，改变元素的内容element.innerText从起始位置到终止位置的内容，但去除html标签，同时空格和换行也会去掉不识别html标签，非标准<body> <div>点击按钮，显示当前年份</div> <p>打开页面，显示当前年份</p> <button>按钮</bu
2021-05-28 14:39:19
84
原创 关于事件相关
■ 事件JS使创建动态页面成为可能，事件就是可以被JS侦测到的行为简单理解，事件就是触发–响应机制事件由以下三部分组成：事件源： 事件被触发的对象，比如按钮事件类型： 如何触发，什么事件，比如鼠标点击事件处理程序： 通过函数赋值的方式完成例<body> <button id='btn'>点我</button> <script> var btn = document.getElementById('btn'); btn.oncl
2021-05-28 10:23:04
87
原创 获取页面元素
■ 获取元素DOM在实际开发中是操作元素的，可以通过以下几种方式获取元素：根据ID获取根据标签名获取通过HTML5新增方法获取特殊元素获取■ 根据ID获取通过getElementById() 方法可以获取带有id的元素对象因为文档是从上往下加载，所以标签要在script标签之上<body> <div id='Time'>20210526</div> <script> var timer = document.getElement
2021-05-27 17:59:59
148
原创 DOM相关
■ 关于DOM文档对象模型(Document Object Model),简称DOM是W3C组织推荐的处理可扩展标记语言(HTML或XML)的标准编程接口W3C已经定义了一系列的DOM接口，通过这些DOM接口可以改变网页的内容，结构和样式■ DOM树文档： 一个页面就是一个文档，DOM中使用document表示元素： 页面中所有的标签都是元素，DOM中是使用element表示节点： 网页中所有内容都是节点(标签，属性，文本，注释等)，DOM中使用node表示DOM把以上的内容都看作是对象
2021-05-27 17:43:34
58
原创 API和Web API
■ 关于APIApplication Programming InterfaceWeb API是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节简单理解，API是给程序员提供的一种工具，以便能更轻松的实现想要完成的功能■ 关于Web API是浏览器提供的一套操作浏览器功能和页面元素的api(bom和dom)■ 总结API是程序员提供的一个接口，用于帮助实现某种功能，是程序员不必纠结内部如何实现Web API主要
2021-05-26 17:42:05
189
原创 对象
■ 关于对象万物皆对象，对象是一个具体的事物，看得见摸得着的实物JS中，对象是一组无序的相关属性和方法的集合所有的事物都是对象，例如字符串，数值，数组，函数等对象包含属性和方法属性： 事物的特征，在对象中用属性来表示，常用名词方法： 事物的行为，在对象中用方法来表示，常用动词□ 变量和属性相同点： 都是用来存储数据的不同点：变量： 单独声明并赋值，使用时直接写变量名，单独存在属性： 在对象里不需要声明，使用时必须要通过"对象.属性"的方式、var num = 10;var ob
2021-05-14 18:02:48
152
原创 预解析
■ 关于预解析JS代码是由浏览器的JS解析器执行的JS解析器是在运行javascript代码时分以下两步： ▶ 预解析： js引擎会把js里面所有的var 还有function提升到当前作用域的最前面 ▶ 代码执行： 按照代码书写的顺序从上往下执行■ 变量预解析变量预解析，也叫变量提升就是把所有的变量声明提升到当前的作用域最前面，只提升变量声明，不提升赋值操作例1//原代码console.log(num); //输出：undefinedvar num = 10;//相当于执行以
2021-05-14 16:06:28
70
原创 作用域
■ 关于作用域通常来说，一段程序代码中所用到的名字并不总是有效和可用的而限定这个名字的可用性的代码范围就是这个名字的作用域通俗讲，作用域就是代码名字(变量)在某个范围内起作用和效果，目的是为了提高程序的可靠性，更重要的是减少命名冲突■ 全局作用域和局部作用域全局作用域全局作用域，就是整个例：var num = 10; //全局有效function fun() { var num = 20; //局部有效}■ 变量的作用域根据作用域的不同，变量可以分为以下：全局变量在全局作
2021-05-14 12:33:18
66
原创 函数
■ 关于关于函数有些代码需要大量重复使用，将这些需要重复执行的代码封装在一起，就是函数函数：就是封装了一段可被重复调用执行的代码块，通过此代码可以实现大量代码的复用■ 函数的使用函数的声明和调用方式1//函数声明function 函数名(){ //函数体};//函数调用函数名(); //不要忘记() 方式2函数表达式(匿名函数)//函数声明var fun = function(arg){ //fun是变量名，不是函数名 //函数体};//函数调用fun('参数')
2021-05-14 11:31:20
93
原创 数据类型
■ 关于数据类型简单来说，数据类型就是数据的类别型号在计算机中，不同数据所需占用的存储空间是不同的为了便于把数据分成所需内存大小不同的数据，充分利用存储空间，于是定义了不同的数据类型■ 变量的数据类型变量是用来存储值的所在处，包含了名字和数据类型变量的数据类型决定了如何将代表这些值的位存储到计算机的内存中javascript是一种弱类型或者动态语言这意味着不用提前声明变量的类型，在程序运行过程中，类型会被自动确定也就是说js的变量数据类型是只有程序在运行过程中，根据等号右边的值来确定的，运
2021-05-12 09:18:11
163
原创 Button
■ 关于Button一个Button类（javafx.scene.control.Button）对象，代表了一个Button控件当用户点击Button时，会执行相应的操作■ 创建ButtonButton button = new Button("My Button");■ 追加Button到Scene Graph想要Button可见， 必须将其加入到Scene，或将其加入到一个layout再将layout加入到SceneButton button = new Button("My Butto
2021-05-10 17:52:11
455
原创 Hyperlink
■ 关于超链接一个Hyperlink类(javafx.scene.control.Hyperlink)对象，代表一个超链接控件JavaFX的超链接跟HTML的超链接作用和用法一致■ 创建超链接Hyperlink link = new Hyperlink("Click me!");■ 文本通过 setText() 方法为超链接设置文本Hyperlink link = new Hyperlink("Click me!");link.setText("New link text");■ 文本
2021-05-10 13:16:58
488
原创 CSS
■ 关于JavaFX CSSJavaFX和HTML一样，可以应用CSS样式语法和用法基本上是一致的■ CSS的层级分类按照CSS的作用域，有以下几个层级的CSS样式：JavaFX层级的CSS样式Scene层级的CSS样式母控件层级的CSS样式控件的style属性■ JavaFX层级的CSS样式JavaFX层级的CSS样式是JavaFX默认的CSS样式表，是JavaFX的全局CSS样式，作用于整个JavaFX组件如果一个组件没有被具体指定CSS样式，则JavaFX层级的CSS样式会作
2021-05-10 11:55:10
85
原创 ImageView
■ 关于ImageView一个ImageView类(javafx.scene.image.ImageView)对象，代表了一个图片控件图片控件是用来显示图片的ImageView要想可见，必须要加入到scene graph里■ 创建ImageViewFileInputStream input = new FileInputStream("path/to/imagefile");Image image = new Image(input);ImageView imageView = new Ima
2021-05-10 09:52:24
164
原创 Text
■ 关于Text一个Text类(javafx.scene.text.Text)对象，代表一个JavaFX的文本控件文本控件可以设定大小，颜色等样式Text类是Shape类的子类，Shape类又是Node类的子类因此Text类拥有Shape类和Node类的所有同名方法Text text = new Text("This is a JavaFX text.");Scene scene = new Scene(new VBox(text), 300, 250);primaryStage.setSce
2021-05-08 16:22:17
947
原创 Font
■ 关于Font一个Font类(java.scene.text.Font)对象，代表一种字体，包括样式，大小等JavaFX可以使用不同的字体修饰不同可应用字体的组件■ 创建Font使用一种Font(字体)要先创建一个Font实例最方便的方法就是通过Font类的静态工厂方法创建一个JavaFX Font实例String fontFamily = "Arial";double fontSize = 13;FontWeight fontWeight = FontWeight.BOLD;FontP
2021-05-08 11:27:02
288
原创 Label
■ 关于Label一个label类(javafx.scene.control.Label)对象，代表了JavaFX里的一个文本或者图片label要想可见，必须要加入到scene graph里■ 创建labelLabel label = new Label("My Label"); //创建一个label，显示文本"My Label"■ 追加label到scene graph要想让lable可见，必须要将其加入到scene graph或者加入到已经加入scene graph的Node节点中一般
2021-05-08 10:59:00
1693
原创 变量
■ 变量概述为什么需要变量一些数据需要保存，所以需要变量什么是变量变量就是一个装东西的盒子，通俗讲变量就是用于存放数据的容器，我们通过变量名获取数据，甚至数据可以修改变量在内存中的存储本质上讲，变量就是程序在内存中申请的一块用于存放数据的空间类似酒店的房间，一个房间可以看做一个变量■ 变量的使用变量在使用时分两步： 1) 声明 2) 赋值□ 声明var是JS的关键字，用于声明变量使用该关键字声明变量后，计算机会自动为变量分配内存空间，不需要程序员管age是程序员定义的变量名，我
2021-05-07 17:44:18
123
原创 输入输出语句
■ 输入输出语句为方便信息的输入输出，JS中提供了一些输入输出语句，常用语句如下：alert(msg)console.log(msg)prompt(info)■ alert(msg)浏览器弹出警示框，归属于浏览器■ console.log(msg)浏览器控制台打印输出信息，归属于浏览器主要用于开发调试■ prompt(info)浏览器弹出输入框，用户可以输入，归属于浏览器...
2021-05-07 12:52:10
111
原创 JS的三种书写位置
■ JS的三种书写位置： 行内 内嵌 外部■ 行内式□ 说明 直接写在元素的内部可以将单行或少量JS代码写在HTML标签的事件属性中(以on开头的属性)，比如onclick注意单双引号的使用，在HTML中推荐使用双引号，JS中推荐使用单引号特殊情况下使用，如测试可读性差，在HTML页面中编写大量JS代码，会导致可读性变差引号易错，引号多层嵌套匹配时，会非常容易弄混□ 示例 <input type="button" value="按钮" onclick="alert('弹出对话
2021-05-07 12:24:08
377
原创 JS的组成
■ JS组成JS包含以下三个部分：ECMAScript： JavaScript语法DOM： 页面文档对象模型BOM： 浏览器对象模型□ ECMAScriptECMAScript是由ECMA国际(原欧洲计算机制造商协会)进行标准化的一门编程语言，这种语言在万维网上应用广泛，它往往被称为JavaScript或JScript，但实际上后两者是ECMAScript语言的实现和扩展ECMAScript：规定了JS的编程语法和基础核心知识，是所有浏览器厂商共同遵守的一套JS语法工业标准□ DOM文
2021-05-07 11:28:15
182
原创 浏览器执行JS过程
■ 浏览器分两部分组成渲染引擎： 用来解析HTML和CSS，俗称内核，比如chrome浏览器的blink，老版本的webkitJS引擎： 也称为javascript解释器，用来读取网页中的javascript代码，对其处理后运行，比如chrome浏览器的V8注： 浏览器并不会执行javascript代码，而是通过内置的js引擎(解释器)来执行javascript代码javascript引擎执行代码时逐行解释每一句源码(转换为机器语言)，然后由计算机去执行，所以javascript语言归为脚本语言，会
2021-05-07 10:55:01
3213
原创 Properties
关于Properties属性就是组件的一些变量，主要包括坐标值，长宽，文本等可以通过为组件的属性值设置Listener,来绑定其他组件比如，当某一组件的某属性值改变时，Listenr会通知其他组件做相应的动作，这样就可以将两个组件进行了绑定import javafx.application.Application;import javafx.beans.property.DoubleProperty;import javafx.beans.property.ReadOnlyDoublePrope
2021-04-27 16:45:49
59
原创 Node
关于NodeNode类(javafx.scene.Node)是一个抽象类，所有在sence graph里的组件都要实现它，因此这些组件都会有Node类的一些共通的属性每一个实现Node类的子类的实例，都是一个Node节点每一个Node节点只能被加到sence graph里一次，即只能出现在sence graph中的一个地方如果将同样的Node节点加到sence graph多次，则会报错比如窗体里有两个面板，将一个label加到一个面板里后，又将该label加到另外一个面板，就会报错有时一个Nod
2021-04-27 15:31:35
136
原创 Sence
关于Scene一个Scene类(javafx.scene.Scene)对象，是整个Scene的根节点(root)简单讲，就是所有在窗体里可见的组件都必须包含在scene里scene只有设置在stage里，它所包含的组件才能显示在窗体创建SceneLabel lb = new Label("this is a label");VBox vBox = new VBox(lb);Scene scene = new Scene(vBox); //创建scene对象时，所指定的组件对象也必须是roo
2021-04-27 09:56:41
1015
原创 Stage
一个Stage类(javafx.stage.Stage)对象代表一个JavaFX的窗体一个stage包含着一个scene，scene即代表窗体内的显示的内容当一个JavaFX程序启动，后台会创建一个Stage对象，并将其传递给自己实现的Application类的start()方法该stage对象代表程序的主窗体，也可根据情况，在程序的生命周期内自定义多个窗体创建StageStage stage = new Stage();显示scene仅仅创建Stage类对象无法显示窗体，需要调用show(
2021-04-27 08:54:38
686
原创 CSS三大特性
三大特性CSS有三个非常重要的三个特性： ▶层叠性 ▶继承性 ▶优先级■ 层叠性相同选择器给设置相同的样式，此时一个样式就会覆盖(层叠)另一个冲突的样式层叠性主要解决样式冲突的问题层叠性原则： 样式冲突，遵循的原则是就近原则，哪个样式离结构近，就执行哪个样式 样式不冲突，不会层叠□ 示例div { color: red; font-siz...
2020-12-25 10:52:00
33
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人