定期复盘-总结
定期对于自己所接触的新知识、或者踩到的坑进行总结。
山川pro
这个作者很懒,什么都没留下…
展开
-
8、滑动删除组件_mobile端_react
jsx/** * 滑动删除 * * children props 里面传递的盒子 * onDelete 点击删除调用props方法 * id 当前点击的唯一值 */import React from 'react';import './index.less';class SlideDelete extends React.Component { constructor(props) { super(props); this.state .原创 2022-03-16 16:26:30 · 1274 阅读 · 0 评论 -
7、判断处于PC/MOBILE的几种方法
navigator.userAgentif (/Mobi|Android|iPhone/i.test(navigator.userAgent)) { // 当前设备是移动设备}// 另一种写法if ( navigator.userAgent.match(/Mobi/i) || navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/iPhone/i)) { // 当前设备是移动设备}..转载 2022-01-06 14:18:49 · 513 阅读 · 0 评论 -
6.日期函数(根据moment.js库获取时间段)
import moment from 'moment'const STANTFORMAT = "YYYY-MM-DD 00:00:00"const ENDFORMAT = "YYYY-MM-DD 23:59:59"/** * @description: * @param {String} type * ['前日','昨日', '今日', '明日', '上周', '本周', '下周', '上月', '本月', '下月', * '去年', '今年', '明年', '上季度', '本季度',原创 2021-12-30 15:39:18 · 532 阅读 · 0 评论 -
5. 滑块组件
组件结构<div role="slider" class="pd-slider"> <div class="pd-slider__runway"> <div class="pd-slider__bar" style="<%= `width: ${value}%;`%> left: 0%;"></div> <div class="pd-slider__button-wrapper" style=.原创 2021-09-19 17:34:54 · 175 阅读 · 0 评论 -
4.复选框组件封装(基于backbone)
html、css部分<!-- * @Author: RenXiaoDong * @Date: 2021-08-10 09:32:23 * @LastEditTime: 2021-08-29 15:49:21 * @LastEditors: RenXiaoDong * @Description: 复选框--><style> .pd-select-dropdown__wrap { display: inline-block; p.原创 2021-08-29 15:52:45 · 152 阅读 · 0 评论 -
3、常用js函数(持续添加)
获取数据类型function getType(para) { return Object.prototype.toString.call(para)}数组去重//简单数组去重function unique1(arr) { return [...new Set(arr)]}function unique2(arr) { var result = []; arr.forEach(ele => { if (result.indexOf.原创 2021-08-22 15:21:28 · 83 阅读 · 0 评论 -
2、Js 常用数组方法总结(持续添加)
const arr = [1,2,3,4,5,6,7]filter:过滤器,返回符合条件的元素组成的新数组let result = arr.filter(item => item > 3) // [4, 5, 6, 7]console.log(result) // [4, 5, 6, 7]map:创建一个新数组,其结果是该数组中的每个元素是调用一次提供的函数后的返回值。let result1 = arr.map(item => item > 3) let re原创 2021-08-08 16:55:32 · 97 阅读 · 0 评论 -
1、交互优化(防抖与节流、MouseEnter 和 mouseLeave事件)
需求:二级菜单的显示与隐藏。鼠标移到一级菜单上,会显示二级菜单,移出元素时,二级菜单则会隐藏。有以下三种实现方法1、首先我们想到的是通过js的鼠标事件来进行处理,那么我们应该先明确一下几个事件的基本概念。mouseenter:当定点设备(通常指鼠标)移动到元素上时就会触发 mouseenter 事件mouseleave:指点设备(通常是鼠标)的指针移出某个元素时,会触发mouseleave事件。mouseout 和 mouseover和以上两个事件的作用相似,那么他们的区别在于什么地方原创 2021-07-25 16:01:50 · 2067 阅读 · 2 评论