- 博客(16)
- 收藏
- 关注
原创 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 397
原创 组件封装时如何对css样式进行动态处理?
组件封装时如何对css样式进行动态处理?目前遇到的三种形式:1.css样式文件组件中如何引用export的buttonStyles:2. css样式文件code:在组件中使用:3. css文件code:以上是目前遇到的三中形式可进行处理的方式,后续若遇到更多类型会继续补充。综上,style里使用变量来动态控制样式,可以把style函数化,通过参数进行控制。...
2021-02-24 15:55:47 602
原创 在ant design 中使用 sortOrder对table 进行排序报错 (使用typescript)
直接上代码!!!错误代码:报错:解决报错的代码:
2020-11-06 15:57:05 1079
原创 前端 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 1708
原创 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 2875
原创 国际化 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 3200
转载 移动端的一些解决兼容性的方案
随着手机的普及,移动端的开发也成了一个重要的方向,但由于设备的不统一会造成一些兼容性问题,1、安卓浏览器看背景图片,有些设备会模糊。用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢?经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以苹果当初就把iPhone 4的960640分辨率,在网页里只显示了480320,...
2019-05-23 22:43:55 1154
原创 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 4696
原创 post和get的区别以及报文格式
HTTP的报文格式解析一、概述 http报文是面向文本的,报文中每一个字段都是一些ASCII码串,各个字段的长度是不确定的。http有两类报文:请求报文 响应报文二、请求报文 一个http请求报文由请求行(request line)消息头部(header)空行请求正文 四部分组成; a、请求行 请求行由请求方法字段、URL字段和HTTP协议版本字段,组成,...
2019-05-21 23:09:12 2771
原创 JS代码 让广告在弹出后自动关闭
让广告在弹出后自动关闭 类似于倒计时,会用到下边的方法属性oDiv.style.display = ‘block’; //让div显示oDiv.style.display = ‘none’; //让div隐藏效果如图:附代码 已运行<!DOCTYPE html><html><head> <meta charset="U...
2019-04-08 22:26:18 3623
原创 用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 37902 5
原创 声明提升
变量的声明提升:JavaScript引擎的工作方式是:先解析代码,获取所有被声明的变量,然后再一行一行地运行。这造成的结果,就是所有的变量的声明语句,都会被提升到代码的头部,这就叫做变量提升(hoisting)1.变量提升只会提升变量名的声明,而不会提升变量赋值的初始化。JavaScript 中,函数及变量的声明都将被提升到函数的最顶部,只不过变量提升只会提升变量名的声明到顶部,而不会提升变...
2019-04-07 16:58:12 119
原创 JS运算符中隐式转换的规律
JS运算符中隐式转换的规律:一、递增递减运算符1.如果包含的是有效数字字符串或者是有效浮点数字符串,则会将字符串转换(Number())为数值,再进行加减操作,返回值的类型是:number类型var num1 = “1”var num2 = 1 alert(num1 - num2); //02.如果不包含有效数字字符串,则会将字符串的值转换为NaN,返回值的类型是:number类型。...
2019-04-07 16:08:39 628
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人