- 博客(27)
- 收藏
- 关注
原创 前端面试题系列——css盒子模型
css盒子模型css盒子模型就是用来装页面上的匀速的矩形区域,CSS中的盒子模型包括IE盒子模型和标准的W3C盒子模型。标准W3C盒子模型:包括 margin、border、padding、content组成,并且content部分不包含其他部分IE盒子模型:包括 margin、border、padding、content组成,和标准的W3C盒子模型不同的是,IE盒模型的content部分包含了border和padding。两者的区别:从图中我们可以看出,这两种盒子模型最主要的区别就
2022-05-11 23:35:39 1816
原创 node.js简单实现post请求
//需求:通过post方式实现新增英雄的功能//1、创建服务器//2、总体思路是:创建服务器---获取请求接口和方式---‘data’监听事件接收数据---'end'事件执行完接收---把原json文件读取并转换成数组---通过URLSearchParams解析请求数据---用fs方式把数据追加到数组中---展示数据//3、实现事项:json数据文件---node.js文件---调试工具:postman JS文件const http = require('http') ...
2022-04-28 21:21:29 3372
转载 js对象遍历的几种方法
使用 for…in 遍历对象 var obj = { name:'小明', age:18, sex:'man' } for(var key in obj) { console.log(key); // name,age,sex console.log(obj[key]); //小明,18,man }2.使用Object.keys(obj) var obj = { name:'小明', .
2022-04-22 21:42:31 1222
原创 JavaScript中filter、map、forEach三者的区别
filter语法:callback用来测试数组的每个元素的函数。返回 true 表示该元素通过测试,保留该元素,false 则不保留。它接受以下三个参数:1.element ,数组中当前正在处理的元素。2.index ,正在处理的元素在数组中的索引。3.array可选 ,调用了 filter 的数组本身。返回值:一个新的、由通过测试的元素组成的数组,如果没有任何数组元素通过测试,则返回空数组。 var newArray = arr.filter(callback(element[,
2022-04-22 21:16:36 1637
转载 JavaScript中var、let、const的区别
var 关键词1. var声明作用域1.1 var定义的变量,没有块的概念,可以跨块访问, 不能跨函数访问函数test()调用时会创建变量message并给它赋值,调用之后变量随即被销毁。因此,在函数test()之外调用变量message会报错function test() { var message = "hello world"; // 局部变量}test();console.log(message); // 报错1.2在函数内定义变量时省略var操作符,可以创建一个全局
2022-04-20 23:29:02 3084
原创 Ajax原生方式创建get和post请求方式(简易)
//实现目的:完成仿axios的原生方式函数//一、两种请求方式,get和post//二、三种数据类型,字符串,对象,FormDate//把对象转换成字符串的函数function objToString(obj) { //遍历对象,串成字符串 let arr = [] // for (let key in obj) { arr.push(key + '=' + obj[key]) } return arr.join('&') //.
2022-04-17 21:53:47 562
原创 数组的遍历方式和筛选(简易)
常用的几种方法:1、用for循环遍历2、用for...in...方式遍历3、用forEach方式4、用filter,具备筛选过滤数组中满足需要的函数filter() 方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。语法:var newArray = arr.filter(callback(element[, index[, array]])[, thisArg])5、map方法:可以循环遍历原数组,然后根据新的要求输出一个新的数组 <script>..
2022-04-08 11:36:35 1396
原创 冒泡排序简单示例
思路: 算法algorithm,是一种解决问题的方法 算法的目标:使用最少的内存,最短的时间,解决最多的问题 冒泡算法: 重复地走访过要排序的元素列,依次比较两个相邻的元素 顺序正确:代表位置正确,不需要交换 顺序错误:交换两个元素,让顺序正确 // 主要思路,嵌套循环,比较次数递减 // 冒泡算法(顺序:从小到大) // 1.从第一个元素开始,比较下一个元素
2022-04-06 17:44:22 243
原创 数组去重的简单方法
数组去重步骤 1.先创建一个数组 2.把数组传给函数的形参 3.函数内部创建一个新数组来获取没有重复的值 4.遍历形参数组并用indexOf判断新数组中是否有重复的值,==-1代表没有,若等于一个数字,则代表该值在数组中的索引值。 5.追加当前遍历的第i个值到数组中 6. return newArr返回一个新数组 7.console.log(getArr(arr));展示在控制台JS代码部分:...
2022-04-06 10:55:38 474
原创 前端常用正则表达式
一、占位符占位符:占据一个位置,说明后期你要给我一个相应的值1. .点:代表一个任意的字符let reg = /^.$/2. \d:代表一个数字: 0-9let reg = /^\d$/let reg = /^\d$/3. \D:代表一个非数字let reg = /^\D$/let reg = /^\D$/4. \w:代表一个合法字符: 0-9 A-Z a-zlet reg = /^\w$/let reg = /^\w$/5.\W:代表...
2022-04-03 10:57:17 2742
原创 API-节点操作
增加节点 1、增加节点首先要创建一个节点创建之后再增加节点 createElement:创建一个新的元素,并返回创建的元素,它是一个dom对象,可以直接进行dom操作 document.createElement('你想创建的元素标签名称')注意这里要添加的是字符串型的标签 (加在后面)父容器.appendChild(子元素节点对象--dom对象) box.appendChild(newP) (加在前面)父容器.insertBefo...
2022-03-28 22:39:57 206
原创 API-日期对象(附倒计时案例)
时间转换的公式 :d = parseInt(总秒数/ 60/60 /24); // 计算天数h = parseInt(总秒数/ 60/60 %24) // 计算小时m = parseInt(总秒数 /60 %60 ); // 计算分数s = parseInt(总秒数%60); // 计算当前秒数获取时间对象:getFullYear() 获得年份获取四位年份getMonth() 获得月份 取值为 0 ~ 11...
2022-03-28 20:59:36 276
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人