执念一盏温眸的博客

原创 css：文字从左到右渐变

background-image: -webkit-linear-gradient(left, #c1e6fd, #69a5cc);-webkit-background-clip: text;-webkit-text-fill-color: transparent;

原创 CSS_移动端：select下拉框点击时会显示阴影

/* ------------ios端------------ */* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent;}/* ------------Android端------------ */select { appearance: none; -moz-appearance: none; -webkit-appearance: none; bord

原创 uni-app: css引入方式

目录结构引入样式

原创 uni-app: js引入方式

目录结构js引入

原创 uni-app：通用样式（根据个人使用习惯整理）

/* --------------------- 布局 -----------------------*/.overflow {overflow: hidden;}.flex {display: flex;}.left,.middle {float: left;}.right {float: right;}.center {text-align: center;}.fixed {position: fixed;}.relative {position: relati

原创 CSS：渐变

左右渐变：background: -moz-linear-gradient(left top, #348cff, #7db7ff);background: -webkit-linear-gradient(left top, #348cff, #7db7ff);background: -o-linear-gradient(left top, #348cff, #7db7ff);

原创 div溢出省略号

text-overflow: ellipsis; /* ellipsis:显示省略符号来代表被修剪的文本 string:使用给定的字符串来代表被修剪的文本*/ white-space: nowrap; /* nowrap:规定段落中的文本不进行换行 */ overflow: hidden; /*超出部分隐藏*/...

原创 移动端js: 禁止弹出层下方内容滑动和允许弹出层下方内容滑动

禁止滑动 document.body.addEventListener('touchmove', function (e) { e.preventDefault(); }, {passive: false});允许滑动 document.body.addEventListener('touchmove', function (e) { ...

原创 移动端js：调用软件盘，点击事件错位问题

方法一： $("input").blur(function(){ setTimeout(function(){ let scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0; window.scrollTo(0, Mat...

原创 js: input大于0的正整数验证方法

function checkNumber(str) { var regexp = /^[1-9]\d*$/; if (!regexp.test(str)) { alert("请输入大于0的正整数"); return false; } return true;}

原创 小程序背景图2

原创 小程序背景1

转载 js最新手机号码、电话号码正则表达式

点击下方链接

原创 js判断设备安卓（android）还是（苹果）ios

<script type="text/javascript">var u = navigator.userAgent;var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac...

转载 js 判断浏览器是否为微信浏览器

//判断是否是微信浏览器的函数function isWeiXin(){ var ua = window.navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i) == 'micromessenger'){ return true; }else{ return false; }}...

转载 JS计算日期加上指定天数得到新的日期

日期加上天数得到新的日期dateTemp 需要参加计算的日期，days要添加的天数，返回新的日期，日期格式：YYYY-MM-DDfunction getNewData(dateTemp, days) { var dateTemp = dateTemp.split("-"); var nDate = new Date(dateTemp[1] + '-' + dateTemp[...

原创 js - 计算两个日期相差天数

日期格式： “yyyy-MM-dd”<script> var startTime = '2019-02-01'; var endTime = '2019-02-28'; function dateDiff(startTime,endTime){ var startTime= new Date(startTime); var endTime= new Date(end...

原创 js表单验证 - 数字

//验证是否为数字function isNumber(value) {var patrn = /^(-)?\d+(.\d+)?$/;if (patrn.exec(value) == null || value == “”) {return false} else {return true}}注：03识别为3

转载 sql - left join、right join和inner join的区别

left join（左连接）返回左表中的所有记录和右表中连接字段相等的记录right join（右连接）返回右表中的所有记录和左表中连接字段相等的记录inner join（等值连接）返回两个表中联结字段相等的记录现有两张表：mysql > select * from left_table+---id---+---name---+----code----+| 1 | ...

转载 js - 获取当前时间的年月日时分秒、时间的格式化

1.获取当前时间var myDate = new Date();2.获取时间中的年月日时分秒myDate.getYear(); // 获取当前年份(2位)myDate.getFullYear(); // 获取完整的年份(4位,1970-????)myDate.getMonth(); // 获取当前月份(0-11,0代表1月)myDate.getDate...

原创 sql - 查询重复数据

select ***field*** from ***table*** group by ***field*** having count(***field***) > 1