纯原生JS轮播 loop.jsHTMLDivElement.prototype.createTurnPage = function (imageArray) { if (!imageArray) { return; } /* 轮播图展示图片数量 */ var sliderNum = imageArray.length; /* 轮播图展示宽度 */ var sliderWidth = this.offsetWidth; /* 轮播图展示
useState影响setFieldsValue的表单值 原因setFieldsValue是在from初始化之前,usestate重置 了可以将setFieldsValue放到setTimeout里面解决 setTimeout(() => { formRef.current?.setFieldsValue({ ...params, timeRange: [moment(timeRange[0]), moment(timeRange[1])], }); }, 0);仅提供一个思路..
vite项目无限刷新 用公司的一个小项目试了把vite 启动是真的快但是突然出现开发环境无限刷新 控制台报错一闪而过定位到vite源码 是websocket连接问题把server改成https试试就解决了!!!
gulp打包支持es6 1、全局安装babel。使用命令 npm install -g babel 和npm install -g babel-cli2、本地安装gulp-babel。 npm install --save-dev gulp-babel3、安装babel 辅助插件。 npm install --save-dev babel-preset-env4、安装babel 辅助插件。 npm install --save-dev babel-core babel-preset-es20155、在项目
飞书小程序的坑 飞书小程序ios与android差异或者是tt.login的差异 (没时间深入对比了)ios先执行 组件onLoad 或者与全局同时执行(应该是同时执行) 导致两处调用login时返回重复状态码android 先执行首页onload开发者工具先执行 全局onLaunch...
react useState数据更新不同步问题 原因合并更新造成的数据不能及时更新(非标准异步过程)为什么我会在我的函数中看到陈旧的 props 和 state ?解决方案1.使用useRef存值在useEffect中监听state变化,存进ref中import './App.css';import React, { useState,useRef,useEffect} from 'react';function App() { let [count,setCount]=useState(0) const myRef =
封装ajax 兼容ie /* * @Author: wangjun * @Date: 2022-03-18 11:18:13 * @LastEditors: wangjun * @LastEditTime: 2022-03-18 11:45:15 * @Description: 请填写简介 */// @ts-nocheckfunction _ajax(options) { // 存储的是默认值 var defaults = { type: 'get', url: ''
前端MD5算法 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do
css一行居中,两行居左 <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <titl
纯前端实现pdf分页下载,完美支持横屏竖屏 如有帮助,给颗star 源码paging-pdf前端pdf分页下载默认竖屏使用方法1. 安装yarn add paging-pdf1. 使用import pagingPdf from 'paging-pdf';pagingPdf(fileName,selector)3.Attributes参数类型描述fileNamestring下载文件名selectorstring分页容器className,以此分页 例:.pdf-contentdir
echart自适应尺寸,字体,宽度 echart在改变容器尺寸时需要手动调用resize才能做到图表变化但是设置的fontsize,with这些参数还是无法改变本插件解决这一问题如有帮助 给颗starauto-size-echart根据容器大小自动缩放echarts本地测试App.vue为测试页面git clone https://github.com/wj100/auto-size-echart.gityarnyarn dev使用方法1. 安装yarn add auto-size-echart1. 使
报错Cannot read property ‘close‘ of undefined 清除缓存删除包 重新installnpm cache clean --forcerm -rf node_modules 或者 rimraf node_modules
浏览器全屏 function requestFullScreen() { var de = document.documentElement; if (de.requestFullscreen) { de.requestFullscreen(); } else if (de.mozRequestFullScreen) { de.mozRequestFullScreen(); } else if (de.webkitRequestFullScreen) { de.webkitRequestFullSc
移动端适配实践 关于移动端适配,网上有很多文章,什么viewport,理想视口,dpi之类的。。设计稿750我的办法是<meta content="width=750, initial-scale=.5" name="viewport">然后页面.page{ width:750px}最后加上一段脚本动态设置scale<script> const WIDTH = 750 const mobileAdapter = () => { let scal
ReferenceError: primordials is not defined 这是node版本与glup版本不匹配导致的可以使用nvm,n等工具控制node版本或者在项目下加一个npm-shrinkwrap.json文件,内容如下:{ "dependencies": { "graceful-fs": { "version": "4.2.3" } }}然后重新install依赖...
antd获取form表单数据的两种方法 使用useRefconst formRef = useRef<FormInstance>();<Form ref={formRef }/>//获取const values = await formRef.current?.validateFields()使用antd提供的钩子useForm const [form] = Form.useForm<FormInstance>(); <Form form={form}/> //获取 cons