- 博客(23)
- 问答 (1)
- 收藏
- 关注
原创 Call、apply、bind三者的异同:
Call和apply传递的参数不一样,call传递参数使用逗号隔开,apply使用数组传递。Bind不会调用函数,但还可以改变this指向,比如改变定时器内部this指向。不同点call和apply会调用函数,并且改变函数内部this指向。Bind不会调用函数,可以改变函数内部this的指向。Apply经常根数组有关,比如借助数学对象实现数组最大值最小值。共同点都可以改变this的指向。...
2022-07-21 19:16:02
378
原创 组件的基本概念
// 为什么要有组件? // React开发的程序是单页面应用,只能通过切换组件实现页面跳转 // 组件的分类? // 组件分为两大类:1.页面级别的租价:(react路由),针对页面跳转 2.普通组件(公共组件),针对部分html重用的封装 // 组件是什么? // 组件就是由一段html+数据构成JSX内容,不像之前自己用变量接收,而是由函数或者类来包裹这一段JSX,这样一个函数或者类就称为组件 // 组...
2022-05-27 10:17:24
318
原创 前端常用单词
A:appendChild 放置到某元素最后attribute 属性addEventListener 添加侦听器assign 赋值alert 弹出框append 添加appendTo 添加到absolute 绝对的active 活动的,激活的,标记的一个伪类align 对齐alpha 透明度,半透明anchor 锚点标记arrow 箭头auto 自动appName 程序名appCodeName 程序代号appVersion 程序版本appAgent 程序代理abs 取绝
2022-05-20 17:55:40
200
原创 form 表单与表格 table
form 表单action 行为method 方式方法input 输入框label 标签password 密码radio 单选框checkbox 复选框btn 按钮submit / reset 提交 重置textarea 文本域select / option 选择框 选择项placeholder 占位符 其提示作用search 搜索icon 小图标autofocus 自动聚焦disabled 禁用checked 选中selected 默
2022-05-19 21:11:19
297
原创 页面布局(layout)
header 头部index 首页logo 标志nav 、 sub_nav 导航 子导航banner 横幅广告main 、content 主题 、内容container / con 容器wrapper / wrap 包裹menu 菜单sub_menu / cecond_menu 子菜单 二级菜单list 列表section 分区 分块 类似于 divarticle 文章aside 侧边栏 广告footer 页脚 底部title / sub_titl
2022-05-19 20:59:31
294
原创 Css样式
Css层叠样式表(Cascading Style Sheets)background 背景position 位置、定位relative/absolute/fixed相对定位、绝对定位、固定定位float 浮动clear 清除vertical-align:middle/top/bottom 垂直居中、上、下line-height 行高margin 外边距padding 内边距border 边框solid / dashed / dotted 实线 虚线 点虚线bo
2022-05-19 20:48:15
128
原创 给定以下学员数组结构,实现姓名搜索功能,比如:输入张三,就把张三这个人的信息查询出来。
let users = [ {age: 12, other: {name: 张三, sex: 男}}, {age: 22, other: {name: 李四, sex: 女}}, {age: 32, other: {name: 王五, sex: 男}},]a. 获取用户输入姓名let uname = $("input").val();b. 根据姓名去数组中查找该数据索引let idx = users.findIndex((obj) => { return obj.o...
2022-05-14 01:54:15
982
原创 列举JS中数组常用API,至少5个
.join() .map() .slice() .splice() .indexOf() .findIndex() .every() .some()
2022-05-14 01:52:15
185
原创 form和ajax的区别:
1. form是整体刷新,请求成功会进行页面的跳转,而ajax是局部刷新,在请求时不会跳转页面,页面加载效率也更高;2. form请求用户体验不好,涉及到了页面的来回跳转;而ajax用户体验好,因为它请求时页面是不变的;3. form更适合传统的前后端不分离项目;而ajax更适合前后端分离的项目;4. 支持的请求方式不一样;form 仅支持 GET/POST 两种请求...
2022-05-13 10:50:21
940
1
原创 ajax请求的特点是什么?(可以从用途、网页表现、同步异步等方面描述,可以结合着form描述)
a. ajax用于主要用于向接口服务器发送请求,获取数据信息; b. ajax是通过局部刷新网页的方式来请求网页数据的,不会刷新整个页面;而form请求会刷新整个页面; c. ajax支持各种请求,GET/POST/PUT/DELETE;而form表单请求仅支持GET/POST; d. ajax是支持同步和异步两种请求方式的,不会阻塞整个页面的加载速度;...
2022-05-13 10:48:10
223
原创 代理服务器解决跨域的代码实现步骤。
/ 导入 express 模块const express = require('express');// 创建 express 的服务器实例const app = express();// cors 中间件解决跨域问题const cors = require('cors');app.use(cors());//代理服务器使用的包 http-proxy-middleware,代理接口服务器实现跨域const { createProxyMiddleware }..
2022-05-12 19:40:36
344
原创 代理服务器解决跨域的原理是什么?
代理服务器是介于前端和后端之间的中间服务层,前端向代理服务器发送请求时,代理服务器是允许跨域请求的,而代理服务器在收到前端的ajax请求时,会通过changeOrigin的方式,将前端请求的接口,转发给target所指向的目标服务器,从而以相同的域向目标服务器发送请求,由于代理服务器和目标服务器之间的域是相同的,因此不会出现跨域问题,从而代理服务器会收到目标服务器的响应,再将响应转发给前端即可。...
2022-05-12 19:39:02
2540
原创 cors包如何解决跨域,用代码写出详细步骤
a. 安装npm i cors b. const cors = require("cors") c. app.use(cors())
2022-05-12 19:37:53
376
原创 跨域产生的原因是什么?浏览器为什么要阻止跨域?
a. 在进行跨站资源访问时,协议、端口、域名出现不一致的情况时,产生CORS跨域;b. 阻止跨域是由于浏览器受到同源策略的影响,当两个URL资源协议、域名、端口不一致时,浏览器认为目标API的安全性无法保证,可能会对当前网站造成安全威胁,因此在对方服务器没有明确设置Access-Control-Allow-Origin的情况下,浏览器是不会接收服务器的响应的。...
2022-05-12 19:35:56
1102
原创 jQuery发送POST请求的两种代码写法,用代码写出来完整配置
$.post(url, (data) => { });$.ajax({ url: "", method: "POST", data: { }, contentType: { }, headers: { }, success: ( ) => { }, error: ( )=>{ }, complete: ( )=>{ } })...
2022-05-12 19:34:47
1999
原创 jQuery发送GET请求的两种代码写法,用代码写出来完整配置
$.get(url, (data) => { }); $.ajax({ url: "", method: "GET", data: { }, contentType: { }, headers: { }, success: ( ) => { }, error: ( )=>{ }, complete: ( )=>{ } })...
2022-05-12 19:33:58
1827
原创 jQuery向后端接口发送POST请求时,前后端分别注意什么
a. 如果携带参数是拼接字符串,那么前端可以不设置请求头的Content-type字段,因为jQuery默认处理参数的方式就是application/x-www-form-urlencoded;后端使用express.urlencoded()中间件进行解析参数b. 如果现代参数是JSON字符串,那么jQuery应该设置请求头的Content-Type字段为application/json;后端应使用express.json()中间件解析参数;...
2022-05-12 19:31:46
462
原创 原生ajax向后端接口发送POST请求时,前后端分别注意什么。
a. 如果携带参数是拼接字符串,那么前端应该设置请求头的Content-Type字段为application/x-www-form-urlencoded;后端应使用express.urlencoded()中间件进行解析参数;b. 如果携带参数是JSON字符串,那么前端应该设置请求头的Content-Type字段为application/json;后端应使用express.json()中间件解析参数...
2022-05-12 19:15:34
171
原创 阐述MIME类型的作用
它就是用来设置上传给服务器的数据类型content-type,方便服务器快速识别数据类型,从而找到正确的中间件来处理解析这些参数,得到正确的结果。因此,请求时传递给服务器的参数结构和content-type必须匹配才行。...
2022-05-12 19:08:18
375
原创 1. GET请求和POST请求的区别?(可以从用途、参数、安全性等方面描述)
a. GET请求用于获取数据;POST请求用于向服务器添加数据;b. GET请求参数拼接在URL后面;POST请求参数放在请求体里面;c. GET请求参数暴漏在URL上,不安全;POST请求参数没有直接暴漏而是放在请求体中,比GET更安全...
2022-05-12 16:30:58
190
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人