- 博客(24)
- 收藏
- 关注
RSS订阅原创 前后端数据发送（基于Node.js为后端）
前端: 常见的数据格式: 请求头:Content-Type: application/json ： 请求体中的数据会以json字符串的形式发送到后端 application/x-www-form-urlencoded：请求体中的数据会以普通表单形式（键值对）发送到后端 multipart/form-data： 通过FormData对象进行数据的存储 let params = new FormData() params.append('file', this.file) par
2021-12-22 11:45:12
866
原创 JS数据结构-队列
队列：数据结构 存在两个指针，头指针：front 尾指针：rear 初始状态： 输入过程中: 输出过程：（未画） 方法：输出: 头指针进行输入 输入：尾指针后添加 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="I...
2021-10-08 16:29:53
114
原创 flex布局
父元素设置：display：flex flex-direction:row row-reverse column column-reverse justify-content:flex-strat flex-end center space-around space-between（重要） align-items:flex-start flex-end center 。 fflex-wrap: wrap 子元素属性设置： flex:分配剩余空间：flex:1 align-sel...
2021-08-03 21:32:19
120
原创 动画常用属性
@keyframes 名称 { //规定动画 } animation-name: @keyframes动画的名称(必须的) animation-duration ;规定动画完成一个周期所花费的时间 animation-timing-function: 规定动画的速度曲线。默认是ease animation-iteration-count:规定动画被播放的次数。默认是1，还有infinite animation-direction:是否逆向播放。normal alternate。 ani...
2021-08-03 19:12:55
121
原创 transform的使用。transform-style,perspective
transform:translateX(xx px);//仅仅是在X轴上变化。 transform:translateY(xx px)//仅仅是在Y轴上变化 transform:translateZ(xx px);//仅仅是在Z轴变化。 总写法3D位移：transform:translate3d(x,y,z); 重点：perspective（透视;视距）一般用于父元素上.这样才可以使用.transform:translateZ(xx px); 3D的旋转： rotateX...
2021-08-03 19:00:15
293
原创 流式布局百分比布局(待续)
meta:视口标签 <metaname="viewport"content="width=device-width,initial-scale=1.0"> width:宽度设置的是viewport宽度 initial-scale:初始缩放比，大于0的数字。 maxmum-scale:最大缩放比，大于0的数字。 minmum-scale:最小缩放比，大于0的数字。 user-scalable:是否可以缩放。yes or no 流式布局：max-width:最大宽度。 min-...
2021-08-03 18:45:44
112
原创 JS归并排序算法学习笔记
对一个一维数组进行排序。（使用归并排序算法） 思路： 将一个数组进行排序。不断的进行切割，知道单位为一。则停止切割。 然后将其合并，再进行排序。 (即分割，再进行合并) 图的引用：https://www.cnblogs.com/chengxiao/p/6194356.html。(感谢该链接作者的介绍)。 JS的实现:(个人实现) // 进行归并排序 function gb(arr){ //归并排序 let l= arr.length i
2021-07-31 15:01:40
86
原创 Object对象
Object对象： 创建： let obj = new Object() let obj = {} 添加属性：obj.xxx = ‘’ obj['xxxx'] = ''
2021-07-21 20:31:21
60
原创 Promise()并且封装AJAX（未完待续）
异步编程的解决方案。 三个状态: pending（进行中）、fulfilled（已成功）和rejected（已失败） resolve();将状态变为成功. rejected();将状态变为失败 创建： let promise = new Promise(function(resolve,rejected){ if (/* 异步操作成功 */){ resolve(value); } else { reject(error); } }) 1、创建后，...
2021-07-21 17:47:46
74
原创 对象的扩展
属性的简写方法: function f(x, y) { return {x, y}; } // 等同于 function f(x, y) { return {x: x, y: y}; } f(1, 2) // Object {x: 1, y: 2} 方法也可以简写 const o = { method() { return "Hello!"; } }; // 等同于 const o = { method: function() { return "H.
2021-07-21 17:11:52
60
原创 ES6中字符串新增的方法
includes()：返回布尔值，表示是否找到了参数字符串。 startsWith()：返回布尔值，表示参数字符串是否在原字符串的头部。 endsWith()：返回布尔值，表示参数字符串是否在原字符串的尾部 let s = 'Hello world!'; s.startsWith('Hello') // true s.endsWith('!') // true s.includes('o') // true let s = 'Hello world!'; s.startsWith('world
2021-07-21 16:31:29
77
原创 解构赋值的解释及其使用
ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构 let [a,b,c] = [1,3,5]; let [foo, [[bar], baz]] = [1, [[2], 3]]; foo // 1 bar // 2 baz // 3 let [ , , third] = ["foo", "bar", "baz"]; third // "baz" let [x, , y] = [1, 2, 3]; x // 1 y // 3 let [head, ...tail] = [
2021-07-21 16:01:04
221
原创 javascript(W3C)中String对象（未完待续）
创建：使用单引号或者双引号: let str = '字符串'； 可以通过索引访问字符串：str[i] 属性：length:长度 方法; indexOf(value)：定位字符串首次出现的位置。没有找到的话，返回-1。 lastIndexOf() 方法在字符串末尾开始查找字符串出现的位置。 var str="Hello world, welcome to the universe."; var n=str.indexOf("welcome"); 内容匹配方法:match(); 用来查找字符
2021-07-21 15:27:17
123
1
原创 Map数据结构
Map:类似一个键值对;（使用for...of...遍历） 创建:let map = new Map(); 参数：一个数组。eg :[[1,3],[3,4]]; 属性：size(Map的一个大小) 方法： set([key,value]);传入一个键值对进去 get('key'):获取对应的键的值.没有则返回undefined has(key);:返回一个布尔值。查看是否有对应的Key值 clear();清除所有成员，没有返回值 delete(“key”);删除对应的键值对 Map 结构
2021-07-21 14:42:58
200
原创 set学习
ES6中新的数据结构： Set;不会出现相同数据的.使用for...of...进行遍历 创建：let set = new Set(); 参数:数组。例子：new Set([1,3,4,6,8,5,2]); 方法： add(value);添加数据 delete(value);删除数据 has(value);判断是否有该数据，返回值为boolean clear();清除集合中的数据。 遍历对象： keys(); eg: set.keys(); values(); eg: set....
2021-07-21 14:23:29
56
原创 js中Boolean对象。valueOf.toString().
JS中Boolean对象(true or false) 创建方法：new Boolean(value) //构造函数; Boolean(value)//转换函数 对象属性： constructor:返回对创建此对象的Boolean函数的引用. prototype:有能力对该对象进行添加属性和方法。 示例： var res = new Boolean(1);结果:返回的是一个对象。并不是一个布尔值 var res = new Boolean("false");结果:返...
2021-05-12 11:33:03
128
原创 js中Array对象。concat,concat,pop,push,reserve,shift,slice,splice,toString，toLocaleString，unshift
Array对象(arr代码中表示Array创建的实例对象) 创建方式： 1、new Array(); 2、new Array(size);3、new Array(eg01,eg2.eg3.....); 参数：size:创建数组的大小；默认创建的数组中的元素是undefined; eg01:数组中的数据 返回值：返回新创建并被初始化了的数组。 对象属性： constructor ：返回对创建此对象的数组函数的引用 length:返回数组中元素的数目(arr.length); prototype
2021-05-11 21:49:11
980
原创 div和span之间的区别
div 作用：没有语义，就是一个盒子，用来装内容的 特点：会进行换行。独占一行 代码示例：<div>内容</div> span 作用：没有语义，一个盒子，用来装内容的 特点，不会进行换行。 代码示例：<span>百度</span><span>360</span><span>搜狐</span> ...
2021-05-11 14:13:33
56
原创 h1-h6.p.br+文本格式化标签（加粗，倾斜，删除，下划线）
标题标签（重要) h1-h6 作用：作为标题使用，重要性一次递减，字号一次变小。独占一行。 代码实例： <h1>标题</h1> <h2>标题</h2> <h3>标题</h3> <h4>标题</h4> <h5>标题</h5> <h6>标题</h6> 结果： 段落标签（p） 作用：定义段落，可以将整个网页分成若干个段落，段落段落之间有存在间隙
2021-05-11 14:06:07
587
原创 JQuery中其他方法的使用(trim,isWindow,isArray,isFunction)
JQuery中其他方法的使用(trim,isWindow,isArray,isFunction) 方法：trim 作用;去除字符串前后两端的空格 返回值：一个新的字符串 使用方法：$.trim(str); 参数：去除空格的字符串 代码实例： varstr="in"; varres=$.trim(str); console.log(str); console.log(res); 结果： 方法：isW...
2021-05-03 14:48:41
72
原创 jQue中map的使用
jQue中map的使用(数组，伪数组) 定义：遍历数组中的每一个值 用法：$.map(arr,function(value,index){ }) 参数：arr :遍历的数组 value：当前遍历的值 index:当前遍历的索引值 注意点：如果未返回值，则返回的是一个空数组 代码示例: vararr=[1,2,3,5,5,6,3,4,6,8]; varx=$.map(arr,function(value,index){ console.log(value,i...
2021-05-03 14:05:25
164
原创 原生Js中的map方法(数组使用)
原生Js中的map方法(数组使用) 定义：map() 方法按照原始数组元素顺序依次处理元素 并且会返回一个新的数组 用法：arr.map(function(value,index,arr){ }) 参数：value :数值，index:当前遍历的索引值 arr:所遍历的数组。 注意点：是不能进行伪数组的遍历的，并且需要对值进行返回，才能产生新的数组，不返回值，默认为undefined 代码示例： vararr=[1,2,3,5,5,6,3,4,6,8]; ...
2021-05-03 13:44:38
518
原创 jQuery中each方法
jQuery中each方法 定义：each() 方法规定为每个匹配元素规定运行的函数 使用：$.each(arr,function(index,value){ }) 参数：arr：遍历数组 function：回调函数 index： 当前遍历的每一个索引值 value：数据值 注意点：方法可以遍历伪数组. 使用实例： vararr=[1,2,3,4,5,6,7,8,8,9]; varobj={ 0:1, 2...
2021-05-03 13:32:06
2100
原创 JS原生forEach函数(数组使用)
JS原生forEach函数(数组使用) 定义：forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数; 返回值：undefined; 参数：（value,index,arr） 代码： vararr=[1,2,3,4,5,6,7,8,8,9]; arr.forEach(function(value,index,arr){ console.log(value,index,arr); }) 结果： 注意点：只能是数组使用，伪数组是不能进行使用...
2021-05-03 13:20:10
429
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人