- 博客(14)
- 收藏
- 关注
RSS订阅原创 JavaScript-ECMA6新增数组函数
映射：newarr = arr.map(function(item,index,arr){ return item*2;})可实现数组元素分别乘2过滤：newarr = arr.filter(function(item,index,arr){return item>2;})可实现留下大于2的元素有项满足：res = arr.some(function(item,i...
2020-03-23 21:37:10
157
原创 JavaScript深浅拷贝
在JavaScript中，分为基本数据类型和引用数据类型。两者的存储方式不同，基本数据类型直接存储在栈中，而引用数据类型在栈的变量中存储的是地址，代码以寻址方式执行。因此对于将一个数值类型变量赋值给另外一个变量，就有了两个独立的数据变量，之后对二者之一进行修改不会影响另外一个变量所存储的数值。但对于数组而言，直接进行变量赋值赋的是数组的地址，之后对其中一个数组进行修改相当于修改该地址中的代码，...
2020-03-21 22:17:53
87
原创 冒泡排序与选择排序
冒泡排序：每一轮循环会有一个较大值被移到数组最后，就像冒出的泡泡一样，称为冒泡排序。假设一共有5个数，那么在冒出4个较大值之后最后一个数可以直接确定为最小，因此总共需要进行5-1=4次冒泡。第一次冒泡中，5个数一共需要进行4次比较可选出最大值，在确定最大值之后只需要对剩下的4个数进行冒泡循环，而4个数冒泡需要进行3次比较，因此每一轮冒泡的比较次数为5-当前轮数。用i表示冒泡轮数-1，用j表示每轮...
2020-03-19 22:26:18
110
原创 JavaScript预解析
在JS的程序运行前，计算机会遍历一遍整体代码，给带有var关键字的变量或带有function关键字的函数提前分配地址空间。因此如果在var变量和function函数的声明前提前进行调用，并不会出现error。但是由于var变量仅分配了空间但并未执行赋值，因此提前调用会得到的值为undefined。但函数由于是引用数据类型，可以正常执行实现功能。但匿名函数声明方式由于将函数赋值给了变量，因此不会对...
2020-03-17 21:22:50
84
原创 JavaScript关于数组的函数
push()在数组之后添加元素。返回新数组长度。pop()取出数组最后一个元素。返回该元素。shift()取出数组第一个元素。返回该元素。unshift()在元素的头部添加元素。返回新数组长度concat()合并成新数组，如果合并空相当于复制原数组。不会改变原数组。slice(start,end)截取[start,end)的元素生成新数组。不会改变原数组。splice(st...
2020-03-16 21:57:06
144
原创 数据类型转换
undefined null true false NaN 虽然都是 字符 但是他们都是 一种数值 不是字符串 执行 + 加号 运算时 执行的是 加法运算 '' "" 只有的带引号的内容,才是 字符串 才会执行字符串拼接 NaN + NaN ? NaN 因为 NaN 是数值 执行的是 加法运算 结果是 有 NaN 参与...
2020-03-14 19:28:42
203
原创 Math.radom()
Math.radom()在JavaScript中为取随机数的函数，其取值的范围是[0,1)，而一般在程序中经常需要取某一个区间的随机整数，因此我们可以配合 parseInt() 取整函数使用。在这个过程钟需要注意的是随机数函数的取值区间是左闭右开的，因此为了取到最大的整数往往需要将区间加1.例如，取10~20之间的随机整数：parseInt(Math.random()*(20+1-10) +1...
2020-03-12 23:22:11
471
原创 HTML5 与 XHTML的区别
HTML4.01 -> HTML5( 功能强大 )XHTML : XML + HTML ( 严格版本的HTML ) 发展 XHTML2.0区别： DOCTYPE文档及编码 HTML5 : <!DOCTYPE html> XHTML和HTML4.01 : <!DOCTYPE html PUBLIC "-//W3C//DT...
2020-03-07 16:57:03
532
原创 音频与视频注意事项
audio ：音频 ，双标签 controls : 显示控件 loop : 循环播放 autoplay : 自动播放 ( 很多浏览器已经禁止这个功能，因为考虑到用户体验的问题 ) muted : 静音video : 视频 ， 双标签 object-fit: cover; 可以让视频覆盖整个父容器。注：音频和视频的默认控件是隐藏的。注：如果想做出跟Q...
2020-03-04 20:53:13
203
原创 HTML5新语义化标签
div span h1 img -> html4.01width height background -> css2.1transform border-radius -> css3header footer main -> html5注：很多新的HTML5语义化标签，跟div类似。header : 页眉footer : 页脚main : 主体 ...
2020-03-03 20:40:49
153
原创 如何利用flex弹性实现多列固定与自适应布局
为了兼容不同分辨率大小的终端设备显示，有时需要采取flex进行弹性布局，在分辨率大小改变的时候部分内容能够自适应显示区域。一列固定一列自适应首先，写出HTML结构代码。#aside为固定的侧边栏，#detail为适应分辨率伸缩的详情页。然后给出样式。对父元素设置弹性flex，使两个区域分成两列。给固定侧边栏#aside的宽高赋具体值。#detail只给高度值，然后使复合样式flex:1；...
2020-03-01 20:38:50
1649
原创 CSS3-3D变形复合样式写法过程分析
CSS变形样式transform的复合在CSS中可以对元素进行诸如位移，旋转和缩放倾斜等一系列变形操作，比如：transform：translateX(10px);可将元素向右位移10px的距离transform:rotate(30deg);则将元素绕自身水平中线顺时针旋转30度。如下图示例：以上为对元素进行的仅一种且一次的变形操作。在这个过程中，由于在初始状态x轴和y轴与页面边框平行，对...
2020-02-22 21:50:59
714
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人