2021年7月28日

css height属性中的calc方法

摘要:例如 父盒子是100%的高度 盒子里面的head部分固定位140px 内容部分始终为剩余的全部高度 height: calc(100% - 140px); 切结"+或-"两边要有空格 不然不生效 阅读全文

posted @ 2021-07-28 15:41 ranyonsue 阅读(8) 评论(0) 推荐(0) 编辑

2021年7月21日

css单行垂直居中,超过两行显示省略号

摘要:HTML: <div> <span>单行居中,多行居左单行居中,多行居左</span></div><div> <span>单行居中</span></div> CSS: span { font-size:14px; overflow:hidden; text-overflow:-o-ellipsis- 阅读全文

posted @ 2021-07-21 10:15 ranyonsue 阅读(8) 评论(0) 推荐(0) 编辑

2021年7月8日

react hooks方法获取不到最新的state解决方法

摘要:问题在setState方法执行之后,再执行自定义的方法,这个自定义方法里面获取不到最新的state状态 import React, {useState} from "react";import { Button } from "antd" const Demo = () => { const [nu 阅读全文

posted @ 2021-07-08 16:59 ranyonsue 阅读(57) 评论(0) 推荐(0) 编辑

useState回调函数

摘要:在看的小朋友,新的react hook写法,官方默认setState方法移除了回调函数,推荐使用useEffect,但是改动的数据过多还是有很多问题。so,我在useState基础上扩展了回调函数功能,就可以像以前类写法一样传递回调方法啦。 话不多说上代码 import {useEffect, us 阅读全文

posted @ 2021-07-08 16:35 ranyonsue 阅读(81) 评论(0) 推荐(0) 编辑

2021年7月7日

React中使用react-file-viewer,实现预览office文件(pdf,word,xlsx等文件)前端实现

摘要:最近做一个项目要求在前端浏览器可以直接打开office文件(pdf,doc,xlsx等文件)。pdf浏览器可以直接打开(可以直接用a标签href="文件地址"或者iframe标签src="文件地址"再或者使用pdf.js)。但是word,xlsl等文件很难实现,网上的实现方式有微软的方法实现但是访问 阅读全文

posted @ 2021-07-07 15:44 ranyonsue 阅读(198) 评论(0) 推荐(0) 编辑

2021年7月6日

解决React 的<img >src使用require的方式图片显示不出来,展示的是[object Module]的问题

摘要:代码: <div className="bigPic"> <img src={require('../../images/bg.png')} alt="" /> </div> 此时的图片显示不出来 解决方法一、 再导入的图片后加.default即可 <img src={require('../../ 阅读全文

posted @ 2021-07-06 17:02 ranyonsue 阅读(118) 评论(0) 推荐(0) 编辑

2021年6月25日

ios下overflow:hidden 无效

摘要:ios下overflow:hidden 无效原因及解决方案 在ipad和ios上设置overflow:hidden不起作用,目前网上找到的方法是给父级元素添加position:fixed,比如这样: body { height: 100%; overflow: hidden; width: 100% 阅读全文

posted @ 2021-06-25 18:07 ranyonsue 阅读(73) 评论(0) 推荐(0) 编辑

前端禁止按钮短时间内多次点击的方法

摘要:1.方法一//声明一个控制点击的变量 var upLoadClicktag = 0; //点击事件 $("td.upLoad").on("click",function () { //第一次进来为true if(upLoadClicktag==0){ //改版变量 upLoadClicktag = 阅读全文

posted @ 2021-06-25 11:37 ranyonsue 阅读(29) 评论(0) 推荐(0) 编辑

2021年6月24日

flex布局中text-overflow失效的解决方案

摘要:在开发中我们经常会遇到这种布局,要求文字垂直居中,且超出使用省略号说到垂直居中,兼容性最好的就是flex布局,但在flex布局下出现了text-overflow失效的情况 实例代码 <div class="wrapper"> <div class="flex item">hahhhhhhhhhhhh 阅读全文

posted @ 2021-06-24 11:18 ranyonsue 阅读(107) 评论(0) 推荐(0) 编辑

2021年6月11日

JS字符串False转Boolean

摘要:大家都知道在JS的世界里, 0、-0、null、""、false、undefined 或 NaN,这些都可以自动转化为布尔的 false,那么字符串的"false"是不是false呢,答案是否定的,if("false") 来判断的话,是等于true var hasAuth = 'true'; if( 阅读全文

posted @ 2021-06-11 17:34 ranyonsue 阅读(54) 评论(0) 推荐(0) 编辑

导航