前端
無關风月
这个作者很懒,什么都没留下…
展开
-
i18n在react项目中的使用
文档地址https://react.i18next.com/guides/quick-startnpm install react-i18next i18next --save1、建立文件夹src/i18nsrc/i18n/configs.tssrc/i18n/en.jsonsrc/i18n/zh.json2、具体代码src/i18n/configs.tsimport i18n from "i18next";import { initReactI18next } from "rea原创 2022-02-13 17:32:54 · 1774 阅读 · 0 评论 -
js 防抖节流
防抖:多次请求,只执行最后一次;比如频繁点击一个按钮,只有最后一次是有效点击;节流:多次请求,间隔执行;比如输入框频繁输入,3s执行一次搜索,而不是一直输入一直搜索;代码是掘金上的,写的挺明白<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale原创 2021-10-11 18:02:23 · 106 阅读 · 0 评论 -
React中使用jsoneditor
1、查阅资料,导师封装了这个组件import React, { useCallback, useEffect, useRef } from 'react';import _ from 'lodash';import JSONEditor from 'jsoneditor';import 'jsoneditor/dist/jsoneditor.css';import styles from './index.less';const SMJsonEditor = props => {原创 2021-10-08 09:47:36 · 4702 阅读 · 3 评论 -
React项目中eslint使用百度风格
1.安装百度Eslint Rule 插件npm i -D eslint @babel/eslint-parser @babel/eslint-plugin @ecomfe/eslint-config// react项目npm i -D eslint-plugin-react eslint-plugin-react-hooks // 如果需要支持typescript的话npm i -D @typescript-eslint/parser @typescript-eslint/eslint-p原创 2021-09-21 12:43:41 · 179 阅读 · 0 评论 -
把blob对象(File的父类)转成url地址
$("#file").on("change", function(e){ var url = URL.createObjectURL(this.files[0]); // URL是window内置的对象, createObjectURL就是把blob对象(File的父类)转成url地址(浏览器本地的-跟后台无关)})this.files[0]对象如下原创 2020-12-24 20:23:24 · 3230 阅读 · 1 评论 -
cropper.js插件裁剪图片
1.先导入插件需要的依赖2.html结构,效果如下3.js代码const image = document.getElementById("image"); const cropper = new Cropper(image, { aspectRatio: 1, viewMode: 1, //图片的预览区,即100*100 50*50那两张图片区域 preview: $(".img-preview")});...原创 2020-12-24 20:09:11 · 485 阅读 · 1 评论 -
流行的3D旋转相册,看了就不亏!
完整代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="new_file.css"> </head> <body> &...原创 2020-04-25 21:15:26 · 604 阅读 · 0 评论