- 博客(31)
- 收藏
- 关注
RSS订阅原创 JS使用数组方法进行排序
选出一个位置 这个位置上的数字 和后面所有的数字进行比较 如果比较大小就互相交换位置。var nums=[4,14,5,2,11,6] //升序。从左到右 数组中相邻的两个元素进行比较 较大放到后面。每一轮比较 都可以找出一个较大的数 放在正确的位置。每一轮都会选出一个最小的数 放在正确的位置。每一轮比较的次数=数组长度-当前的轮数。每一轮比较次数=数组长度-当前轮数。比较的轮数=数组的长度-1。比较的轮数=数组长度-1。sort最简单的排序方法。
2024-04-08 11:34:42
299
原创 JavaScript事件
延迟执行的原因是苹果最早在手机上做了一个事件，当双击页面的时候，页面放大，也就是说，在点击页面的300ms之内，如果没有在此触发点击，则认为是单击事件，如果在此触发则认为是双击事件。PC端事件： 鼠标类：click，mouseover，mouseout，mouseleave，mouseenter，mouseup，mousedown 键盘类：keydown，keyup 其他类：blur，focus，change，load 但是对于移动端来说，是不存在鼠标事件和键盘事件的，因为移动端是没有鼠标和键盘的；
2023-11-18 16:51:00
50
原创 JavaScript对象
javascript中的对象分为3种：自定义对象，内置对象，浏览器对象JavaScript 中的所有事物都是对象：字符串、数字、数组、日期，等等。在 JavaScript 中，对象是拥有属性和方法的数据。属性是与对象相关的值。方法是能够在对象上执行的动作。.关键词（）
2023-11-18 14:25:26
40
原创 自定义函数
function 函数名 (参数1，参数2……[形参]){<语句块>return 返回值var 函数名 = new Function(“参数1”，”参数2”，”参数3”……”函数体”);1. 在使用Function()构造函数的时候，第一个字母要大写2. Function()构造函数只能在JavaScript 1.1或更高版本中使用3. 每次调用构造函数时都会解析函数体，并且创建一个新的函数对象，效率非常底var 函数名 = function (参数1，参数2，…){函数体};
2023-11-16 11:14:32
77
原创 JSON数据类型
JSON：JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。主要作用： JSON 是用于存储和传输数据的格式。JSON 通常用于服务端向网页传递数据。定义复杂的json格式。
2023-10-30 20:10:31
26
原创 JavaScript基础语法及数据类型
JavaScript是用于实现用户交互,动态控制浏览器操作、创建cookies等网页行为的跨平台、跨浏览器的由浏览器解释执行的客户端脚本语言。
2023-10-26 19:07:50
83
原创 rem布局
rem（font size of the root element）是指相对于根元素的字体大小的单位。看到rem大家一定会想起em单位，em（font size of the element）是指相对于父元素的字体大小的单位。它们之间其实很相似，只不过一个计算的规则是依赖根元素一个是依赖父元素计算。例:html 设置font-size:16px 1rem = 16px。那么640px = 640/16 =40rem。首先，给页面的html定义一个100px的。案例：rem相对于html来设置大小。
2023-10-26 18:57:05
17
原创 流式+圣杯布局
流式布局，就是百分比布局，也称非固定像素布局，是一种等比例缩放布局方式，在CSS代码中使用百分比来设置宽度。通过将盒子的宽度设置成百分比，从而根据屏幕的宽度来进行伸缩，不受固定像素的限制，内容向两侧填充。
2023-10-26 18:51:37
20
原创 css3多列布局
column-width： | auto 设置对象的宽度；使用像素表示。auto：根据<'column-coount'>自定分配宽度。
2023-10-26 18:40:57
33
1
原创 CSS布局模式
表格的Cellpadding：设置表格中的单元格内容（如：文字等）离单元格边线的距离 表格的cellspacing：设置表格中单元格之间的间距 （3）针对局部复杂的布局，可以在单元格里面再嵌套表格，嵌套表格划分局部的空间。**优点: ** 这种布局方式不管是对资深的前端开发工程师还是刚入门的小白来说都是最简单的，最让人容易以接受、学习的，没有我们所说的兼容性的问题。页面上的布局是按最初写代码时候的布局方式进行布局的，常规的pc网站是进行设置了宽度值进行布局的，不会随着pc端的屏幕的大小而变化。
2023-10-25 12:01:21
32
1
原创 css3-2D+3D效果
CSS3选择器，CSS3实现圆角（border-radius），阴影（box-shadow），对文字加特效（text-shadow），线性渐变（gradient），2D变形（transform），3D效果，animate动画，媒体查询，多栏布局，弹性盒子。
2023-10-25 11:44:47
31
1
原创 css3新增选择器
CSS3是CSS（层叠样式表）技术的升级版本，于1999年开始制订，2001年5月23日W3C完成了CSS3的工作草案，主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效（阴影）、多栏布局（display:flex）、2D3D和动画等模块。
2023-10-25 10:12:45
18
1
原创 html5
在HTML4中，一个表单内的所有元素只能通过表单的action属性被统一提交到另一个页面，而在HTML5中可以为所有的提交按钮，增加不同的formaction属性，使单击不同的按钮时可以将表单提交到不同的页面。在HTML4中，表单内的从属元素必须写在表单的内部，而在HTML5中，可以把他们书写在页面上的任何地方，然后为该元素指定一个form属性，属性值为表单的id，这样就可以声明该元素的从属指定表单了。在HTML5中，表单元素所具有的默认提示，可以使用placeholder去进行设置。
2023-10-25 09:23:32
19
1
原创 CSS透明
rgba() 方法与opacity方法可以实现透明度效果rgba()只作用于元素的颜色或其背景色（设置了rgb(）透明度元素的子元素不会继承其透明效果）opacity具有继承性，既作用于元素本身，也会使元素内的所有子元素具有透明度。
2023-10-25 09:08:24
143
1
原创 隐藏元素的6种方式
语法：position:absolute;top:-当前元素的高度；left：-当前元素的高度 注意： 元素消失，不会占据空间。语法：visibility:hidden 隐藏 / visible显示 注意： 元素消失，但是还会占据空间。语法：width:0;注意： 元素消失，但是还会占据空间。语法：transform:scale(0) 注意：元素消失，但是还会占据空间。语法：display:none 注意：元素消失，不会占据空间。语法：opacity:0 注意：元素消失，但是还会占据空间。
2023-10-25 09:07:04
50
1
原创 CSS定位
position 属性指定了元素的定位类型。static 静态定位【默认值】relative 相对定位absolute 绝对定位fixed 固定定位sticky 粘性定位。
2023-10-25 09:05:24
26
1
原创 CSS浮动
float 属性定义元素向哪个⽅向浮动。之前这个属性应⽤于图像，使⽂本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会⽣成⼀个块级框，⽽不论它本身是何种元素。none 默认值，不浮动left 左浮动right 右浮动。
2023-10-25 09:03:18
30
1
原创 flex弹性盒子
语法：主轴起点对齐 主轴起点对齐主轴终点对齐 主轴终点对齐居中两端对齐，项目之间的间隔都相等。两端对齐，项目之间的间隔都相等。每个项目两侧的间隔相等。所以，项目之间间隔比项目与边框间隔大一倍。每个项目两侧的间隔相等。所以，项目之间间隔比项目与边框间隔大一倍可以使每个元素之间和元素距离边距的距离都相等，但是兼容性比较差。
2023-10-12 15:24:09
24
原创 CSS光标属性
cursor 属性规定要显示的光标的类型（形状）。该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状（不过 CSS2.1 没有定义由哪个边界确定这个范围）。
2023-10-12 14:29:32
55
原创 CSS背景属性
background-origin 属性规定 background-position 属性相对于什么位置来定位。注意：如果背景图像的 background-attachment 属性为 "fixed"，则该属性没有。background-image 属性设置元素的背景图⽚，元素的背景占据了元素的全部尺⼨，包括内边距和边框，但不包括外边距。background-position 属性设置背景图像的起始位置。这个属性设置背景原图像的位置，背景图像如果要重复，将从这⼀点开始。
2023-10-12 14:19:53
1039
原创 CSS盒模型和box-sizing
auto 元素实际高度length 设置像素级px高度% 基于父级元素的百分比高度inherit 从父级元素继承高度，也就是等于父级元素的高度padding 简写属性在⼀个声明中设置所有内边距属性auto 自动计算内边距length 设置像素级px内边距% 基于父级元素宽度的百分比的内边距inherit 从父级元素继承内边距margin 简写属性在⼀个声明中设置所有外边距属性。该属性可以有 1 到 4 个值，与内边距相同注意：允许使⽤负值auto 自动计算外边距。
2023-10-12 14:06:43
34
原创 display和overflow
display 属性规定元素应该⽣成的框的类型none 不显示元素block 转换为块元素inline 转换为行内元素inline-block 转换为行内块元素table-cell 转换为table中的td格式，可以设置文字垂直方向的对其方式vertical-align: bottom;overflow 属性规定当内容溢出元素框时发⽣的事情visible 不变hidden 超出隐藏scroll 滚动条显示内容auto 超出显示滚动条。
2023-10-10 19:13:35
17
1
原创 CSS表格样式
⽔平⽅向对⻬⽅式，它的值： left | center | right。垂直⽅向对⻬⽅式，它的值：top | middle | bottom。collapse 设置表格的边框是否被折叠成一个单一的边框或隔开。
2023-10-10 19:12:32
15
1
原创 CSS列表样式
简写属性在⼀个声明中设置所有的列表属性。设置顺序：list-style-type, list-style-position, list-style-image。默认值为：disc outside none。
2023-10-10 19:09:22
378
1
原创 css伪类和伪元素
CSS伪元素是⽤来添加⼀些选择器的特殊效果。最好使⽤双冒号，防⽌与伪类混淆before定位的基准是其主元素的右上⻆，after定位的基准是主元素的结尾处。当主元素没有内容时before与after仍会正常⼯作，属性为行内元素，若需要设置⾼宽度等属性需要首先设置为块元素。content是伪元素必需的属性。before与after的主要⽤途是对元素默认样式的的美化：美化时需要结合定位于内容。⼀般讲主元素设置为position：relative，伪元素设置为position：absolute，以⽅便对伪元素定位。
2023-10-10 19:06:49
66
1
原创 CSS文本属性
所有浏览器都⽀持颜⾊名 HTML 和 CSS 颜⾊规范中定义了 147 中颜⾊名（17 种标准颜⾊加 130 种其他颜⾊）。17 种标准⾊是 aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple, red, silver, teal, white, yellow。
2023-10-10 18:57:48
31
1
原创 CSS介绍
important > 行间样式 > id选择器 > class选择器||属性选择器 > 标签选择器 > 通配符选择器 注意：减少选择器的个数：“在css规则中尽可能的使用较少的选择器”。calc(100vw - 10px) 表示整个浏览器窗口宽度减去10px的大小calc：calc是英文单词calculate(计算)的缩写，是css3的一个新增的功能，用来指定元素的长度。calc：calc是英文单词calculate(计算)的缩写，是css3的一个新增的功能，用来指定元素的长度。
2023-10-08 19:03:19
66
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人