- 博客(66)
- 收藏
- 关注
原创 js-蒙层下边禁止滚动的方法(利用touchmove的事件监听)
一开始自己用的网上大部分写的方式给document加上touchmove的禁止滚动事件。在自己的蒙层上加的监听事件的 不是在body上。然后蒙层的dom删除的时候 监听事件就没了的。但是我自己开发中发现没移除成功的这个事件。然后当蒙层消失时候 移除这个监听事件。二.后来自己的方式就是。
2024-01-25 18:34:28
438
原创 时间的格式转换-用于展示
import moment from ‘moment’;moment(timeNumber).format(‘YYYY.MM.DD kk:mm:ss’);
2024-01-25 16:49:12
428
原创 css 动画的旋转平移translate rotate
transform:translate(3rem, 1.5rem) rotate(-45deg)’transition: ‘transform 0.3s’,
2023-12-25 17:23:25
495
原创 ts 浅谈
ISSIGNED = ‘ISSIGNED’, // 已经完成签约。NOT_ADMIT = ‘NOT_ADMIT’, // 不准入。ADMIT = ‘ADMIT’, // 准入,未签约。参数是string格式 返回值是string格式。就是我自己用的比较多的是 还是声明数据的。还有调接口时候的定义接口的出入参。interface.ts文件中。‘A’ = ‘余额类型1’,‘B’ = ‘余额类型2’,‘C’ = ‘余额类型3’,‘D’ = ‘余额类型4’,a可选 b必传 c有默认值。在index.tsx文件中。
2023-12-21 16:22:22
850
原创 react useState异步问题
3)通过useRef()定义一个可变的ref变量,通过current属性保存count可变值,从而在count更新后,通过ref的current属性拿到更新后的count值;2)在useEffect中调用query函数,因为在useEffect中,组件dom已经更新完毕,可以拿到count的最新值;// 定义一个可变的countRef对象,该对象的current属性被初始化为传入的参数count;// 在countRef.current属性中保存一个可变值count的盒子;// 函数组件中没有this。
2023-12-20 17:55:35
1250
原创 react 中的props.children
此时的render就是 ‘child node’,this.props.children就是拿到了父级组件中的子节点。react 中的props.children可以实现类似 Vue 中的插槽功能。
2023-12-20 15:31:17
447
原创 js 判断滚动条是否滑动到了底部
const scrollToTheEndFn = () => {let scrollTopFn = 0; // 滚动条的高度if (document.documentElement && document.documentElement.scrollTop) {scrollTop = document.documentElement.scrollTop;} else if (document.body) {scrollTop = document.body.scrollTop;}};
2023-12-20 15:00:52
775
原创 react hooks浅谈
3. useImperativeHandle 是在子组件中接收这个ref 可以暴露子组件的特定属性或方法给父组件。2. forwardRef是允许了 父组件向子组件传递一个ref,父组件才可以获得子组件的方法和实例元素。console.log(‘这是传的第一个方法’);console.log(‘这是传的第二个方法’);注:当需要复杂的传值的属性和方法调用时 这么用可以。但一般单纯的回归方法调用就能解决就不用这样写了。setVisible,//这是传的一个属性值。类组件是用的setState({})
2023-12-19 16:58:56
482
原创 1个 2个 3个 支持水平任意个数的布局
就是项目中 可能会有3个 2个 1个然后要支持水平任意个数的布局可以用弹性盒然后display:flexjustify-content:center;就是每次都会居中的 不论是什么个数的然后样式的话 可能每个和每个之间 会有一个边距的设置任意个数的是一样的给每个盒子 设置margin: 0px 10px;...
2022-05-25 18:06:57
77
原创 模版样式的引入 两个类名的写法
模版样式的引入两个类名的写法1.className={${styles['panel']} ${styles['open']}}就是 得这样写的这样就支持 同时两个类名的写法
2022-05-25 16:42:25
452
1
原创 项目中页面可以左右滑动是什么缘故
页面可以左右滑动 就是有些元素过大了 超出了 给相应的模块儿 就会自动撑开然后给对应的模块儿 加个overflow:hidden
2022-05-25 16:39:43
537
原创 浏览器里可以直接删除增加元素和调用哪个环境的接口取决于调用哪个服务器
就是可以直接在浏览器里 复制元素的 比如只有循环里只有一个额可以直接复制两个出来 或者直接删掉的2.额可以看源码 就是找到自己的包的版本号 看浏览器里的资源的3.就是调用哪个环境的接口取决于调用哪个服务器改hosts就是这个原理...
2022-05-25 16:37:03
96
原创 js filter 和 find的区别
返回的是数组filter() 方法创建一个包含所有通过测试函数的元素的新数组。如果没有元素满足测试函数,则返回一个空数组。1.find 返回的是符合条件的第一个数据find() 方法返回通过测试函数的第一个元素的值。如果没有值满足测试函数,则返回 undefined。...
2022-05-25 16:28:45
269
原创 pc toast改变大小
如果项目中是 分移动端和pc端然后pc端的话 可能要改toast的大小的const div = document.getElementsByClassName(‘am-toast-text’)[0];div.setAttribute(‘style’, font-size: 16px !important; min-width: 120px !important; padding: 15px 0px !important,);获取这个元素 然后设置
2022-05-25 16:23:43
168
原创 pc端的项目 屏幕缩小绝对定位的热区对不上相应的位置了巧用百分比的
pc端 一些组件 在圈热区的时候 对于移动端还没啥 就是有pc端的话 然后在此时缩小屏幕的时候热区就对不上了 就是此时热区的绝对定位 可以用“width”:“100px”,“height”:“200px”,“left”:“19%”,“top”:“50%”百分比它来搞的 这样就是会适配屏幕的缩小放大的...
2022-04-13 16:06:53
247
原创 js antd
就是一般pc的页面为了统一的页面样式,外边可以套一个 form的表单,一方面是都是居中展示的,一方面统一风格,还有antd它自己封装了一些效果可以直接拿来应用,比较合适的展示多元的效果。然后对于form表单里边的内容是可以自己定义的....
2022-03-25 15:32:20
346
原创 js antd中可交互的溢出省略的文本遇到刷新 先展示最长再展示省略效果 问题
import { Typography } from ‘antd’;import ‘antd/dist/antd.css’;const text =‘文本内容啦啦啦啦啦’ {text && 然后解决的方法是当此时text没有文案的时候就让他先设置上ellipsis的{text ? (<Paragraph copyable={{ tooltips: false }} ellipsis>{text}) : ()}//结果是对的 就是猜测这个问题出现的原因...
2022-03-25 15:27:09
468
原创 js复制文本的实现
单纯js的实现<buttononClick={() => {this.copy();}}>复制private copy(): void {const content = document.getElementsByClassName(‘page-new-link-src’)[0].innerHTML;navigator.clipboard.writeText(content);}2.结合antd的复制文本import {Typography } from ...
2022-03-25 14:58:45
273
原创 js new Promise的基本用法
function easyShare(config) {return new Promise((resolve, reject) => {try {if (config === true) {console.log(11, config)setTimeout(() => {resolve(‘成功了’)}, 1000)} else {// throw errorthrow ‘失败了’}} catch (error) {console.log(12, error)reje
2022-03-18 15:55:46
4287
原创 js 将字符串转化为number的简单方式
str 前边加上 正负号即可console.log(11,typeof(+‘123’))//numberconsole.log(11,typeof(-‘123’))//number2.就是使用运算符减、乘、除的其中一种,在不改变原值的情况下,和number类型的值做运算,console.log(11,typeof(‘123’-0))//numberconsole.log(11,typeof(‘123’* 1))//numberconsole.log(11,typeof(‘123’...
2022-03-04 17:14:25
4496
原创 react dangerouslySetInnerHTML
react中 dangerouslySetInnerHTML是将字符串类型标签渲染在页面上例:
2022-03-04 16:17:26
387
原创 js window.location
获取的是当前页面url的 从问号开始的部分https://mp.csdn.net/mp_blog/manage/article?spm=1011.2124.3001.5298console.log(window.location.search)//"?spm=1011.2124.3001.5298"
2022-03-04 11:08:17
496
原创 js 数组方法 filter map forof find findIndex的使用区别
filter 不改变原始数组 返回符合条件的数据 格式是一个数组作用是过滤出符合条件的数据let arr = [1,2,3,4,5]// arr.filter((ele,index)=>ele>1)const arrFilter = arr.filter((ele,index)=>ele>1) console.log(arrFilter) //[2, 3, 4, 5]map 即是映射 返回原始数组每一项映射后的新数组作用是根据原始数组 映射出...
2022-03-04 10:37:02
173
原创 ts 基础知识
声明数组的两种方式1.1 基本的let arr:number[] =[1,2,3]1.2结合泛型let arr:{test:string}[] =[{test:‘1’}]let arr:Array<{test:string}>=[{test:‘1’}]声明对象的两种方式let obj1:object ={test:‘1’}let obj1:{test:string} ={test:‘1’}3.接口interfaceinterface:接口概念:定义参数或方法的数...
2022-03-03 17:40:04
84
原创 js 监听事件传值new CustomEvent和new Event的区别
Event 和 Custom 都是自定义事件,区别在于CustomEvent可传参数数据。1.new Event 不可传参window.addEventListener(‘bkmorphoapi:error’, (e) => {console.log(77,e,e.detail)});setTimeout(() => { console.log(8989)// 触发, 即弹出文字 执行监听的事件window.dispatchEvent(new Event('bkmorphoa
2022-03-03 15:26:10
2233
原创 js 对象中有方法的写法
对象中有方法的写法1.1直接写函数 省略属性名 不用写functionconst obj ={fn(){console.log(8989)}}1.2带属性名 不重复写函数名const obj ={fn: function (){console.log(8989)}}解读一段代码:const commonService = () => ({fn(){console.log(11)},fn2(){console.log(11)}})//这个即是 com...
2022-03-02 17:40:36
1537
原创 js import的使用
是否是默认导出默认导出 不加{} 不是默认导出加{}test.jsexport default function fn() {console.log(“fn”);}export function fn2() {console.log(“fn2”);}export function fn3() {console.log(“fn3”);}index.jsimport fn from “./test.js”;import { fn2 as fn2name } from “./te...
2022-03-02 10:24:00
2801
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人