![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
小周同学:
一个正在努力学习的前端菜鸟
展开
-
canvans绘制鼠标点击遍绘制一条直线,并支持撤销
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> body { margin: 0; } #canvas { border: 1px solid r原创 2022-03-18 09:33:24 · 576 阅读 · 0 评论 -
typescript+reac实现选项卡功能
1.tsx代码import { Component } from "react";import './Tab.less'interface Props {}interface user { id: string, text: string}interface content { id: string, text: string}interface State { ButtonIndex: number, ButtonArray: user[原创 2021-09-16 17:18:05 · 115 阅读 · 0 评论 -
typescript+reac实现简单的拖拽(移动端+PC端)
1.tsx代码import React, { Component, createRef } from "react";import './Drag.less'interface Props {}interface State {}class Drag extends Component<Props, State>{ startX: number = 0 startY: number = 0 X: number = 0 Y: number = 0原创 2021-09-16 17:16:45 · 195 阅读 · 0 评论 -
不确定行数文本上下左右居中并且超出省略号代替
动态获取数据的时候不确定文本行数并且要求文本居中和超出的用省略号来代替.son{ overflow: hidden;//超出隐藏 text-overflow: ellipsis;//溢出用省略号显示 display: -webkit-box;// 将对象作为弹性伸缩盒子模型显示。 // 控制行数 -webkit-line-clamp: 2;//超出两行隐藏 -webkit-box-orient: vertical; // 从上到下垂直排列子元素 //(设置伸缩盒子原创 2021-09-09 19:50:58 · 129 阅读 · 0 评论 -
React的二级联动(左右联动)
js代码import { Component } from 'react'import './linkage.less'class Linkage extends Component { constructor(...args) { super(...args) this.state = { ButtonList: [], ContentList: [], // 下标原创 2021-09-08 11:18:49 · 757 阅读 · 0 评论 -
React中实现图片预加载、延迟加载、上拉加载、下拉更新
1.jsx代码import { Component } from "react";import '../component/list.less'import { searchCar } from '../api/index'import love from '../assets/爱心.gif';import load from '../assets/images(1)/loading.gif'import arrow from '../assets/search/左箭头.gif'import原创 2021-09-06 19:59:59 · 1487 阅读 · 0 评论 -
如何设置最小字体
使用 transform: scale()<!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">原创 2021-09-02 21:19:26 · 231 阅读 · 0 评论