- 博客(69)
- 收藏
- 关注
RSS订阅转载 moment.js格式化常用使用方法总结大全
Moment.js是一个轻量级的JavaScript时间库，它方便了日常开发中对时间的操作，提高了开发效率。日常开发中，通常会对时间进行下面这几个操作：比如获取时间，设置时间，格式化时间，比较时间等等。以下就是JavaScrip教程网对moment.js使用过程中的常用使用方法总结，希望可以帮助到大家。二、基础格式 用法1.日期2.时间日期4.星期5.当前日期之后的某一天/周/月/年/ps: 将来就是加add，曾经就是减subtract, 现在是moment()，复杂的加减可以使用链式。
2023-05-06 16:16:43
787
转载 最新手机号、身份证号、邮箱的正则判断
一般表单页面都需要填写手机号，校验用户输入的手机号码是否正确，就要用到正则表达式，用正则表达式来匹配手机号段，如在运营商号段内，则号码正确。
2023-04-14 10:16:55
2403
原创 material-ui-table 的 lookup属性(键值对)
lookup属性：用于查找渲染数据的键值对； const columns = [ { title: '单据类型', field: 'documentType', lookup: { travel_train: '差旅/培训费报销单', labour: '劳务费报销单', dailyExpenses: '日常支出报销单', meeting: '会议费报销单', maintenance
2022-04-15 10:23:48
526
原创 material-ui 的媒体查询(手机端和PC端)
useMediaQuery是 React 的 CSS 媒体查询 （Media queries）hook它监听与 CSS 媒体查询的匹配的内容。它允许根据查询的结果是否匹配来渲染组件官网介绍：https://mui.com/zh/components/use-media-query/#main-content简单的媒体查询应该将媒体查询提供给 hook 作为第一个参数。 媒体查询的字符串可以是任何有效的 CSS 媒体查询：import * as React from 'react';im.
2022-04-15 10:20:02
1154
原创 async-await 的接口返回 promise类型的取值处理
如果在使用 async-await 处理接口取返回值，若没有对返回值进行 Promise 封装处理，那么最终等到的返回值就是一个 Promise对象。所以需要在将接口获取到值往外层函数传的时候，对其进行 Promise 封装处理，然后再得到一个 Promise 封装处理后的对象 之后用 Promise.allSettled() 取对象里的值，在用 filter() 函数 和 map() 函数 对其值进行过滤筛选，最终获取到的才是我们要的值。 const fetchCheck = async () =&
2022-04-15 10:18:34
5415
原创 material-ui Autocomplete 中的过滤选项方法
Autocomplete 有一个 filterOptions方法：可以自由决定哪些选项可用，哪些将隐藏。如果只想显示所有选项，只需实现filterOptions返回所有值：filterOptions={(options, state) => options}实现 不区分大小写模糊查询 项目名或编码：<Autocomplete value={values.fundSource} inputValue={fundSourceInput} options={fundS
2022-04-15 10:15:27
571
1
原创 material-ui-table 数据类型-货币 设置
Intl.NumberFormat：输入一串数字，然后对其进行金额格式化：用 逗号 分隔（三位一逗号）保留 2 位小数点 ，数不足补 0四舍五入要加金额符号 $var number = 123456.789;var result = new Intl.NumberFormat('en-GB', { style: 'currency', currency: 'USD' }).format(number);console.log(result); // $123,456.7.
2022-04-15 10:11:29
229
原创 滚动组件 react-perfect-scrollbar 和冻结行、列
https://www.npmjs.com/package/react-perfect-scrollbar ：用到滚动组件去作友好的滚动处理（没发觉有什么具体效果感觉）https://v4.mui.com/zh/components/tables/：用material-UI 的table组件 + 自定义CSS 实现冻结效果；import React, { useEffect, useState } from 'react';import { Link as RouterLink } from 'rea
2022-04-15 10:06:41
1541
原创 React获取router路由路径里的相关信息
路由：'financial-budget/:id/edit'路径：http://localhost:3000/financial-budget/4028963b7ce8b541017ce90bed9400ca/edit（1）用 useParams() 获取参数：import { useParams } from 'react-router-dom';const { id } = useParams();console.log(useParams()); ======> usePar
2022-04-15 10:00:49
11347
转载 Javascript中!!(两个感叹号，双感叹号)的含义
在javascript代码中经常会见到!!的情况，本文即以实例形式较为深入的分析javascript中2个感叹号的用法。分享给大家供大家参考之用。具体分析如下：javascript中的!!是逻辑"非非"，即是在逻辑“非”的基础上再"非"一次。通过!或!!可以将很多类型转换成bool类型，再做其它判断。使用javascript时，有时会在变量前面加上两个感叹号，这样做表示什么含义呢？Javascript中，!表示运算符“非”，如果变量不是布尔类型，会将变量自动转化为布尔类型，再取非，那么用两个!!就可以将
2021-06-15 09:37:30
8975
转载 在 React组件里加 if...else 判断
在React中，一个组件的HTML标签与生成这些标签的代码内在地紧密联系在一起。这意味着你可以轻松的利用javascript强大的魔力，比如循环和条件判断等。想要在组件中添加条件判断，似乎是件比较困难的事情，因为if/else逻辑很难用HTML标签来表达。直接在JSX中加入if语句会渲染出无效的JavaScript：var IvanIf = React.createClass({ render: function () { return( <!--会渲染出无
2021-04-09 21:30:26
5569
原创 idea运行start命令：error Expected linebreaks to be ‘LF‘ but found ‘CRLF‘ linebreak-style
报错的原因是项目代码做了eslint的规范检查：规定了换行需要以unix系统的换行方式，Linux下只有换行LF，而在window下换行默认是CRLF，在window系统下git pull项目的时候，git会默认将文件中的LF换行方式转为系统默认的CRLF换行格式，才会导致用idea打开时，所有的文件都是CRLF，这样代码提交后，会出现编译问题（服务端为linux系统）这种差异是因为系统的不同而存在，具体差异：Windows系统下文本文件的换行符是： 回车+换行CR/LF即 \r\n或^M\nl
2021-04-06 12:31:04
1458
转载 npm 删除已安装的依赖
npm uninstall XXX -S 卸载XXX依赖npm安装依赖【npm install xxx】利用 npm 安装xxx依赖到当前命令行所在目录【npm install xxx -g】利用npm安装全局依赖xxx【npm install xxx –save】 安装并写入package.json的”dependencies”中【npm install xxx –save-dev】安装并写入package.json的”devDependencies”中npm删除依赖【npm uninst
2021-04-02 15:50:59
5706
转载 vue.js实现动态更改css样式
方式一：HTML代码：<ul class="header-list"> <li v-cloak v-for="(item,index) in headerList" v-on:click="selectMainTheme(index)"> <a href="java:;" :class="{'active':idx == index}">{{item.name}}</a> </li></ul>Javascript代码：
2021-03-22 15:43:08
1730
原创 监听浏览器URL中 hash 变化
最近在做项目的时候要对页面进行过滤，由于一些原因不适合在vue的router中进行监听操作，故用到了 window.location 对象.在控制台输入 window.location 回车后，能看到当前页面的 window.location 对象的一些信息：下面代码中 cubeTitleLeftClick () 是项目里的一个按钮的监听事件，返回的参数值 return 'disableWebviewGoBack' 是该监听事件要求返回的参数值，而 testLogout()、testTitleLe
2021-03-03 14:58:22
2640
1
原创 Vue中监听浏览器窗口关闭事件，并在窗口关闭进行操作
window.onload事件 设置页面加载时执行的动作，即进入页面的时候执行的动作。window.onunload 已经从服务器上读到了需要加载的新的页面，在即将替换掉当前页面时调用，一般用于设置当离开页面以后执行的动作。window.onbeforeunload 是正要去服务器读取新的页面时调用，此时还没开始读取，简单来说就是 在离开页面前的，一般用做提醒问你是不是要离开这个页面。onunload和onbeforeunload都是在页面刷新和关闭前的动作，但是onbeforeunl..
2021-03-03 14:27:50
24984
15
原创 前后端请求参数加密
前端第一步：//安装npm install crypto-js --save-dev第二步：在src目录下新建个放公用js文件夹(common)，再建一个AES.js文件（存放加密解密方法的工具文件），在AES.js中填写如下代码 ：import CryptoJS from 'crypto-js'import { ENCRYPT_KEY, ENCRYPT_IV } from '@/BaseEnvConfig.js'// ENCRYPT_KEY, ENCRYPT_IV 是在BaseEnvCo
2021-03-03 11:31:24
4155
1
转载 外企面试-英语部分
自我介绍：清晰的表述首先要自信并且淡定，面试面试，为什么要见面，就是面试官要看见你的整体，不单单是听你的表述，还要感受你的状态以及精神面貌。所以面试说话的时候谈吐自然，自信，不慌张是基本。我遇见很多朋友，他们说中文的时候语速很正常，但是在说英语的时候不知道为什么语速特别快，可能是因为紧张，也可能是因为不自信，当然还有一种可能是英语太流利。但是要知道语速快并不代表英语好，你说话最基本的是要保证对方能够听清楚，并且听得懂。所以第一重要是表述要清晰，不要慌张，有话好好说。克服紧张如果你一说英语就紧
2021-03-02 21:35:05
229
转载 sonarqube无法启动之“另一个程序正在使用此文件”
当出现这种情况的时候，说明之前已经开启过一次打开任务管理器，看到java的任务就结束任务即可.
2021-02-26 17:07:17
541
转载 元素水平垂直居中的几种方式
6种方式：absolute加margin方案fixed 加 margin 方案display:table 方案行内元素line-height方案flex 弹性布局方案transform 未知元素宽高解决方案absolute加margin方案 div{ position: absolute; width: 100px; height: 100px; left: 50%; top: 50%:
2021-02-25 21:26:57
164
原创 外部js怎么调用vue中methods的方法
所谓的 外部js，可以是 .js文件，也可以是 .html文件; vue 中的 methods方法 也就是 .vue文件里的 methods属性下的方法.当 原生js 和 vue中methods的方法不在同一个文件下，js要调用vue中methods的方法，操作如下：//.vue文件里的代码export default { name: 'home', mixins: [mainMixin], data: function () { return {...}}, computed
2021-02-24 17:21:59
10138
12
原创 算法 ---- 滑动窗口(双指针)
题目描述：解题思路：暴力解法：如果一个问题暂时没有思路，可以先考虑暴力解法（不一定要实现）。当前问题的暴力解法是：枚举输入字符串的 所有 子串，对于每一个子串：如果子串里所有的字符都一样，就考虑长度更长的子串；如果当前子串里出现了至少两种字符，要想使得替换以后所有的字符都一样，并且重复的、连续的部分更长，应该替换掉出现次数最多字符 以外 的字符。暴力解法的时间复杂度为 O(N3)（这里 N 是输入字符串的长度，枚举所有子串 O(N2)，对于每一个子串计算最多出现的字符 O(N)）
2021-02-22 09:46:25
258
原创 算法 ---- 翻转数组
题目描述：给定一个数组，将数组中的元素向右移动 k 个位置，其中 k 是非负数。示例 1:输入: [1,2,3,4,5,6,7] 和 k = 3输出: [5,6,7,1,2,3,4]解释:向右旋转 1 步: [7,1,2,3,4,5,6]向右旋转 2 步: [6,7,1,2,3,4,5]向右旋转 3 步: [5,6,7,1,2,3,4]示例 2:输入: [-1,-100,3,99] 和 k = 2输出: [3,99,-1,-100]解释:向右旋转 1 步: [99,-1,-100,
2021-02-22 09:41:03
1825
原创 设计原则
学习设计原则，学习设计模式的基础。在实际开发过程中，并不是一定要求所有代码都遵循设计原则，我们要考虑人力、时间、成本、质量，不是刻意追求完美，要在适当的场景遵循设计原则，体现的是一种平衡取舍，帮助我们设计出更加优雅的代码结构。六大设计原则：另外还有一个 合成复合原则 也会进行介绍.1. 开闭原则开闭原则，其在理解上比较简单，而且也是其他设计原则的基石，是面向对象设计中最基础的设计原则。定义：Software entities (classes, modules, functions, e
2021-02-21 17:43:58
467
原创 leetcode刷题打卡 ---- 697数组的度
题目描述：给定一个非空且只包含非负数的整数数组 nums，数组的度的定义是指数组里任一元素出现频数的最大值。你的任务是在 nums 中找到与 nums 拥有相同大小的度的最短连续子数组，返回其长度。示例 1：输入：[1, 2, 2, 3, 1]输出：2解释：输入数组的度是2，因为元素1和2的出现频数最大，均为2.连续子数组里面拥有相同度的有如下所示:[1, 2, 2, 3, 1], [1, 2, 2, 3], [2, 2, 3, 1], [1, 2, 2], [2, 2, 3], [2,
2021-02-20 16:55:31
245
原创 leetcode刷题打卡 ---- 643子数组最大平均数
题目描述：给定 n 个整数，找出平均数最大且长度为 k 的连续子数组，并输出该最大平均数。示例：输入：[1,12,-5,-6,50,3], k = 4输出：12.75解释：最大平均数 (12-5-6+50)/4 = 51/4 = 12.75提示：1 <= k <= n <= 30,000。所给数据范围 [-10,000，10,000]。解题思路：首先会直接想到暴力法来解题，将数组中所有可能的子数组结果计算出其平均值，然后找出最大的那个平均值。class So
2021-02-04 14:33:05
137
原创 leetcode刷题打卡 ---- 888公平的糖果棒交换
题目描述：爱丽丝和鲍勃有不同大小的糖果棒：A[i] 是爱丽丝拥有的第 i 根糖果棒的大小，B[j] 是鲍勃拥有的第 j 根糖果棒的大小。因为他们是朋友，所以他们想交换一根糖果棒，这样交换后，他们都有相同的糖果总量。（一个人拥有的糖果总量是他们拥有的糖果棒大小的总和。）返回一个整数数组 ans，其中 ans[0] 是爱丽丝必须交换的糖果棒的大小，ans[1] 是 Bob 必须交换的糖果棒的大小。如果有多个答案，你可以返回其中任何一个。保证答案存在。示例 1：输入：A = [1,1], B = [2
2021-02-01 14:46:28
78
原创 leetcode刷题打卡 ---- 724寻找数组的中心索引
题目描述：给定一个整数类型的数组 nums，请编写一个能够返回数组 “中心索引” 的方法。我们是这样定义数组 中心索引 的：数组中心索引的左侧所有元素相加的和等于右侧所有元素相加的和。如果数组不存在中心索引，那么我们应该返回 -1。如果数组有多个中心索引，那么我们应该返回最靠近左边的那一个。示例 1：输入：nums = [1, 7, 3, 6, 5, 6]输出：3解释：索引 3 (nums[3] = 6) 的左侧数之和 (1 + 7 + 3 = 11)，与右侧数之和 (5 + 6 = 11)
2021-01-28 15:44:06
80
转载 leetcode刷题打卡 ---- 1128等价多米诺骨牌对的数量
题目描述：给你一个由一些多米诺骨牌组成的列表 dominoes。如果其中某一张多米诺骨牌可以通过旋转 0 度或 180 度得到另一张多米诺骨牌，我们就认为这两张牌是等价的。形式上，dominoes[i] = [a, b] 和 dominoes[j] = [c, d] 等价的前提是 a==c 且 b==d，或是 a==d 且 b==c。在 0 <= i < j < dominoes.length 的前提下，找出满足 dominoes[i] 和 dominoes[j] 等价的骨牌对 (
2021-01-26 12:40:56
95
1
转载 JDK8中 Arrays.sort 底层排序算法的选择
追到底层源码分析一下：// Use Quicksort on small arraysif (right - left < QUICKSORT_THRESHOLD){ //QUICKSORT_THRESHOLD = 286 sort(a, left, right, true); return; }数组一进来，会碰到第一个阀值QUICKSORT_THRESHOLD（=286），注解上说，小于这个阀值的进入Quicksort （快速排序），其实并不
2021-01-20 17:40:24
281
原创 leetcode刷题打卡 ----628三个数的最大乘积
题目描述：给定一个整型数组，在数组中找出由三个数组成的最大乘积，并输出这个乘积。示例 1:输入: [1,2,3]输出: 6示例 2:输入: [1,2,3,4]输出: 24注意:给定的整型数组长度范围是[3,104]，数组中所有的元素范围是[-1000, 1000]。输入的数组中任意三个数的乘积不会超出32位有符号整数的范围。解题思路：首先是对nums进行排序，然后就是输出最大值：一定是 三个最大正数乘积 与 两个最小负数和最大正数的乘积 的最大值关于排序，我最先想到的是常用的冒泡
2021-01-20 16:04:15
83
原创 leetcode刷题打卡 ----189旋转数组
题目描述：给定一个数组，将数组中的元素向右移动 k 个位置，其中 k 是非负数。示例 1:输入: [1,2,3,4,5,6,7] 和 k = 3输出: [5,6,7,1,2,3,4]解释:向右旋转 1 步: [7,1,2,3,4,5,6]向右旋转 2 步: [6,7,1,2,3,4,5]向右旋转 3 步: [5,6,7,1,2,3,4]示例 2:输入: [-1,-100,3,99] 和 k = 2输出: [3,99,-1,-100]解释:向右旋转 1 步: [99,-1,-100,
2021-01-08 12:17:35
155
转载 数码宝贝Butter-fly（罗马音+中文谐音）
go ki gen na cyou ni natte, ki ra me ku ka ze ni notte狗ki ge/那求你那呆， Ki拉没哭卡ze/你no呆i ma su gu,ki mi ni ai ni yu kou一马速古，Ki米你阿一/你流call 哦yo kei na ko to nan te,wa su re ta ho ga ma shi sa有开你那/靠透那呆，哇速/热他/厚尬马西撒ko re i jyou,sya re
2021-01-07 14:17:47
18461
1
原创 leetcode刷题打卡 ----830较大分组的位置
题目描述：在一个由小写字母构成的字符串 s 中，包含由一些连续的相同字符所构成的分组。例如，在字符串 s = “abbxxxxzyy” 中，就含有 “a”, “bb”, “xxxx”, “z” 和 “yy” 这样的一些分组。分组可以用区间 [start, end] 表示，其中 start 和 end 分别表示该分组的起始和终止位置的下标。上例中的 “xxxx” 分组用区间表示为 [3,6] 。我们称所有包含大于或等于三个连续字符的分组为 较大分组 。找到每一个 较大分组 的区间，按起始位置下标递增
2021-01-05 10:03:29
51
原创 leetcode刷题打卡 ---- 605种花问题
题目描述：假设有一个很长的花坛，一部分地块种植了花，另一部分却没有。可是，花不能种植在相邻的地块上，它们会争夺水源，两者都会死去。给你一个整数数组 flowerbed 表示花坛，由若干 0 和 1 组成，其中 0 表示没种植花，1 表示种植了花。另有一个数 n ，能否在不打破种植规则的情况下种入 n 朵花？能则返回 true ，不能则返回 false。示例 1：输入：flowerbed = [1,0,0,0,1], n = 1输出：true示例 2：输入：flowerbed = [1,0,0
2021-01-04 12:58:25
100
转载 leetcode刷题打卡 ---- 509斐波那契数
题目描述：斐波那契数，通常用 F(n) 表示，形成的序列称为 斐波那契数列 。该数列由 0 和 1 开始，后面的每一项数字都是前面两项数字的和。也就是：F(0) = 0，F(1) = 1F(n) = F(n - 1) + F(n - 2)，其中 n > 1给你 n ，请计算 F(n) 示例 1：输入：2输出：1解释：F(2) = F(1) + F(0) = 1 + 0 = 1示例 2：输入：3输出：2解释：F(3) = F(2) + F(1) = 1 + 1 = 2示例
2021-01-04 10:42:12
145
原创 leetcode刷题打卡 ---- 435无重叠区间
题目描述：给定一个区间的集合，找到需要移除区间的最小数量，使剩余区间互不重叠。注意:可以认为区间的终点总是大于它的起点。区间 [1,2] 和 [2,3] 的边界相互“接触”，但没有相互重叠。示例 1:输入: [ [1,2], [2,3], [3,4], [1,3] ]输出: 1解释: 移除 [1,3] 后，剩下的区间没有重叠。示例 2:输入: [ [1,2], [1,2], [1,2] ]输出: 2解释: 你需要移除两个 [1,2] 来使剩下的区间没有重叠。示例 3:输入: [
2020-12-31 12:14:36
103
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人