![](https://img-blog.csdnimg.cn/20200310104809116.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
因为知识点有点碎,所以,学一点,记一点
GUI Research Group
机器学习, 生物信息
展开
-
JavaScript入门(part13)--预解析
学习笔记,仅供参考,有错必纠参考自:pink老师教案文章目录预解析预解析概述预解析案例案例1案例2案例3案例4预解析预解析概述js引擎运行js代码分为两步:预解析:js引擎会把js 里面所有的var还有function提升到当前作用域的最前面代码执行:按照代码书写的顺序从上往下执行预解析又分为:变量预解析(变量提升):就是把所有的变量声明提升到当前作用域的最前面,但不提升赋值操作函数预解析(函数提升):就是把所有的函数声明提升到当前作用域的最前面,但不调用函数预解析案例原创 2022-01-19 21:57:00 · 607 阅读 · 0 评论 -
WebAPI(part9)--下拉菜单及留言案例
学习笔记,仅供参考,有错必纠下拉菜单案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"原创 2020-12-02 07:32:50 · 238 阅读 · 0 评论 -
WebAPI(part8)--节点操作
学习笔记,仅供参考,有错必究文章目录节点操作节点概述节点层级父节点子节点兄弟节点创建节点节点操作节点概述网页中的所有内容都是节点(标签、属性、文本、注释等),在DOM 中,节点使用 node 来表示。HTML DOM 树中的所有节点均可通过 JavaScript 进行访问,所有 HTML 元素(节点)均可被修改,也可以创建或删除。一般地,节点至少拥有nodeType(节点类型)、nodeName(节点名称)和nodeValue(节点值)这三个基本属性。节点类型nodeType原创 2020-12-02 07:03:42 · 195 阅读 · 0 评论 -
a标签跳转新页面
学习笔记,仅供参考转自:纯html实现a标签跳转 新页面方法<!-- 第1种 --><a href = "" target = "blank"/><!-- 第2种 --><a onclick="window.open('http://www.baidu.com')"/>转载 2020-10-17 08:00:24 · 4388 阅读 · 0 评论 -
利用javascript onclick实现网页跳转
学习笔记,仅供参考转载自:利用javascript onclick跳转链接网页<input type=button value="跳转" onclick="window.location='你要转向的页面'"><input type="button" value="跳转" onclick="window.location.href='你要转向的页面'"> <input type="button" value="跳转" onclick="javascript:转载 2020-10-04 22:37:51 · 2866 阅读 · 1 评论 -
datalist标签
学习笔记,仅供参考,有错必纠参考自:w3school关于datalist标签<datalist> 标签定义选项列表,应该与 <input>标签配合使用该,它定义 input 可能的值;<datalist> 及其选项不会被显示出来,它仅仅是合法的输入值列表;应使用<input>标签的list属性来绑定<datalist> 。举个例子html代码:<input type="text" name="username"原创 2020-10-03 09:06:01 · 603 阅读 · 0 评论 -
关于layui下select下拉框不显示问题解决办法
学习笔记,仅供参考,有错必纠参考自:解决Layui动态生成select下拉选择框不显示问题我想在layui框架下添加一个下拉框,但是按照layui官方文档说明添加后,下拉框却不显示,代码如下: <form class="layui-form" method="POST" action=""> <div class="layui-form-item"> <label for="L_repass" class="layui-form-lab原创 2020-10-02 18:24:44 · 5581 阅读 · 0 评论 -
JavaScript入门(part12)--内置对象
学习笔记,仅供参考,有错必纠参考自:pink老师教案文章目录JavaScript入门内置对象Math对象日期对象数组对象字符串对象JavaScript入门内置对象Math对象 Math对象具有数学常数和函数的属性和方法。跟数学相关的运算(求绝对值,取整、最大值等)都可以使用 Math 中的成员,例如:属性、方法名功能Math.PI圆周率Math.floor()向下取整Math.ceil()向上取整Math.round()四舍五入,就近原创 2020-09-14 07:15:04 · 215 阅读 · 0 评论 -
JavaScript入门(part11)--对象
学习笔记,仅供参考,有错必纠参考自:pink老师教案文章目录JavaScript入门对象创建对象的三种方式利用字面量创建对象利用 new Object 创建对象利用构造函数创建对象new关键字的作用变量、属性、函数、方法总结JavaScript入门对象创建对象的三种方式利用字面量创建对象创建对象通过花括号{} 创建对象,花括号 {} 中包含了表达这个具体事物(对象)的属性和方法;{} 里面采取键值对的形式表示,例如:var Bunny = { name : 'Hu原创 2020-09-13 22:57:11 · 198 阅读 · 0 评论 -
JavaScript入门(part10)--作用域
学习笔记,仅供参考,有错必纠参考自:pink老师教案文章目录JavaScript入门作用域作用域概述全局作用域局部作用域变量的作用域全局变量局部变量全局变量和局部变量的区别作用域链JavaScript入门作用域作用域概述通常来说,一段程序代码中所用到的名字并不总是有效和可用的,而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性,增强了程序的可靠性,减少了名字冲突。全局作用域作用于所有代码执行的环境(整个script标签内部)或者一个独立的原创 2020-09-13 16:12:09 · 179 阅读 · 0 评论 -
JavaScript入门(part9)--函数
学习笔记,仅供参考,有错必纠参考自:pink老师教案文章目录JavaScript入门函数函数的概念函数的使用函数的参数函数的返回值arguments的使用函数的两种声明方式JavaScript入门函数函数的概念函数:就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用。函数的使用声明函数// 声明函数function 函数名() { //函数体代码}调用函数// 调用函数函数名(); // 通过调用函数名来执行函原创 2020-09-13 15:43:10 · 220 阅读 · 0 评论 -
JavaScript入门(part7)--流程控制
学习笔记,仅供参考,有错必纠参考自:pink老师教案文章目录JavaScript入门流程控制流程控制概念顺序流程控制分支流程控制三元表达式switch分支流程控制for循环双重for循环while循环do while循环continue/breakJavaScript入门流程控制流程控制概念在一个程序执行的过程中,各条代码的执行顺序对程序的结果是有直接影响的。很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能。流程控制主要有三种结构,分别是顺序结构、分支结构和循环结构,代表三原创 2020-09-13 06:50:29 · 203 阅读 · 0 评论 -
JavaScript入门(part6)--运算符
学习笔记,仅供参考,有错必纠参考自:pink老师教案文章目录JavaScript入门运算符运算符的分类算数运算符递增和递减运算符比较运算符逻辑运算符赋值运算符运算符优先级JavaScript入门运算符运算符的分类运算符也被称为操作符,是用于实现赋值、比较和执行算数运算等功能的符号。JavaScript中常用的运算符有:算数运算符递增和递减运算符比较运算符逻辑运算符赋值运算符算数运算符算术运算符概述浮点数的精度问题浮点数值的最高精度是 17 位小数原创 2020-09-12 22:57:28 · 135 阅读 · 0 评论 -
JavaScript入门(part5)--数据类型转换
学习笔记,仅供参考,有错必纠参考自:pink老师教案文章目录JavaScript入门获取变量数据类型数据类型转换转换为字符串转换为数字型转换为布尔型JavaScript入门获取变量数据类型typeof可用来获取检测变量的数据类型:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="原创 2020-09-12 21:18:13 · 227 阅读 · 0 评论 -
JavaScript入门(part4)--简单数据类型
学习笔记,仅供参考,有错必纠参考自:pink老师教案文章目录JavaScript入门简单数据类型数字型number数字型范围数字型三个特殊值函数isNaN字符串型string布尔型booleanundefined和 nullJavaScript入门简单数据类型JavaScript 中的简单数据类型及其说明如下:数字型numberJavaScript 数字类型既可以保存整数,也可以保存小数(浮点数):var age = 21; // 整数var Age = 21.原创 2020-09-12 20:26:29 · 207 阅读 · 0 评论 -
JavaScript入门(part3)--变量
学习笔记,仅供参考,有错必纠参考自:pink老师教案文章目录JavaScript入门变量变量声明赋值变量的初始化变量语法扩展变量命名规范JavaScript入门变量变量声明语法:var age; // 声明一个 名称为age 的变量 var是一个 JS关键字,用来声明变量,使用该关键字声明变量后,计算机会自动为变量分配内存空间。age是程序员定义的变量名,我们要通过变量名来访问内存中分配的空间。赋值语法:age = 10; // 给 age 这个变量赋值为原创 2020-09-10 14:55:25 · 222 阅读 · 0 评论 -
JavaScript入门(part2)--JS书写方式及注释
学习笔记,仅供参考,有错必纠参考自:pink老师教案文章目录JavaScript入门JS书写方式行内式内嵌式外部JS文件JS注释JavaScript入门JS书写方式JS有3种书写方式,分别为行内、内嵌和外部,下面我们将进行一一演示。行内式举个例子HTML代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta nam原创 2020-09-10 14:12:48 · 250 阅读 · 0 评论 -
JavaScript入门(part1)--初识JavaScript
学习笔记,仅供参考,有错必纠参考自:pink老师教案文章目录JavaScript入门初识JavaScriptJavaScript 是什么JavaScript的作用浏览器执行JS简介JS的组成JavaScript入门初识JavaScriptJavaScript 是什么JavaScript 是世界上最流行的语言之一,是一种运行在客户端的脚本语言 。脚本语言,即不需要编译,运行过程中由 js 解释器( js 引擎)逐行来进行解释并执行。JavaScript的作用表单动态校验(密码原创 2020-09-10 13:17:53 · 240 阅读 · 0 评论 -
CSS基础(part22)--2D转换
学习笔记,仅供参考,有错必究参考自:pink老师教案文章目录2D转换translaterotatescale2D转换2D 转换是改变标签在二维平面上的位置和形状:移动: translate旋转: rotate缩放: scaletranslatetranslate 语法:transform: translate(x, y)transform: translateX(n)transfrom: translateY(n)x 就是 x 轴上水平移动,y 就是 y 轴上水平原创 2020-09-06 13:21:25 · 223 阅读 · 0 评论 -
CSS基础(part21)--CSS3伪元素选择器
学习笔记,仅供参考,有错必究参考自:pink老师教案CSS3伪元素选择器伪类选择器:选择符简介::before在元素内部的前面插入内容::after在元素内部的后面插入内容伪类选择器注意事项:before 和 after 必须有 content 属性before 在内容前面,after 在内容后面before 和 after 创建的是一个元素,但是属于行内元素创建出来的元素在 Dom 中查找不到,所以称为伪元素伪元素和标签选择器一样,权重为 1原创 2020-09-06 12:15:28 · 195 阅读 · 0 评论 -
CSS基础(part20)--CSS3结构伪类选择器
学习笔记,仅供参考,有错必究参考自:pink老师教案结构伪类选择器属性列表:nth-child(n) 参数详解:注意:本质上就是选中第几个子元素n可以是数字、关键字、公式n如果是数字,就是选中第几个常见的关键字有 even 偶数、odd 奇数如果是第0个元素,或者超出了元素的个数会被忽略nth-child 和 nt-of-type 的区别:nth-child 选择父元素里面的第几个子元素,不管是何种类型nt-of-type 选择指定类型的元原创 2020-09-06 11:35:48 · 257 阅读 · 0 评论 -
CSS基础(part19)--CSS3属性选择器
学习笔记,仅供参考,有错必究参考自:pink老师教案CSS3属性选择器属性选择器列表:选择符简介E[att]选择具有att属性的E元素E[att="val"]选择具有att属性,且属性值等于val的E元素E[att^="val"]选择具有att属性,且属性值以val开头的E元素E[att$="val"]选择具有att属性,且属性值以val结尾的E元素E[att*="val"]选择具有att属性,且属性值中含有val的E元素举个例子原创 2020-09-06 10:53:21 · 253 阅读 · 0 评论 -
HTML基础(part8)--HTML5
学习笔记,仅供参考,有错必纠参考自:pink老师学习教案文章目录HTML5什么是HTML5HTML5 新增标签多媒体标签多媒体音频标签audio多媒体视频标签video多媒体标签总结新增input标签HTML5什么是HTML5HTML5 定义了 HTML 标准的最新版本,是对 HTML 的第五次重大修改,号称下一代的 HTML ,HTML5拥有一个强大的技术集,这些技术集是指: HTML5 、CSS3 、javascript, 这也是广义上的 HTML5。HTML5拓展的内容:语义原创 2020-09-06 09:57:07 · 226 阅读 · 0 评论 -
CSS基础(part18)--溢出的文字省略号显示
学习笔记,仅供参考,有错必纠参考自:pink老师课堂笔记文章目录溢出的文字省略号显示white-spacetext-overflow溢出的文字省略号显示三部曲举个例子溢出的文字省略号显示white-spacewhite-space设置或检索对象内文本显示方式,通常我们使用于强制一行显示内容:white-space: normal; /*默认处理方式*/white-space: nowrap; /*强制在同一行内显示所有文本,直到文本结束或者遭遇br标签对象才换行。*/text原创 2020-09-04 13:25:46 · 232 阅读 · 0 评论 -
CSS基础(part17)--vertical-align垂直对齐
学习笔记,仅供参考,有错必纠参考自:pink老师课堂笔记文章目录vertical-align垂直对齐图片、表单和文字对齐去除图片底侧空白缝隙vertical-align垂直对齐vertical-align可以控制元素垂直对齐,但它只针对于行内元素或者行内块元素,不影响块级元素中的内容对齐,我们也可以通过设置该属性控制图片/表单与文字的对齐。语法:vertical-align : baseline |top |middle |bottom 图片、表单和文字对齐我们可以通过ver原创 2020-09-04 13:00:41 · 238 阅读 · 0 评论 -
CSS基础(part16)--CSS用户界面样式
学习笔记,仅供参考,有错必纠参考自:pink老师课堂笔记文章目录CSS用户界面样式鼠标样式cursor轮廓线outline防止拖拽文本域resizeCSS用户界面样式鼠标样式cursor设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状:属性值描述default小白 默认pointer小手move移动text文本not-allowed禁止HTML代码:<ul> <li style="curs原创 2020-09-04 11:56:51 · 284 阅读 · 0 评论 -
CSS基础(part15)--元素的隐藏与显示
学习笔记,仅供参考,有错必纠参考自:pink老师学习笔记文章目录元素的隐藏与显示display显示visibility可见性overflow溢出显示与隐藏总结元素的隐藏与显示display显示语法:display: none /*隐藏对象*/display:block /*除了转换为块级元素之外,同时还有显示元素的意思。*/display可以设置或检索是否显示对象,display设置元素隐藏之后,将不再保留位置:实际开发场景:配合js做特效,比如下拉菜单。visibi原创 2020-09-04 11:20:43 · 253 阅读 · 0 评论 -
CSS基础(part14)--定位
学习笔记,仅供参考,有错必纠参考自:pink老师学习笔记文章目录定位CSS 布局的三种机制定位详解边偏移定位模式 (position)静态定位(static)相对定位(relative)绝对定位(absolute)固定定位(fixed)使绝对定位的盒子居中堆叠顺序(z-index)定位改变display属性定位小结定位CSS 布局的三种机制CSS 提供了 3 种机制来设置盒子的摆放位置,分别是普通流、浮动和定位,其中被定位的盒子, 自由的漂浮在其他盒子的上面:由上图可知,标准流在最底原创 2020-09-04 10:15:04 · 215 阅读 · 0 评论 -
CSS基础(part13)--浮动
学习笔记,仅供参考,有错必纠参考自:某不知名网课文章目录浮动CSS布局的三种机制为何需要浮动(float)浮动的语法浮动的3种特性浮动元素与父盒子的关系浮动元素与兄弟盒子的关系清除浮动为什么要清除浮动清除浮动的方法浮动CSS布局的三种机制CSS 提供了 3 种机制来设置盒子的摆放位置,分别是普通流(标准流)、浮动和定位,其中:普通流(标准流)块级元素会独占一行,自上向下顺序排列;常用元素:div、hr、p、h1~h6、ul、ol、dl、form、table行内元素会按原创 2020-08-30 22:05:46 · 407 阅读 · 0 评论 -
CSS基础(part12)--盒子模型之外边距
学习笔记,仅供参考,有错必纠参考自:某不知名网课文章目录盒子模型外边距属性设置块级盒子水平居中文字居中以及盒子居中插入图片和背景图片的区别清除元素的默认内外边距外边距合并(只存在垂直方向合并)盒子模型外边距margin属性用于设置外边距, margin就是控制盒子和盒子之间的距离:属性设置属性作用margin-left左外边距margin-right右外边距margin-top上外边距margin-bottom下外边距marg原创 2020-08-30 12:45:26 · 561 阅读 · 0 评论 -
CSS基础(part11)--盒子模型之内边距
学习笔记,仅供参考,有错必纠参考自:某不知名网课文章目录盒子模型内边距(padding)属性设置内盒尺寸计算padding什么时候不影响盒子大小盒子模型内边距(padding)padding属性用于设置内边距, 是指边框与内容之间的距离。属性设置属性作用padding-left左内边距padding-right右内边距padding-top上内边距padding-bottom下内边距注意,当我们给盒子指定padding值之后,内原创 2020-08-30 09:22:42 · 394 阅读 · 0 评论 -
CSS基础(part10)--盒子模型之边框
学习笔记,仅供参考,有错必纠参考自:某不知名网课文章目录盒子模型盒子模型简介边框(border)边框属性举个例子边框综合设置盒子边框写法总结表边框重叠设置盒子模型盒子模型简介盒子模型有元素的内容(content)、边框(border)、内边距(padding)、和外边距(margin)组成:比如,我们打开京东首页:查看中间月饼宣传图片的元素:可以看到,只有内容(content)部分显示为590×470590 \times 470590×470,其他部分都标识为 - ,这表示除原创 2020-08-30 00:08:29 · 379 阅读 · 0 评论 -
CSS基础(part9)--CSS背景
学习笔记,仅供参考,有错必纠文章目录CSSCSS背景背景颜色(color)背景图片(image)背景平铺(repeat)背景位置(position)背景附着(attachment)背景简写背景透明(CSS3特性)CSSCSS背景背景颜色(color)语法:background-color:颜色值; 默认值为transparent(透明)背景图片(image)语法:background-image : none | url (url) 参数none:无背景图(默认的)原创 2020-08-29 18:18:54 · 379 阅读 · 0 评论 -
CSS基础(part8)--文本外观属性
学习笔记,仅供参考,有错必纠文章目录CSS文本外观属性color:文本颜色letter-spacingword-spacingline-heighttest-decorationtext-aligntext-indentwhite-spaceword-breakCSS文本外观属性color:文本颜色color属性用于定义文本的颜色,其取值方式有如下3种:预定义的颜色值,如red, green, blue等十六进制,如#FFFFFF, #29D794等RGB代码,如rgb(255,原创 2020-06-29 20:52:39 · 1940 阅读 · 4 评论 -
CSS基础(part7)--字体样式属性
学习笔记,仅供参考,有错必纠参考自:CSS中文文档文章目录CSSCSS的长度单位字体样式属性font-sizefont-family注意事项如何把中文转换为Unicode编码格式中英Unicode对应衬线体与无衬线体举个例子font-weightfont-stylefont:综合设置字体样式CSSCSS的长度单位绝对长度cm:厘米mm:毫米in:英寸pc:派卡相对长度px:像素点,像素就是显示器显示的一个点;若把影像放大数倍,会发现这些连续色调其实是由许多色彩原创 2020-06-29 15:37:39 · 481 阅读 · 0 评论 -
CSS基础(part6)--CSS的颜色表示
学习笔记,仅供参考,有错必纠参考自:CSS中文文档文章目录CSSCSS的颜色表示命名颜色RGB颜色表示法十六进制颜色表示法CSSCSS的颜色表示命名颜色直接拿颜色的英文形式作为color的属性值,比如:red, black, white, green, silver等等。举个例子<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&原创 2020-06-29 09:01:51 · 282 阅读 · 0 评论 -
CSS颜色大全
转载自:css 英文颜色大全被转载者:无盐海命名颜色表示法redgreenbluemagentayellowchocolateblackaquamarinelimefuchsiabrassazurebrownbronzedeeppinkalicebluegraycoppercoralfeldsparorangeorchidpinkplumquartz转载 2020-06-29 08:35:07 · 1047 阅读 · 0 评论 -
CSS基础(part5)--display
学习笔记,仅供参考,有错必纠文章目录CSS标签的类型(显示模式)块元素行元素display改变标签显示模式CSS标签的类型(显示模式)HTML标记一般分为块标记和行内标记2种类型,它们也称块元素和行内元素。块元素每个块元素通常都会独自占据一整行或多整行,可以对其设置宽度、高度、对齐等属性,常用于网页布局和网页结构的搭建。块级元素容器可以容纳多个嵌套的块级标签或行内标签。常见的块元素有 <h1> ~ <h6>, <p>, <div>原创 2020-06-29 08:15:07 · 214 阅读 · 0 评论 -
CSS基础(part4)--CSS的层叠性继承性优先级
学习笔记,仅供参考,有错必纠参考自:CSS中文文档文章目录CSSCSS层叠性CSS继承性CSS的优先级(特殊性)复合选择器的优先级关于优先级权重的注意事项CSSCSS层叠性所谓层叠性是指多种CSS样式叠加的处理方案。举个例子<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>层叠性</title> <style原创 2020-06-28 23:40:55 · 553 阅读 · 0 评论 -
CSS基础(part3)--伪类及伪元素
学习笔记,仅供参考,有错必纠参考自:CSS中文文档文章目录CSS伪类伪元素`:first-line``:first-letter``:first-child``:before` 和`:after`CSS伪类伪类意义:link伪类将应用于未被访问过的链接:hover伪类将应用于有鼠标指针悬停于其上的元素:active伪类将应用于被激活的元素,如被点击的链接、被按下的按钮等。:visited伪类将应用干己经被访问过的:focus伪类将应用于原创 2020-06-28 20:50:16 · 299 阅读 · 0 评论