- 博客(30)
- 资源 (1)
- 收藏
- 关注
RSS订阅转载 条件转cron表达式
时间条件转成cron表达式需求：将日期格式转成Java的cron表达式传给后台，/** * 时间条件转成cron表达式 * dates Object * effectTime * new Date() 时间对象 必传 * wlooopValue * [{id: '2', name: '星期一'}, {id: '3', name: '星期二'}, {id: '4', name: '星期三'}, {id: '5', name: '星期四'}, {id: '6', name: '
2021-12-15 09:40:27
240
原创 vue-element项目打包发布后，在chrome浏览器下偶尔存在icon乱码
在将vue-element项目打包发布后，在chrome浏览器中刷新时，偶尔存在element-ui的icon出现乱码。（一）问题呈现F12查看乱码的icon元素，发现.el-icon-close:before { content: “□”}，同时html界面通过link标签引入的css文件都未被浏览器正常加载。非乱码情况下，icon元素也为.el-icon-close:before { content: “□”}，但是css文件是正常加载的。在去查看打包后的css，发现打包后的css文件就有问题，
2021-10-29 17:03:28
1525
原创 js常用密码规则验证
/*** 密码至少包含 数字和英文，长度6-20*/var reg = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,20}$/;console.log(reg.test('123456'));console.log(reg.test('s23456')); /*** 密码包含 数字,英文,字符中的两种以上，长度6-20*/var reg1 = /^(?![0-9]+$)(?![a-z]+$)(?![A-Z]+$)(?!([^(0-9a-zA-Z)].
2021-03-23 09:58:46
763
转载 JS获取上个月与下个月
/*获取上个月*/ function getPreMonth(date) { var arr = date.split('-'); var year = arr[0]; //获取当前日期的年份 var month = arr[1]; //获取当前日期的月份 var days = new Date(year, month, 0); days = days.getDate(); //获取当前日期中月的天数 var year2 = year; var month2 = parse..
2020-07-17 14:33:35
1070
原创 CSS之标准盒模型与怪异盒模型
盒模型首先，我们了解一下什么是盒模型CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。标准盒模型总元素的宽度=宽度总元素的高度=高度如图：怪异盒模型总元素的宽度=宽度+左填充+右填充+左边框+右边框+左边距+右边距总元素的高度=高度+顶部填充+底部填充+上边框+下边框+上边距+下边距tips: 愿你过得没我好，死得比我早，吃不好睡不好还特别显老...
2020-07-17 14:04:08
154
原创 JS获取当前月份有多少天
function mGetDate(){ var date = new Date(); var year = date.getFullYear(); var month = date.getMonth()+1; var d = new Date(year, month, 0); return d.getDate();}// 可以封装为获取某年某月的天数function mGetDate(year, month){ var d = new D
2020-06-18 15:14:22
2563
原创 js日期转换格式format
Date.prototype.format = function(format){ var o = { "M+" : this.getMonth()+1, //month "d+" : this.getDate(), //day "h+" : this.getHours(), //hour "m+" : this.getMinutes(), //minute "s+" : this.getSeconds(), //second "q+" : Ma
2020-06-18 15:12:03
183
原创 最长回文子串
问题描述给定一个字符串 s，找到 s 中最长的回文子串。你可以假设 s 的最大长度为 1000。示例示例 1： 输入: "babad" 输出: "bab" 注意: "aba" 也是一个有效答案。 示例 2： 输入: "cbbd" 输出: "bb" 思路从最长开始找，利用之前写好的判断是否回文函数进行判断。代码/** * @param {string} s * @return {string} */ var longestPalindrome = functi
2020-05-21 14:55:00
130
原创 验证回文字符串 II
问题描述给定一个非空字符串 s，最多删除一个字符。判断是否能成为回文字符串。示例示例 1: 输入: "aba" 输出: True. 示例 2: 输入: "abca" 输出: True 解释: 你可以删除c字符。注意字符串只包含从 a-z 的小写字母。字符串的最大长度是50000。思路建立左右双指针，判断指针最后位置。代码 /** * @param {string} s * @return {boolean} */ var validPalind
2020-05-19 17:31:01
117
原创 乘积最大子数组
问题描述给你一个整数数组 nums ，请你找出数组中乘积最大的连续子数组（该子数组中至少包含一个数字），并返回该子数组所对应的乘积。示例输入: [2,3,-2,4]输出: 6解释: 子数组 [2,3] 有最大乘积 6。输入: [-2,0,-1]输出: 0解释: 结果不能为 2, 因为 [-2,-1] 不是子数组。思路利用双层for循环，找出最大值。代码/** * @param {number[]} nums * @return {number} */var maxProduc
2020-05-18 09:42:18
145
原创 和为k的子数组
问题描述给定一个整数数组和一个整数 k，你需要找到该数组中和为 k 的连续的子数组的个数。示例输入:nums = [1,1,1], k = 2输出: 2 , [1,1] 与 [1,1] 为两种不同的情况。说明组的长度为 [1, 20,000]。数组中元素的范围是 [-1000, 1000] ，且整数 k 的范围是 [-1e7, 1e7]。思路利用双层for循环，查找比对。代码/** * @param {number[]} nums * @param {number} k *
2020-05-16 11:30:59
164
原创 双向绑定原理
双向绑定hello，大家好，大家都知道vue双向绑定的原理吗，这次我们就来聊一聊。Vue是利用Object.defineProperty()里面的set与get方法来实现数据双向绑定的，下面就来了解一下吧。<body> <input type="text" id="int"> <p id="show_text"></p></bo...
2020-03-31 17:15:10
131
原创 获取一个固定范围的随机数
我们设最大的数为max,最小的数为min，即可得到下式。1、含min不含maxMath.random()*(max - min) + min2、含min含maxMath.random()*(max - min + 1) + min
2020-03-31 16:46:09
393
原创 css实现文本溢出显示省略号
单行省略{ text-overflow: ellipsis; /* 文本溢出隐藏属性 */ overflow: hidden; white-space: nowrap;}多行省略{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; // 第几行显示...
2020-03-31 16:30:52
97
原创 利用多个域名来存储网站资源
利用多个域名来存储网站资源CDN缓存更方便。突破浏览器并发限制。节约cookie带宽。节约主域名连接数，优化页面响应速度。防止不必要的安全问题。...
2020-03-31 16:12:36
684
原创 vue项目中token延续，封装在axios中
import axios from 'axios'import qs from 'qs'import { setToken, removeToken } from '@/common/auth'import { loadFromLocal, clearFormLocal, saveToLocal } from '@/common/local-storage'import { refresh...
2020-02-17 15:38:29
413
原创 JS实现tab切换
前言大家会不会对tab切换有一点好奇呢，今天我们就来看看js是怎么实现tab切换的吧。废话不多说，先上图：css<style>* { margin: 0; padding: 0; list-style: none;}/* 整个tab切换的div样式 */#tab_box { width: 600px; height: 300px; margin: 50p...
2020-01-13 17:46:32
465
原创 CSS实现表格的多种隔行变色
今天我们就来说一下表格的隔行变色的多种写法，话不多说，上图：对于表格的隔行变色，对于不同的需求我们有不同的写法，一起来看看吧隔行变色（奇数行） table tr:nth-child(odd){ background: #ccc; }效果图：能实现同样效果的其他写法table tr:nth-child(2n+1){ background: #ccc;}...
2020-01-12 17:43:16
1324
原创 CSS之圆角属性
今天我们就来学习一下圆角属性（border-radius），看看它到底是怎么样的吧。首先，我们先新建一个盒子，用来观察圆角属性。需要注意的是这个盒子至少要有背景(background)或者是边框（border）的其中之一这个是我的样式，大家可以参考#box { width: 200px; height: 100px; border: 1px solid; ...
2020-01-12 14:42:47
542
原创 css伪类实现清楚浮动
实现代码如下所示：.class:after{ visiblity: hidden; clear: both; display: block; content: ''; height: 0;}您的支持就是我坚持的最大动力，谢谢。
2020-01-12 14:07:53
181
原创 CSS选择器（四）结构性伪类选择器
写法描述e:nth-child(n)父级元素中的第n个子元素（必须叫e）e:nth-child(2n)父级元素中的标识几倍倍数的子元素（必须叫e），2可以换成人和数字e:nth-child(odd)父级元素中奇数子元素（必须叫e）e:nth-child(even)父级元素中偶数子元素（必须叫e）e:nth-child(n+x)选取子元素大于等于...
2020-01-11 14:18:00
200
原创 CSS选择器（三）属性选择器
写法描述标签[属性名]div[class]选中的是所有包含class这个属性的div元素[属性名=‘属性值’]某属性名等于某属性值的元素将被选中元素[属性名~=‘属性值’]一个元素有多个属性的属性值时，只要含有其中一个，或者值列表只有一个该属性值时，元素被选中元素[属性名^=‘属性值’]某元素的属性值中，以某一字段或者某多段字段开头的元素都会被选中...
2020-01-11 14:03:29
303
原创 CSS选择器（二）关系选择器
关系写法描述后代div p选中div中所有叫p的后代元素子代div>p选中div中所有叫p的直接子元素相邻兄弟选择器div+p选中div之后的相邻同级p元素兄弟选择器div~p选中div之后的同级p元素...
2020-01-11 13:52:36
238
原创 CSS选择器（一） 基本选择器
名称符号全局*类.ID#标签标签名ID选择器是唯一的，同一个ID只能使用一次类选择器不是唯一的，一个标签可以有多个类名，一个类名可以给多个标签。...
2020-01-11 13:44:04
112
原创 为什么使用语义化标签
什么是语义化的标签 语义化的标签就是用正确的标签做正确的事情，能够便于开发者阅读和写出更优雅的代码的同时让网络爬虫很好地解析。为什么要使用语义话的标签更容易被搜索引擎所收录更容易让屏幕阅读器读出网页内容能更好的体现页面的主题兼容性更好，支持更多的网络设备...
2020-01-11 13:05:27
205
原创 JS实现乘法口诀表
首语嗨，大家好，不知道大家是否还记着我们小时候曾学过的乘法口诀表呢？今天我们一起用代码来实现他，话不多说，先看效果图。效果图代码块<script> // i 代表的是横列 for (var i = 1; i < 10; i++) { // j 代表的是竖列 for (var j = 1; j < 10; j++) { // 去除重复...
2020-01-10 16:43:12
2128
原创 常见http状态码详解
HTTP状态码（英语：HTTP Status Code）是用以表示网页服务器超文本传输协议响应状态的3位数字代码。它由 RFC 2616 规范定义的，并得到 RFC 2518、RFC 2817、RFC 2295、RFC 2774 与 RFC 4918 等规范扩展。所有状态码的第一个数字代表了响应的五种状态之一。所示的消息短语是典型的，但是可以提供任何可读取的替代方案。 除非另有说明，状态码是HTT...
2020-01-10 09:10:35
183
转载 去除input[type=number]的默认样式
// 去除input[type=number]的默认样式input[type=number] { -moz-appearance:textfield;}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button { -webkit-appearance...
2020-01-09 10:03:49
1120
border-radius.html
2020-01-12
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人