- 博客(27)
- 收藏
- 关注
RSS订阅原创 BS
Bootstrap框架基础及全局CSS样式1.使用BS方法 1）本地引入（必须先下载） a.引入bootstrap.css或bootstrap.min.css <link rel="stylesheet" type="text/css" href="css/bootstrap.css" /> b.引入JS（如果不使用插件，不需要引入JS）bootstrap.js或bootstrap.min.js。 注意：bootst
2021-05-10 13:47:18
308
原创 JSON
JSON JSON(JavaScript Object Notation：JS对象简谱）是一种轻量级的数据交换格式。 JSON是ECMA制定的一个数据表示规范，是ECMAScript的一个子集。采用独立于编程语言的文本格式来存储和表示数据。 表示数据结构清晰、简洁、易于阅读和解析。 逐渐取代了XML数据格式。 它实际上就是一个对象或数组，或对象中含有数组，或数组中含有对象。2.JSON的表示方式1）对象表示 var obj = {
2021-03-31 14:52:45
112
原创 ajax请求操作步骤
1.Ajax1）什么是Ajax？ ajax(Asynchronous Javascript And Xml:异步的JavaScript和XML）,目的是让JavaScript发送http请求， 与后台通信，获取数据和信息。 Ajax技术的原理是实例化xmlhttp对象，使用此对象与后台通信。在通信过程中不会影响后续的JS的执行，从而实现异步操作。2）同步和异步 同步就是做完一件事（任务）后再做另一件事，后一件的执行依赖于前一件事件的完成。同
2021-03-31 14:48:16
219
原创 尺寸
尺寸1）获取和设置元素的尺寸 $(dom).width()/height() 获取元素的宽度/高度 $(dom).innerWidth()/innerHeight() 获取包括padding的宽度/高度 $(dom).outerWidth()/outerHeight() 获取包括padding和border的宽度/高度 $(dom).outerWidth(tr
2021-03-31 14:41:58
72
原创 导航栏：navbar
导航栏：navbar导航栏容器可以包含以下几个常用组成：1、品牌LOGO（.navbar-brand ）navbar-brand默认是放文字的,也可以放图片，但必须是小图片,如果图片太大，位置就会靠下.2、导航菜单（.navbar-nav）.navbar——设置nav元素为导航条组件；.navbar-default——指定导航条组件为默认主题；.navbar-inverse——指定导航条组件为黑色主题；.navbar-fixed-top——设置导航条组件固定在顶部；.navbar-fixe
2021-03-31 14:40:54
3788
原创 DOM
DOM节点的名称节点类型 nodeName元素节点的 标签名相同属性节点的 属性名相同文本节点的 #text文档节点的 #document节点的值节点类型 nodeValue元素节点的 是 undefifined 或 null文本节点的 文本本身属性节点的 属性值节点的类型元素类型 nodeType元素 1属性 2文本 3注释 8文档 9节点操作a)获取节点通过ID获取节点 【返回具体某个节点】
2021-03-31 14:36:48
55
原创 选择器
选择器1）基本选择器 id: #id class: .class element: element * 选择所有标签（项目开发时，不要用，因为它要匹配完所有的标签，性能差） , 选择多个DOM2）层次选择器 选择器1 选择器2：选择选择器1的所有的后代元素（选择器2） 选择器1>选择器2：只选择选择器1的子元素 选择器1+选择器2：选择紧挨着选择器
2021-03-30 21:23:36
98
原创 使用JQuery
使用JQuery1）本地引入<script src="./js/jquery-3.3.1.min.js"></script> 2）CDN引入 <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.0/jquery.js"></script>`` **注意：JQ必须先引入，然后才能调它的API。可以在head标签中引入，也可以在最后引入，一般在最后引入。**...
2021-03-30 21:23:14
54
原创 事件
事件 click() 鼠标单击 mouseover() 鼠标进入（进入子元素也触发） mouseout() 鼠标离开（离开子元素也触发） mouseenter() 鼠标进入（进入子元素不触发） mouseleave() 鼠标离开（离开子元素不触发） keydown() 按下键盘键 keyup() 松开键盘键 keypress() 从键盘输入字符 focus() 元素获得焦点 blur() 元素失
2021-03-30 21:10:56
88
原创 对象
1、对象定义 a)new构建 new Object（）； b)字面量定义 var obj={ key:value,//属性 fn:function(){ //方法 ……}}2、对象引用 a)对象名.属性名 对象名.方法名（【实参列表】）b)对象名【属性名】//当属性名为一个变量时，只能用【】去取值，且不能加引号，因为他是变量 对象名【方法名】3、定义数组：a、使用 Array 构造函数创建：var arr01 = new
2021-03-30 21:09:04
61
原创 which和if区别
switch与if区别： switch一般用于获取结果的简单条件的判断，而if一般用于复杂的条件判断； if能实现的条件判断，switch不一定能实现，switch能实现的条件判断，if也一定能；
2021-03-30 21:03:42
783
原创 浮动
1.什么是浮动1.什么是浮动 浮动就是让块级标签不独占一行。目的（使用场景）：把块级标签元素可以排在一行上2、浮动的原理 就是让元素脱离文档流，不占用标准3、浮动后，不管是后面的块级元素还是行级元素不会显示在下一行4、清除浮动 目的：让后面的元素自动掉到下一行 方法： 1）添加空标签，并设置样式：clear：both； clear:left 清除左浮动 clear:right 清除右浮动 clear:both 清除左右浮动 clea
2021-03-30 21:00:47
58
原创 displayblock详解
display:block详解1、每一个元素都有默认的display属性值，比如div元素，它的默认display属性值为“block”，成为“块级”元素(block-level)；而span元素的默认display属性值为“inline”，称为“行内”元素。**2、块级元素：占据一定矩形空间，可以通过设置高度、宽度、内外边距等属性，来调整的这个矩形； 行内元素 ：自己的独立空间，它是依附于其他块级元素存在的，因此，对行内元素设置高度、宽度、内外边距等属性，都是无效的。3、例子：链接 a 元
2021-03-30 20:57:25
3332
原创 font复合属性、css背景、样式权重
css字体1、font复合属性: font：font-style（文字样式normal，italic，oblique） font-variant(大写字母变小) font-weight（加粗） font-size /line-height（大小/行高） font-family（字体）2、css背景 1）background-color:背景色（transparent/color） 2) background-image:背景图（none/url) 3) background-r
2021-03-30 20:45:59
721
原创 CSS 子元素选择器
CSS 子元素选择器1、css子元素选择器如果您不希望选择任意的后代元素，而是希望缩小范围，只选择某个元素的子元素，请使用子元素选择器（Child selector）。例如，如果您希望选择只作为 h1 元素子元素的 strong 元素，可以这样写：h1 > strong {color:red;}这个规则会把第一个 h1 下面的两个 strong 元素变为红色，但是第二个 h1 中的 strong 不受影响：2、css兄弟选择器如果需要选择紧接在另一个元素后的元素，而且二者有相同的父元素，可
2021-03-30 20:44:04
7934
原创 ps精灵图
ps精灵图1PS是用来处理位图的，而AI是用来处理矢量图的。2.位图和矢量图 位图是由像素点组成的，文件较大，放大会失真，一般用来表示人物、风景等；矢量图是由线条组成的，文件较小，放大后不会失真，一般用来表示工程图等，是由若干个几何图形拼合而成。3.分辨率 又叫解析度、解像度。可分为显示分辨率、图像分辨率、打印分辨率和扫描分辨率等。 图像分辨率就是单位英寸中所包含的像素点数。分辨率越高意味着图像越清晰，但这个图像文件也越大。4.位分辨率 又叫色彩深度或位深度，批一个像素中，每个颜色分
2021-03-28 18:47:27
401
原创 分栏和flex弹性布局、响应式布局、媒体查询、图标字体
1.多列（分栏） 1）column-count 规定元素应该被分隔的列数（栏数）。 column-count: number|auto; 2）column-gap 设置栏间距。 column-gap: length|normal; 3）column-rule 设置栏间分隔线。 a)column-rule-style：设置线型。 none 没有分隔线 hidden 隐藏线
2021-03-28 18:42:39
344
原创 transition:过渡动画
transition:过渡动画1）常规用法： transition-property transition-duration transition-timing-function transition-delay 2）简洁（复合）用法： transition: property-name-list|all duration timing-function delay;a）可以使用的属性有：
2021-03-28 15:21:02
119
原创 2D和3D变换
2D和3D变换rotate(angle)方法通过 rotate() 方法，元素顺时针旋转给定的角度。允许负值，元素将逆时针旋转。/值 rotate(30deg) 把元素顺时针旋转 30 度。/transform: rotate(30deg);translate(x,y)方法通过 translate() 方法，元素从其当前位置移动，根据给定的 left（x 坐标） 和 top（y 坐标） 位置参数。/值 translate(50px,100px) 把元素从左侧移动 50 像素，从
2021-03-28 15:18:19
184
原创 css3
css31.CSS3不是属于浏览器或同一浏览器的不同版本都支持，所以需要兼容处理，通常的做法就是加厂商前缀。 1）主流浏览器内核（面试点） a)Trident: IE内核 b)Webkit：Chrome和Safari内核 c)Gecko：FireFox内核 d)Blink（是Webkit的一个分支）： Chrome和Opera内核 Tips（技巧）: 目前国内的浏览器大多都是双核的（IE内核+Chro
2021-03-28 15:14:39
64
原创 HTML5
HTML51、HTML5多媒体（1）audio： 播放音乐或音频。IE9以下的版本不支持a:支持的格式：.MP3/.ogg/.wavb:属性 src:文件路径autoplay：自动播放controls：控制条muted：静音preload：预加载（当使用autoplay时，preload自动失效）(2)video视频a: 属性：src:文件路径autoplay：自动播放loop：循环controls：控制条muted：静音preload：预加载（当使用autoplay时，pr
2021-03-28 14:53:18
68
原创 css定位布局
css定位布局 1）relative：相对定位 占用标准流（文档流），它会出现在文档流中它该出现的位置。可以通过设置偏移值改变其位置。 它相当于自身所占的位置偏移。 2）absolute：绝对定位 脱离文档流，相对于body做偏移 绝对定位一般与相对定位结合使用，它相对的父级是relative定义的元素做偏移。relative的元素必须是absolute的父级。在项目开发中，一般使用relative+absol结合使用。2、z-index 当多个元素添加绝对定位，元素会叠加在
2021-03-28 14:48:24
49
原创 Pycharm调整编辑区和控制台的大小
编辑区：单击Fil菜单，选择Setting，打开Setting窗口，在左侧单击Editor，在下拉菜单中，单击font，右侧窗口最上边的font和size，分别是当前代码区的字体和大小。控制台：单击Fil菜单，选择Setting，打开Setting窗口，在左侧单击Editor，在下拉菜单中，然后单击color schema，选择console font，右侧窗口最上边的font和size，分别...
2020-03-31 17:44:28
4431
原创 if语句知识点总结
and将两个条件语句合二为一；or检查多个条件；not in确定特定的值是否包含在列表中布尔表达式的结果要么为True要么是Falsepython只执行if-elif-else结构中的一个代码块；如果执行多个代码块，使用一系列独立的 if语句最简单的if语句只有一个测试和一个操作if conditional_text:dosomething在if语句将列表名用在条件表达式中，pytho...
2019-12-24 16:49:09
801
原创 三目运算法的应用
#include<stdio.h>int main( ){int x=5; //定义一个整数变量int y=++x>5?0:1; //通过三目运算符对x进行运算//判断++x是否大于5，若大于5则将0赋予变量y，否则将1赋予变量yprintf("%d,%d\n",x,y);return 0;}...
2019-12-24 15:32:51
142
原创 if（）括号里的表达式如果是赋值语句
if（）括号里的表达式如果是赋值语句。非零即真 ，例如if（a=5){b=3;c=5;}else d=3;这个表达式永远没有执行else的机会。将5赋值给a，此时a=5，逻辑表达式为真，执行if语句。if（a=0){b=3;c=5;}else d=3;将0赋值给a，此时a=0,逻辑表达式为假，执行else语句。#include<stdio.h>int ...
2019-12-23 11:57:23
12384
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人