前端
honvin_
这个作者很懒,什么都没留下…
展开
-
百度地图 - js获取行政区边界范围
以长沙市为例,输入对应区划名称,地图即显示出对应范围轮廓。原创 2021-06-29 18:18:16 · 4940 阅读 · 1 评论 -
js日期时间常用方法工具类
这里引用了moment 模块/** * 时间日期工具类 */import moment from 'moment'export default { /** * 获取本周周一和周日日期 */ getCurrentWeekStartAndEnd() { const start = moment().weekday(1).format('YYYY-MM-DD') // 本周一 const end = moment().weekday(7).format('YYYY-原创 2021-04-20 01:00:44 · 4180 阅读 · 0 评论 -
js根据条件删除对象数组中的元素
删除年龄20岁以上的对象:var newArr = objs.reduce((total, current) => { current.age >= 20 && total.push(current); return total;}, []);原创 2020-08-18 22:01:07 · 10481 阅读 · 0 评论 -
HTML文字滚动
预览图:HTML代码:<div> <marquee direction="right" behavior="alternate" scrollamount="100" scrolldelay="1000" onmouseover="this.stop();" onmouseout="this.start();" width="10...原创 2019-10-08 16:08:55 · 4067 阅读 · 0 评论 -
修改Layui表单验证提示框样式
一直以来都认为layui挺好看的,包括它的弹层组件layer,不过今天恰好碰到了layui表单验证弹框的位置和样式不能调整的问题;它的默认样式是这样的:因为我页面布局的关系,弹框挡住了按钮,所以我决定得修改一下弹框方式,于是我去看了一下文档,发现弹框的类型是可以修改的,就是给input加上lay-verType属性我用这种方式试了一下,效果如下可惜这种方法只能改变弹...原创 2019-10-02 16:12:06 · 12690 阅读 · 3 评论 -
JS获取中文拼音
首先需下载js,然后直接引入即可:https://download.csdn.net/download/hon_vin/11829986<!DOCTYPE HTML><html><head><script src="https://code.jquery.com/jquery-3.2.1.js"></script><s...原创 2019-09-30 08:39:34 · 5180 阅读 · 1 评论 -
HTML页面自适应移动端屏幕
在网页代码的头部,加入一行viewport元标签<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">属性说明属性 说明 width=device-width width为设置layout viewport 的宽度,为一个正整数,”widt...原创 2019-09-30 08:38:35 · 6278 阅读 · 0 评论 -
去除JSP中多余的空白行及回车
使用JSP的时候,由于标签的关系,页面解析完之后,经常会出现很多空白行还有一种情况就是响应结果中也会包含回车符或者空行解决这个问题有两种方式:全局配置:在web.xml中添加如下配置<jsp-config> <!--去除jsp中的空白行--> <jsp-property-group> <u...原创 2019-09-30 08:37:45 · 3859 阅读 · 0 评论 -
图片上传预览、控制大小和格式
方式一:<script> $("#imgInput").change(function (e) { //判断图片格式 var file = e.currentTarget.files; var size = file[0].size / 1024; if (500 < size) { ...原创 2019-09-29 10:44:06 · 4100 阅读 · 0 评论 -
前端压缩图片
$(function () { $("#imgInput").change(function (e) { var file = e.currentTarget.files[0]; //创建一个文件读取的工具类 var reader = new FileReader(); //这里利用了闭包的特性,来保留文件名 ...原创 2019-09-29 10:43:24 · 4038 阅读 · 0 评论 -
jQuery点击放大图片
css:#enlarge-div { position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.7); z-index: 2; width: 100%; height: 100%; display: none;}#enlarge-div:hover { ...原创 2019-09-29 10:41:09 · 3989 阅读 · 0 评论 -
jQuery复选框全选&取消全选
效果图<script> $(function () { $('#checkAll').click(function () { //全选按钮状态 var checkStatus = this.checked; $("input[name='userCheckbox']").attr(...原创 2019-09-29 10:40:35 · 3711 阅读 · 0 评论 -
layui选项卡切换及右键的动态操作(新增、切换、删除)
要实现的效果:选项卡的新增以及切换、选项卡刷新、选项卡各种删除:删除其他、删除右侧所有、删除所有原创 2019-09-29 10:39:30 · 15209 阅读 · 30 评论