js
big tail
这个作者很懒,什么都没留下…
展开
-
Vue3 知识点
vue3知识点原创 2022-06-03 11:28:47 · 203 阅读 · 0 评论 -
Vue3开发时实用的几个库
一、API 自动导入setup语法让我们不用再一个一个的把变量和方法都return出去就能在模板上使用,大大的解放了我们的双手。然而对于一些常用的VueAPI,比如ref、computed、watch等,还是每次都需要我们在页面上手动进行import。我们可以通过unplugin-auto-import实现自动导入,无需import即可在文件里使用Vue的API。// 安装命令npm i unplugin-auto-import -D --save// 配置vite.config.jsimp.原创 2022-04-06 16:42:16 · 1570 阅读 · 0 评论 -
uniapp使用scroll-view,在iphone上,顶部底部上下拉,会产生抖动
造成抖动的原因是因为在scroll-view上,添加了scroll-top属性(用作锚点定位)改用生命周期onPageScroll,来实现滚动加载锚点定位改用 uni.pageScrollTo({ scrollTop: 0, duration: 300 });原创 2021-09-26 14:27:40 · 1973 阅读 · 1 评论 -
原生JS通过控制css变量修改dom元素样式
变量一定要设置在:root中(root:设置 HTML 文档的背景色)<!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, initia原创 2021-02-24 10:10:48 · 875 阅读 · 0 评论 -
React组件属性类型(propTypes)校验
React组件属性类型(propTypes)校验这是一个评分组件import React from "react";import propTypes from "prop-types";const Rating = ({ value, text, color }) => { return ( <div className="rating"> <span> <i style={{ color }}原创 2021-02-21 13:47:45 · 299 阅读 · 0 评论 -
JS 实现倒计时功能
JS 定时器setIntervalsetInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。/* 1.uniapp中使用定时器,实现倒计时功能 2.需要在页面销毁的时候,清除定时器 3.每次生成定时器前,必须判断,该定时器是否存在,如果存在,就return(不可重复生成)*/<template> <view>剩余时间原创 2021-02-08 19:49:57 · 3013 阅读 · 0 评论 -
Antd 封装Modal
Antd 封装Modal// 子组件// Modal的visible直接设为trueconst { title, onClose } = this.props;<Modal title={title} visible={true} onOk={this.handleOkDraw} onCancel={onClose} maskClosable={false}> <Form> <Steps status="wait" size="small" direc原创 2020-12-15 19:11:05 · 1278 阅读 · 0 评论 -
bizCharts添加暂无数据
bizCharts添加暂无数据<Chart scale={scale} data={chartData} padding={'auto'} autoFit height={300} placeholder={ <div style={{ width: '100%', display: 'flex', justifyItems: 'center', paddingTop: '50px',原创 2020-12-08 09:31:22 · 1129 阅读 · 1 评论 -
Antd自定义表单验证 判断图片是否存在
Antd自定义表单验证 判断图片是否存在// 触发表单验证 const onCheck = () => { props.form.validateFields() .then((values) => { let cur = { type: props.type, id: props.curData.id, }; props.addSuc(values, cur); })原创 2020-12-01 19:38:45 · 449 阅读 · 0 评论 -
小程序大量form表单存值
小程序大量form表单存值//html<input data-name='input1' onChange='handleInputChange' />//js//1.直接往data中存值,并没有包含在一个对象中handleInputChange(e){ const { currentTarget : { dataset : { name } } , detail : { value } } = e this.setData({ [name]:value })} //原创 2020-07-26 15:44:18 · 196 阅读 · 0 评论