前端面试题
1、第一组 1、jquery中的$是什么意思 在JQuery中,“$”就是jQuery的别称,是jQuery库提供的一个回传函数,定义为“选取”,是“selector”的缩写;语法“$ (selector)”,作用是根据“ ()”里的参数进行查找和选择html文档中的元素。 2、圣杯布局、等高布局写法 // 圣杯布局 <style> .…
免费随机图片api接口
1、api接口整合 搏天:https://api.btstu.cn/ 樱道:https://api.r10086.com/ 樱花:https://www.dmoe.cc/ 保罗:https://api.paugram.com/ EEE.DOG:https://api.yimian.xyz/ 东方Project:https://img.paulzzh…
JS常见问题总结
1. 什么是 JavaScript ? JavaScript 是一种具有面向对象的、解释型的、基于对象和事件驱动的、跨平台的、弱类型的程序设计语言 2. JavaScript 与 ECMAScript 的关系? ECMAScript 是规则,JavaScript 是对规则的体现 3. 变量的命名规则? 严格区分大小写,由英文、数字、下划线、$组成,…
关于本站博客相关信息
本站所有文章在创作并发布后会在几个工作日内同步到CSDN和博客园上,对于文章中的不足之处,欢迎大家留言提出意见。
C# 发送邮件
前言 本文简单的通过C#的SmtpClient实现发送邮件的功能。 实现 using System.Net.Mail; using System.Net; namespace Test { public class SendMail { private SmtpClient _emailClient; public class UserInfo {…
React hooks子组件暴露方法示例
说明 通常情况下,React 子组件使用父组件的方法或值通过props传递,反过来,父组件如果需要子组件的方法就需要子组件将自己的方法暴露出去。以下是一个实例: User.tsx import React, { FC, useEffect, useState, useRef } from 'react'; import { Bu…
JavaScript实现右键菜单
1、代码实现 window.onload = function () { (function () { // 自定义右键菜单内容并插入到body最后一个节点前 let dom = ` <div id="rightMenuBars"> <div class="rightMenu-group rightM…
react使用exceljs实现导出Excel
1、前言 在react的学习过程中,有些时候会有导出表格的需求。需要将table导出成excel文件并且需要有下拉框和相应的规则。这里使用插件exceljs来实现。 2、exceljs exceljs是一个能够将表格数据以一定格式写入到excel文件的插件。 官方中文文档:https://github.com/exceljs/exceljs/blo…
React将数据转化成树形结构
1、React将数据转化成树形结构 // 初始数据 let result = [ { parentId: null, id: 1, name: "书籍", count: 100 }, { parentId: 1, id: 2, name: "西游记", count: 50 }, { parentId: 1, …
新浪图片403解决办法

1、403 Forbidden

403通常表示没有权限访问某个资源,当资源来源开启了防盗链后,只有白名单下的来源才能访问。

2、解决方案

使用图片缓存服务:

i0/1/2/3.wp.com
cdn.cdnjson.com
https://image.baidu.com/search/down?url=

使用方式:
比如请求新浪图片https://tvax3.sinaimg.cn/large/a15b4afegy1fmvj9449p8j21hc0u0wqg.jpg
可以直接使用:
https://i3.wp.com/tvax3.sinaimg.cn/large/a15b4afegy1fmvj9449p8j21hc0u0wqg.jpg
https://cdn.cdnjson.com/tvax3.sinaimg.cn/large/a15b4afegy1fmvj9449p8j21hc0u0wqg.jpg
https://image.baidu.com/search/down?url=https://tvax3.sinaimg.cn/large/a15b4afegy1fmvj9449p8j21hc0u0wqg.jpg
610 日 , 2023 15:22
js比较前后两个数组对象的差异
比较前后两个数组对象的差异 js比较前后两个数组对象的差异,比如是添加了什么数据或者删除了什么数据。 // 两个数组对象中有相同的键如 id // 其中, oldData为初始数据, newData为当前数据 const getChangeData = (oldData, newData) => { let delData = oldData…
react antd 实现图片自定义预览
功能需求 有这样一个需求,用户点击文字或者按钮,会弹出图片的预览界面,要求图片可旋转,可缩放以及可下载。由于antd组件的Image的预览窗口不包含图片下载的功能,所以这里通过modal对img添加预览模块。 实现过程 代码如下: import React from 'react'; import './style.c…
react antd select组件添加全选功能
1、需求 最近遇到一个需求,一张表格中需要有个下拉框,antd官网中有相应的Select组件,但是由于数据比较多,用户需要一个全选的需求。即点击全选下拉框数据全部选中,再次点击取消全选即选中的数据清空。然后数据一条一条点击完后全选框会被选中,反之不会被选中。 2、实现代码 import React from 'react'; i…
React 函数组件
React 函数组件 1、定义方式 React 函数组件是指使用函数方法定义的组件。 定义方式:与函数的定义方式相同,需要将内容 return 出来,需要注意的是最外层只有一个标签或者使用<></>(Fragment 标签)包裹起来,方法写在 return 前面。 const App = () => { const g…
文章固定链接更新

为了利于SEO,本站所有文章的固定链接均使用postname形式。

1026 日 , 2022 0:00
React 中的常用方法
React 中的常用方法 1、合并数组 // 合并数组并去重 mergeArray = (arr1, arr2) => { return Array.from(new Set([...arr1, ...arr2])); }; 2、合并数组对象 // 合并具有相同属性的对象 mergeObject = (needObj, neededObj) …