- 博客(21)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 JS变量和作用域
JS变量和作用域1、查漏补缺1、变量名$ _ 字母 数字，数字不能开头$undescore: _ _.each();//命名要有意义button_confirm button_cancelbuttonConfirm buttonCancel2、变量的声明var score;score=98;//等价于var score=undefinedscore = 98;//多个变量命名var xmScore=98;var xhScore=97;//等价于var xmSc
2020-06-09 00:02:38
111
原创 前端基础知识-数组
数组与 其他语言不同的是，在ECMAScript数组的每一项都可以保存任何类型的数据并且数组的大小也是可以动态调整的1、创建数组的基本方式1、使用Array构造函数var colors = new Array();如果知道数组要保存的项目数量，可以给构造函数传递该数量var colors = new Array(20);也可以想Array构造函数中传递数组中应该包含的项var colors = new Array("red","blue","black");2、使用字面
2020-06-06 16:21:08
234
原创 前端基础知识-JavaScript语法
JavaScript语法1、JavaScript的注释和分号1、注释单行注释：//多行注释： /**/语句的结束使用分号2、语法区分大小写3、标识符变量、函数、属性的名字，或者函数的参数，都叫做标识符标识符的命名规则由字母、数字、下划线（_）或者（$）组成不能以数字开头不能使用关键字、保留字等作为标识符2、变量变量：松散类型可以用来保存任何数据类型的数据每个变量仅仅是一个用于保存值得占位符1、变量的声明变量的声明要是用var操作符语法：var
2020-06-05 21:37:01
99
原创 前端基础知识-正则表达式
正则表达式1、正则表达式用于定义一些字符串的规则计算机可以根据正则表达式，来检查一个字符串是否符合规则获取将字符串中符合规则的内容提取出来1、创建正则表达式语法：var 变量 = new RegExp(“正则表达式”,“匹配模式”);在构造函数中，可以传递一个匹配模式作为第二个参数可以是一下内容i 表示忽略大小写g 表示全局匹配模式var reg = new RegExp();2、正则表达式test方法test（）使用这个方法用来检测一个
2020-06-04 01:22:13
109
原创 前端基础内容（九）
css基础知识-背景1、background-imagebackground-image: url();可以同时设置背景图片和背景颜色如果背景图片小于元素，则背景图片会自动在元素中平铺，将元素铺满如果背景图片大于元素，将会一部分背景无法显示2、background-repeat: ;用来设置背景的重复方式repeat 默认值，背背景会沿着x轴和y轴双方向重复repeat-x 沿着X轴重复repeat-y 沿着Y轴重复no-repeat 不重复，图片有多大就显示多大3
2020-05-28 23:33:07
69
原创 前端基础内容（八）
CSS基础内容补充1、字体color 用来设置字体颜色font-size 设置字体的大小和font-size相关的单位em：相当于当前元素的的一个font-sizerem：相当于根元素的一个font-sizefont-family：字体的格式可以同时指定多个字体指定字体的类别，浏览器会自动使用该类别下面的字体serif 表示衬线字体san-serif 非衬线字体monospace 等宽字体（常用字体） /* 尽量避免去使用
2020-05-27 01:06:14
75
原创 前端基础内容（七）
css定位（position）更加高级的布局手段通过定位可以将元素摆放到页面的任意位置static：默认值，静止的，没有开启定位relative：相对定位absolute：绝对定位fixed：固定定位sticky：粘滞定位1、相对定位（relative）当元素的position属性值设置为relative时，则开启了元素的相对定位特点设置相对定位之后，如果不设置偏移量，元素不会发生任何变化相对定位是参照元素在文档流中的位置进行定位的。相对定位会提升元素的层级相对定位
2020-05-25 23:51:23
85
原创 前端基础内容（六）
CSS浮动1、浮动通过浮动，可以使一个元素向其父元素的左侧或者右侧移动使用***float***属性来设置浮动none：不浮动left：向左浮动right：向右浮动元素设置浮动以后（非none），水平布局的等式不需要强制成立元素设置浮动以后，会完全从文档流中脱离，不在占用文档流位置所以元素下面的还在文档流中的元素会向上移动浮动的特点：浮动的元素会完全脱离文档流，不再占据文档流中的位置设置浮动以后，元素会向父元素的左侧或者右侧移动浮动元素默认不会从父元素中移出浮动元
2020-05-25 00:47:11
79
原创 前端基础内容（五）
css布局1、文档流文档流网页是一个多层的结构，一层摞着一层通过CSS可以分别为每一层来设置样式作为用户只能看到最上面一层这些层中，最底下的一层称之为***文档流***，文档流是网页的基础我们所创建的元素，默认都是在文档流中进行排列对于元素主要有两个状态在文档流中不再文档流中（脱离文档流）元素在文档文档流中的特点块元素块元素会在页面中独占一行（自上向下排列）默认宽度是父元素的全部(会把父元素撑满)默认高度是被子元素撑开行内元素不会独占一行，只占自身
2020-05-24 09:18:45
225
原创 前端基础内容（四）
CSS基础知识（二）1、继承我们为一个元素设置的样式同时也也会应用到他的后代元素发生在祖先元素和后代元素之间的并不是所有样式都会继承背景相关布局相关的，都不会继承2、选择器的权重样式冲突：当通过不同的选择器选择相同的元素，并且为相同元素设置不同的属性值。当发生冲突时，由选择器的权重决定。内联样式 1.0.0.0id选择器 0.1.0.0类、伪类选择器 0.0.1.0元素选择器
2020-05-22 00:56:29
74
原创 前端基础内容（三）
CSS基础内容（一）1、常用选择器1、元素选择器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> /* 将所有的段落设置成红色 -元素选择器 根
2020-05-21 01:00:50
131
原创 前端基础内容（二）
前端基础内容（二）1、实体&实体的名字;https://www.w3school.com.cn/tags/html_ref_entities.html2、meta标签设置网页的元数据https://www.w3school.com.cn/tags/tag_meta.asp<!DOCTYPE html><html lang="en"><head> <!-- meta标签主要设置网页的元数据
2020-05-19 23:33:03
311
原创 前端基础内容（一）
前端基础内容（一）1、网页的结构根据w3c标准，一个网页主要有三部分组成：结构、表现、行为结构（☆）：HTML用于描述网页的结构表现（☆☆）：CSS用于控制页面元素的样式行为（☆☆☆☆☆）：JavaScript用于响应用户的操作2、结构HTML超文本标记语言html使用***标签***的形式来标识网页中的组成部分所谓超文本指的是超链接，使用***超链接***可以让我们从一个页面跳转到另一个页面3、编写第一个网页<!--根标签--><html>
2020-05-19 01:28:52
142
原创 jQuery-过滤与查找
jQuery-过滤与查找1、遍历查找祖先的方法（向上遍历DOM树）需要了解的是，祖先指的是父、祖父、曾祖父等等1、查找直接父元素的方法：parent（）<body> <div class="box1"> <h3>这是一个h3标签</h3> <p>这是一个p标签</p> <p>这是第二个p标签</p> <div class="in
2020-05-15 11:28:02
126
原创 jQuery-选择器
jQuery - 选择器<div id="first" class="first div">first div element</div><div id="second" class="second div">second div element</div><div id="third" class="third div" >third div element </div>1、基本选择器1、ID选择器$(document)
2020-05-14 11:50:20
194
原创 CSS权威指南（第三版）笔记
css权威指南1、css和文档 这段内容，主要介绍的是css的一个发展历程，web的衰落，css作为救星迅速成长起来。1）元素替换元素 用来替换元素内容的部分并非由文档内容直接表示。（img，input标签）非替换元素 内容由用户在元素本身生成的框中显示。大部分标签都是非替换元素元素显示角色块级元素行内元素2）结合CSS和XHTMLlink标记style元素@import2、选择器1、元素选择器2、通配选择器3、类选择器和ID选择器id
2020-05-09 17:25:52
171
原创 前端基础 - float浮动和position定位
float浮动基础知识会使元素左右移动，但不能上下移动浮动元素碰到另一个浮动元素，浮动停止浮动元素之后的元素将围绕他，之前的不受影响浮动会脱离标准流语法float：leftfloat：right清除浮动clear：none | left | right | both方法一：在浮动元素之后使用一个空元素 <style> .clea...
2020-04-30 00:25:29
289
原创 前端基础 - CSS背景和列表
背景样式设置元素的背景颜色设置元素的背景图片1、背景颜色background-color：颜色|transparent|rgba(0,0,0,0)背景区域包括内容、内边距、和边框，但不包括外边距2、背景图片background-image：URL|noneurl地址可以使相对地址，也可以是绝对地址默认的，背景图片位于元素的左上角，并且在水平和垂直方向重复背景区域包括内...
2020-04-29 20:46:28
133
原创 前端基础 - 盒子模型
盒子模型盒子模型的概念盒子模型用来放网页中的各种元素网页设计中的内容，如文字，图片等元素，都可以是盒子宽度属性width：px / % / automax-width：最大宽度min-width：最小宽度高度属性height：px / % / automax-height：最大高度min-height：最小高度哪些元素可以设置高度和宽度块级元素和替换元素才可...
2020-04-29 00:05:21
272
原创 前端基础-HTML表单
1、表单定义 表单（form）是HTML的一个重要组成部分，主要用于采集和提交用户输入的信息。工作原理语法（表单本身不会在页面中显示出来） //form表单本身不会在页面中显示出来 <form> //表单元素 </form>2、表单中常用的标签1、input标签type=“text” 文本框单行文本域的属性...
2020-04-27 23:39:40
186
原创 前端基础内容
1、HTML基本结构基本结构包括：HTML文件头部信息网页内容2、文档声明和META标签1） ！DOCTYPE文档声明a.声明必须在HTML文档的第一行b.声明不是HTML标签2） META标签，可提供有关页面的元信息转载的这篇博客里面介绍的很详细，可作为参考https://blog.csdn.net/yc123h/article/details/51356143标...
2020-04-27 20:40:50
92
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人