自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(16)
  • 收藏
  • 关注

原创 文本超出后的展开/收起操作

文本展开收起的操作

2023-01-16 16:03:40 549

原创 element ui的el-table导出当前页为excel,纯前端实现,并导出指定列

纯前端实现表格导出功能!

2023-01-16 15:05:01 829 2

原创 初学three.js之如何把three跑起来

初学three.js之将一个立方体动起来

2022-12-07 09:55:11 227

原创 redux-saga如何使用?

redux-sagaredux中文版文档redux-saga中文文档在线请求apiredux-devtools-extension 调试工具 – 使用 redux-devtools-extension 查看 Redux 中状态变化本文的案例是用的redux和redux-saga,这里的案例是用的redux、react-redux、redux-saga概述redux-saga 是 redux 一个中间件,用于解决异步问题。es6 Generator解决地狱回调问题,通过 yield 关键字,

2021-09-17 17:35:37 365

原创 组件封装时如何对css样式进行动态处理?

组件封装时如何对css样式进行动态处理?目前遇到的三种形式:1.css样式文件组件中如何引用export的buttonStyles:2. css样式文件code:在组件中使用:3. css文件code:以上是目前遇到的三中形式可进行处理的方式,后续若遇到更多类型会继续补充。综上,style里使用变量来动态控制样式,可以把style函数化,通过参数进行控制。...

2021-02-24 15:55:47 571

原创 在ant design 中使用 sortOrder对table 进行排序报错 (使用typescript)

直接上代码!!!错误代码:报错:解决报错的代码:

2020-11-06 15:57:05 1027

原创 前端 js 基于react ts的excel文件模板下载 文件导入、导出

基于react ts的excel文件模板下载 文件导入、导出####### 按钮{pagePermission?.pageActionModels.find(item => item.name === 'OPP_DOWNLOAD_TEMPLATE') && <Button icon={<CopyOutlined />} onClick={(): void => headerHandBtn('down')}>

2020-10-27 17:50:14 1615

原创 axios请求前把token值加到请求头上

axios请求前,登录成功,token值存在if (localStorage.getItem('token')) { axios.interceptors.request.use((config) => { config.headers.post['Content-Type'] = 'application/json'; config.headers.common['Authorization'] = `Bearer ${localStorage.getItem('token')

2020-10-27 17:01:37 2783

原创 国际化 react-i18next useTranslation

国际化 react-i18next useTranslation引用import { useTranslation } from ‘react-i18next’;解构tconst [t] = useTranslation();示例:<div onClick={toggleCollapsed} title={collapsed ? t('EXPAND_SIDEBAR') : t('COLLAPSED_SIDEBAR')} style={{ textAlign: 'right', paddin

2020-10-27 16:49:05 3135

转载 移动端的一些解决兼容性的方案

随着手机的普及,移动端的开发也成了一个重要的方向,但由于设备的不统一会造成一些兼容性问题,1、安卓浏览器看背景图片,有些设备会模糊。用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢?经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以苹果当初就把iPhone 4的960640分辨率,在网页里只显示了480320,...

2019-05-23 22:43:55 1061

原创 pc端不同浏览器兼容性问题及解决方案

代码兼容:IE7及以上,360浏览器,搜狗浏览器,谷歌,火狐,欧朋等等。一.需要注意的地方:1.写好标准头:2.首先引入初始化css,保证消除不同浏览器的细微差别。 具体内容:*{margin:0;padding:0;}body{font-size:12px;line-height:25px;font-family:Arial,Helvetica,“Microsoft YaHei”...

2019-05-23 22:38:34 4465

原创 post和get的区别以及报文格式

HTTP的报文格式解析一、概述  http报文是面向文本的,报文中每一个字段都是一些ASCII码串,各个字段的长度是不确定的。http有两类报文:请求报文 响应报文二、请求报文  一个http请求报文由请求行(request line)消息头部(header)空行请求正文   四部分组成;  a、请求行    请求行由请求方法字段、URL字段和HTTP协议版本字段,组成,...

2019-05-21 23:09:12 2622

原创 JS代码 让广告在弹出后自动关闭

让广告在弹出后自动关闭 类似于倒计时,会用到下边的方法属性oDiv.style.display = ‘block’; //让div显示oDiv.style.display = ‘none’; //让div隐藏效果如图:附代码 已运行<!DOCTYPE html><html><head> <meta charset="U...

2019-04-08 22:26:18 3533

原创 用JS实现一个秒表计时器

秒表计时器的实现:效果图如下:附代码,已调试运行<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...

2019-04-08 18:09:00 37763 5

原创 声明提升

变量的声明提升:JavaScript引擎的工作方式是:先解析代码,获取所有被声明的变量,然后再一行一行地运行。这造成的结果,就是所有的变量的声明语句,都会被提升到代码的头部,这就叫做变量提升(hoisting)1.变量提升只会提升变量名的声明,而不会提升变量赋值的初始化。JavaScript 中,函数及变量的声明都将被提升到函数的最顶部,只不过变量提升只会提升变量名的声明到顶部,而不会提升变...

2019-04-07 16:58:12 112

原创 JS运算符中隐式转换的规律

JS运算符中隐式转换的规律:一、递增递减运算符1.如果包含的是有效数字字符串或者是有效浮点数字符串,则会将字符串转换(Number())为数值,再进行加减操作,返回值的类型是:number类型var num1 = “1”var num2 = 1 alert(num1 - num2); //02.如果不包含有效数字字符串,则会将字符串的值转换为NaN,返回值的类型是:number类型。...

2019-04-07 16:08:39 618

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除