- 博客(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
942
原创 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
149
原创 flex布局
父元素设置：display：flexflex-direction:row row-reverse column column-reversejustify-content:flex-strat flex-end center space-around space-between（重要）align-items:flex-start flex-end center 。fflex-wrap: wrap子元素属性设置：flex:分配剩余空间：flex:1align-sel...
2021-08-03 21:32:19
139
原创 动画常用属性
@keyframes 名称 { //规定动画}animation-name: @keyframes动画的名称(必须的)animation-duration ;规定动画完成一个周期所花费的时间animation-timing-function: 规定动画的速度曲线。默认是easeanimation-iteration-count:规定动画被播放的次数。默认是1，还有infiniteanimation-direction:是否逆向播放。normal alternate。ani...
2021-08-03 19:12:55
139
原创 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
338
原创 流式布局百分比布局(待续)
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
126
原创 JS归并排序算法学习笔记
对一个一维数组进行排序。（使用归并排序算法）思路：将一个数组进行排序。不断的进行切割，知道单位为一。则停止切割。然后将其合并，再进行排序。(即分割，再进行合并)图的引用：https://www.cnblogs.com/chengxiao/p/6194356.html。(感谢该链接作者的介绍)。JS的实现:(个人实现) // 进行归并排序 function gb(arr){ //归并排序 let l= arr.length i
2021-07-31 15:01:40
106
原创 Object对象
Object对象：创建：let obj = new Object() let obj = {}添加属性：obj.xxx = ‘’ obj['xxxx'] = ''
2021-07-21 20:31:21
75
原创 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
97
原创 对象的扩展
属性的简写方法: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
83
原创 ES6中字符串新增的方法
includes()：返回布尔值，表示是否找到了参数字符串。 startsWith()：返回布尔值，表示参数字符串是否在原字符串的头部。 endsWith()：返回布尔值，表示参数字符串是否在原字符串的尾部let s = 'Hello world!';s.startsWith('Hello') // trues.endsWith('!') // trues.includes('o') // truelet s = 'Hello world!';s.startsWith('world
2021-07-21 16:31:29
94
原创 解构赋值的解释及其使用
ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构let [a,b,c] = [1,3,5];let [foo, [[bar], baz]] = [1, [[2], 3]];foo // 1bar // 2baz // 3let [ , , third] = ["foo", "bar", "baz"];third // "baz"let [x, , y] = [1, 2, 3];x // 1y // 3let [head, ...tail] = [
2021-07-21 16:01:04
234
原创 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
152
1
原创 Map数据结构
Map:类似一个键值对;（使用for...of...遍历）创建:let map = new Map();参数：一个数组。eg :[[1,3],[3,4]];属性：size(Map的一个大小)方法：set([key,value]);传入一个键值对进去get('key'):获取对应的键的值.没有则返回undefinedhas(key);:返回一个布尔值。查看是否有对应的Key值clear();清除所有成员，没有返回值delete(“key”);删除对应的键值对Map 结构
2021-07-21 14:42:58
231
原创 set学习
ES6中新的数据结构：Set;不会出现相同数据的.使用for...of...进行遍历创建：let set = new Set();参数:数组。例子：new Set([1,3,4,6,8,5,2]);方法：add(value);添加数据delete(value);删除数据has(value);判断是否有该数据，返回值为booleanclear();清除集合中的数据。遍历对象：keys(); eg: set.keys();values(); eg: set....
2021-07-21 14:23:29
77
原创 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
154
原创 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
1031
原创 div和span之间的区别
div作用：没有语义，就是一个盒子，用来装内容的特点：会进行换行。独占一行代码示例：<div>内容</div>span作用：没有语义，一个盒子，用来装内容的特点，不会进行换行。代码示例：<span>百度</span><span>360</span><span>搜狐</span>...
2021-05-11 14:13:33
71
原创 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
634
原创 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
97
原创 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
197
原创 原生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
550
原创 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
2146
原创 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
450
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人