将子-CSDN博客

原创（04）JavaScript-流程控制语句

04）JavaScript-流程控制语句流程控制：分支（条件）、循环1. 分支语句条件语句可以在代码中使用条件语句来完成不同的任务。if 语句：只有当指定条件为 true 时，使用该语句来执行代码if…else 语句：当条件为 true 时执行 if 中的代码，当条件为 false 时执行 else 中的代码if…else if…else 语句：使用该语句来选择多个代码块之一来执行switch 语句：使用该语句来选择多个代码块之一来执行1.1 if 条件语句1.1.1 i

2021-09-29 20:23:21 87

原创（03）JavaScript-数据类型转换

（03）JavaScript-数据类型转换1. 其他类型 => 字符串类型1.1 toString()函数除了null，undefined，其他三种基本数据类型的变量均有一个toString()函数，该函数可以获取该变量指定值的字符串表示。var a = true;var b = 123;console.log(a.toString(), b.toString());// 'true' '123'console.log(typeof a.toString(), typeof b.toS

2021-09-28 16:50:16 159

原创（02）JavaScript-操作符

（02）JavaScript-操作符1. 操作符1.1 算数运算符运算符描述例子结果+加法var num = 1 + 2;3-减法var num = 4 - 3;1*乘法var num = 4 * 3;12/除法var num = 6 / 3;2%取余var num = 7 % 3;1(余)进行数据运算时，除’+'外，其他运算符可以自动将字符串数字隐形转成数字var num1 = '8';var num2 = '4

2021-09-27 20:26:05 188

原创（01）JavaScript-初识JavaScript

（01）ECMAScript 6-初始JavaScript1. 什么是JavaScriptJavaScript ( JS ) 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。JavaScript 是一种基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。运行环境浏览器nodejs2. JavaScript的组成部分2.1 ECMAScript（js标准）描述了该语言的语法和基本对象，兼容性100%。注释单行// 、多行/**/

2021-09-26 19:30:58 174

原创（2）了解Linux-文本编辑器

（2）了解Linux-文本编辑器 vi / vim1. 文本编辑器 vi/vimvi/vim 共分为三种模式，分别是命令模式（Command mode），输入模式（Insert mode）和底线命令模式（Last line mode）。1.1 命令模式用户刚刚启动 vi/vim，进入的就是命令模式。此状态下敲击键盘动作会被Vim识别为命令，而非输入字符。比如我们此时按下i，并不会输入一个字符，i被当作了一个命令。常用的几个命令：i 切换到输入模式，以输入字符。x 删除当前光标所在处的字符

2021-09-22 20:08:19 334

原创（1）了解Linux-Linux介绍及用户管理

（1）了解Linux-Linux介绍及用户管理1、Linux1.1 介绍Linux是一套免费使用和自由传播的操作系统内核，是一个基于POSIX和Unix的多用户、多任务、支持多线程和多CPU的操作系统内核。它能运行主要的Unix工具软件、应用程序和网络协议。它支持32位和64位硬件。Linux继承了Unix以网络为核心的设计思想，是一个性能稳定的多用户网络操作系统内核。1.2 特点开放性：遵循开放系统互连(OSI)国际标准多用户：操作系统资源可以被不同用户使用，每个用户对自己的资源(例如：文

2021-09-22 15:14:49 140

原创（14）前端-初识HTML与CSS-媒体查询

（14）前端-初识HTML与CSS-媒体查询1、媒体查询媒体查询可以让我们根据设备显示器的特性（如视口宽度、屏幕比例、设备方向：横向或纵向）为其设定CSS样式，媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成。媒体查询中可用于检测的媒体特性有 width 、 height 和 color 等。使用媒体查询，可以在不改变页面内容的情况下，为特定的一些输出设备定制显示效果。2、媒体查询与弹性盒布局的适用情况媒体查询：当页面的结构发生变化的话最好使用媒体查询。弹性盒：如果只是宽高的变化，尽量

2021-09-17 19:50:22 279

原创（13）前端-初识HTML与CSS-过渡、动画与2D转换案例

（13）前端-初识HTML与CSS-过渡、动画与2D转换案例1、过渡手风琴效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial

2021-09-16 15:26:21 71

原创（12）前端-初识HTML与CSS-transform

（12）前端-初识HTML与CSS-transformtransform 属性向元素应用从2D或3D转换。该属性允许我们对元素进行旋转、缩放、移动或者倾斜。1、rotate 旋转/* 参照形变中心点(可变) 顺时针旋转45度，deg为单位 */transform: rotate(45deg);旋转轴向默认情况下所有元素都是围绕Z轴进行旋转transform: rotateZ(45deg); 围绕z轴旋转45度transform: rotateX(90deg); 围绕x轴旋转90度tra

2021-09-15 20:22:20 165

原创（11）前端-初识HTML与CSS-animation动画

（11）前端-初识HTML与CSS-animation动画animation使用keyframes定义如何随着时间的移动改变CSS的属性值，可以通过指定它们的持续时间，重复次数，如何重复来控制关键帧的行为由于该技术的规范还没有稳定，在使用前要先确保浏览器对其兼容性Animations由两部分组成：css动画的配置，以及一系列的keyframes（用来描述动画的开始、过程、结束状态）1、过渡和动画之间的异同不同点过渡必须人为的触发才会执行动画动画不需要人为的触发就可以执行动画相同点过渡

2021-09-15 20:18:53 185

原创（10）前端-初识HTML与CSS-transition过渡

（10）前端-初识HTML与CSS-transition过渡transition：控制CSS属性更改速度的方法使用时的必要元素：指定要添加效果的CSS属性指定效果的持续时间CSS transitions 可以决定哪些属性发生动画效果 (明确地列出这些属性)，何时开始 ( delay），持续多久 (duration) 以及如何动画 (timing function)。1、过渡三要素必须要有属性发生变化必须告诉系统哪个属性需要执行过渡效果必须告诉系统过渡效果持续时长2、过渡触发 —

2021-09-15 20:16:00 103

原创（9）前端-初识HTML与CSS-Flex布局

（9）前端-初识HTML与CSS-Flex布局1、flex布局flex—Flexible Box 弹性布局，为盒状模型提供灵活的布局方式。任何一个容器都可以指定为Flex布局。2、flex布局属性容器属性：flex-flowflex-directionflex-wrapjustify-contentalign-itemsalign-content元素属性：orderflex-growflex-shrinkflex-basisflexalign-self3、fle

2021-09-15 11:25:18 163

原创（8）前端-初识HTML与CSS-定位布局

（8）前端-初识HTML与CSS-定位布局定位流分类静态定位相对定位绝对定位固定定位粘滞定位z-index1、静态定位postion:static;默认定位方式，将元素定位在默认文档流中。2、相对定位postion:relative;相对于自己以前在默认文档流的位置移动，使用top,right,bottom,left来控制。注意点相对定位不脱离默认文档流，占据原来空间由于不脱离默认文档流，因而区分块级元素/行内元素/行内块级元素同一个方向上的定位属性只能使用一个

2021-09-14 17:12:52 56

原创（7）前端-初识HTML与CSS-浮动布局

（7）前端-初识HTML与CSS-浮动布局一、CSS布局1、网页的布局方式指浏览器是如何对网页中的元素进行排版的2、标准流(/文档流/普通流)排版方式1）浏览器默认的排版方式处在网页的最底层，它表示的是一个页面中的位置，我们所创建的元素默认都处在标准流(文档流/普通流)中。2）元素在标准流中的特点块元素独占一行，自上而下排列默认宽度是元素的100%高度默认被内容撑开内联元素只占自身的大小，自左向右，自上而下宽度和高度默认被内容撑开3）注意点CSS中将元素分

2021-09-13 16:47:18 142

原创（6）前端-初识HTML与CSS-盒模型

（6）前端-初识HTML与CSS-盒模型一、盒子属性margin 外边距盒子四周的区域，标签与标签之间的距离。相邻元素会合并(margin collapsing)padding 内间距内容与边框之间的距离border 边框介于padding外边缘与margin内边缘之间，默认值为0width & height 宽高用于设置内容区的宽高，盒子的高度默认为内容的高度1、width & heightwidth内容宽度，块级元素默认100%，单位：px

2021-09-10 16:19:45 89

原创（5）前端-初识HTML与CSS-列表样式与其他样式

（5）前端-初识HTML与CSS-列表样式与其他样式列表样式默认样式ul，olmargin-top / margin-bottom:16px(1em)padding-left:40px(2.5em)li 元素没有设置默认的行间距dlmargiin-top / margin-bottom :16px(1em)没有内边距dd 元素 margin-left:40px(2.5em)p 元素 margin-top / margin-bottom:16px(1em)list-st

2021-09-09 17:11:44 139

原创（4）前端-初识HTML与CSS-字体及文本样式

（4）前端-初识HTML与CSS-字体及文本样式概括属性用法color字体颜色font-style斜体文本font-weight字体粗细font-size字体大小font-family设置字体webFont网络字体text-decoration文本修饰text-align文字排列方式text-indent文本缩进text-transform设置或取消字体改变text-shadow文本阴影color

2021-09-08 20:16:12 118

原创（3）前端-初识HTML与CSS-CSS引入方式及各类选择器

（3）前端-初识HTML与CSS-CSS引入方式及各类选择器CSS 层叠样式表用来修饰HTML，修改HTML元素的样式CSS语言的核心功能就是为特定的属性设定特定的值CSS的属性和值都是大小写敏感的。属性与值通过“:”分隔开，属性与属性通过";“隔开，多个属性使用”{}"括起来，构成CSS声明块，CSS声明块中的所有声明构成规则集。CSS规则集选择器——HTML元素的名称位于规则集卡死，选择多个需要添加相同样式的元素。声明——一个单独的规则，指定添加样式元素的属性。属性——改变HTML元素

2021-08-30 10:41:48 112

原创（2）前端-初识HTML与CSS-table、form

（2）前端-初识HTML与CSS-table、form标签table-表格标签作用用来给一堆数据添加表格语义宽高table 表格的宽高tr th td 单元格的宽高都属于块级元素，宽默认为100%，高由内容撑起水平垂直对齐水平方向 align — left center right table 表格 tr td 单元格内容垂直方向 valign — top mid bott

2021-08-11 19:55:13 98

原创（1）前端-初识HTML与CSS

（1）前端-初识HTML与CSS-初步认识及基本标签HTML与CSSHTMLHyperText Markup Language—超文本标记语言而非编程语言，用于网页结构的搭建。CSSCascading Style Sheets—层叠样式表，一种用于修饰文档，如HTML、XML或SVN的语言，用于表现网页元素的样式、颜色、字体、背景HTML与CSS之间的关系HTML是网页内容的载体。CSS样式是表现。前者是素颜，后者是化妆。网页三大要素结构 — HTML用于描述页面的结构表现 —

2021-08-05 19:59:46 86

原创前端-Axure RP9 的使用（三）

前端-Axure RP9 的使用（三）变量的使用局部变量实现加法功能。在新页面中添加两个输入框（分别命名为a与b）、一个矩形（第三个框，命名为result）及“ + ”号与“ = ”号，和一个计算结果的按钮。在“ = ”号和计算结果按钮上添加同样的单击交互动作。设置文本 → 选择目标元件为result → 点击fx → 点击两次新增局部变量 → 设置两个局部变量对应于a与b → 点击“插入变量、属性、函数或运算符” 可查看到我们新增的局部变量→ 在输入框中键入表达式 → 点击确定 → 点击完

2021-08-03 20:21:46 2277

原创前端-Axure RP9 的使用（二）

前端-Axure RP9 的使用（二）母版作用风格的统一、元件的复用。新建母版增加两个页面，母版页面及测试母版页面，在母版页面添加矩形元件。在该元件上右键可创建母版。使用母版-两种方法新增母版到页面在母版中右击刚刚新增的母版1，点击新增页面。选择测试母版页面，点击确定。直接拖拽母版至测试母版页面自适应页面作用根据窗口的分辨率自动调整页面样式实现点击页面，在样式中修改样式，设置”自动“，创建新的自适应视图集点击新增，点击预设，依次添加视图，并设置继承自

2021-08-02 19:06:22 989

原创前端-Axure RP9 的使用（一）

前端-Axure RP9 的使用（一）1、Axure的简单介绍Axure是一个用于制作快速原型并实现交互等作用的软件。元件使用方法：从元件库中拽取元件至工作区中使用，并可设置元件样式，添加状态或事件等。2、元件的基本使用i 最基本的元件ii 利用以上元件，制作一个简单的form表单——“个人信息统计”界面① 效果图仅简单实现页面布局及css样式：② 实现过程观察上图，以下标签直接从元件库中拖取获得，填充颜色及圆角在样式中自设。其中，1-6为标签元件按需修改元件文字及字号

2021-07-29 00:51:31 1171 1

将子的博客