- 博客(20)
- 收藏
- 关注
原创 input type=file,选择某文件后怎么取消选择
如题,<input id="upLode" type="file" class="uplode" />function clearPic() { var obj = document.getElementById('upLode'); obj.outerHTML = obj.outerHTML; }
2020-04-13 15:53:03
1029
原创 input输入框加正则校验的简单写法
如题,<input type="text" class="radioNumber" id="radioNumber" autocomplete="off" onblur="checkNum(this)">题function checkNum(obj) { console.log(obj); var re = /^[+]{0,1}(\d+)$/; conso...
2020-04-13 11:20:17
4406
原创 正则校验(应该比较全了,而且比较准确)
校验数字的表达式数字:^[0-9]*$n位的数字:^\d{n}$至少n位的数字:^\d{n,}$m-n位的数字:^\d{m,n}$零和非零开头的数字:^(0|[1-9][0-9]*)$非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9]{1,2})?$带1-2位小数的正数或负数:^(\-)?\d+(\.\d{1,2})?$正数、负数、和小数:^(\-|\+)...
2020-04-13 10:58:46
430
原创 关于overflow的选择,每一种是做什么用的
如题主要讲下面几种:overflow: hidden,超出屏幕的直接隐藏掉,右侧没有滚动条,也可用于清除浮动overflow: scroll,始终显示右侧滚动条,不管内容有没有超出屏幕overflow: auto,当内容超出屏幕时显示滚动条,当不超出时隐藏滚动条,比较智能overflow: overlay(重点提一下),有点智能好吧,当你把它加到一个局部盒子的时候,只在它这个盒子内部显示...
2020-04-11 09:36:23
1181
原创 layui后台分页前端处理
如题 //后台分页 function toPage(curr) { $.ajax({ type: "post",...
2020-04-11 09:24:13
239
原创 前端分页怎么写(layui框架的laypage)
如题ajax请求到后台数据后,使用laypage,sumNum就是从后台拿到的总数 //使用layui layui.use('laypage', function() { var laypage = layui.laypage; ...
2020-04-08 14:59:14
468
原创 vue项目打包步骤
如题,vue项目打包1.打开vue.config.js文件const webpack = require('webpack')module.exports = { // 基本路径 publicPath: process.env.NODE_ENV === 'production' ? './' : '/', outputDir: "dist", //打包时生成的生产环境构建文件...
2020-03-12 13:43:24
544
原创 关于CSS样式,一个盒子内的文字水平分布,不错位
三行代码搞定, display: flex; justify-content: center; align-items: center;
2020-01-16 11:46:13
773
原创 在屏幕可视范围内拖动盒子,边界值就是屏幕大小
如题:虽然这也不满足我的需求,还是先贴出来<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>拖拽</title> <style> * { margin: 0...
2020-01-10 09:44:30
193
原创 滚轮拖动图片、放大缩小,js
如题,网上找了很多,就这个还可以,不足的一点就是没有边界值判断<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div { ...
2020-01-10 09:40:38
392
原创 使用VUE中的自定义指令,实现点击菜单外部区域菜单自动隐藏
如题,通过VUE的自定义指令——directives,实现需求。具体步骤就是:给最外部的标签绑定自定义指令 v-clickoutside=“outsideClose”;在export default中定义clickoutside(注:此方法不写在methods里面,和data和methods同级);定义好后,在methods写 outsideClose 方法。HTML:<templat...
2020-01-02 17:01:11
920
原创 定时器——每一秒调一次接口,请求次数太多怎样让它不那么卡
如题,其实应该把 setInterval 和 setTimeout 结合起来使用,如下面例子:created: function() { window.setInterval(() => { setTimeout(this.getCurrTime(), 0); }, 1000); }上面是一个实时时间显示器,每一秒调一次接口,将此刻的时间显示到页面上来...
2020-01-02 16:40:52
3023
原创 我的常用VSCode插件~
如题,如果突然换到一个新电脑,装一个VSCode容易,装插件可太磨人了,下面总结一下我常用的插件:目前还是一个小前端,除了基础之外,主要用到的框架是Vue1.Chinese(Simplified) Language Pack2.open in browser3.Bootstrap 3 Snippets4.Express5.HTML Boilerplate6.HTML CSS Supp...
2019-12-31 09:59:21
478
1
原创 Vue中判断是否为全数字,正则的写法
如题,Vue中判断是否为全数字的正则的写法var numReg = /^[0-9]+$/ var numRe = new RegExp(numReg) if (!numRe.test(this.addblackListNum)) { this.$message({ type: 'error', message: '请输入数字...
2019-12-30 14:02:49
7019
原创 HTML5的跨页面传参,localstorage方法非常简单
跨页面传参问题,在H5新添加的localstorage面前变得容易了很多。直接上图 ~原网页可参考:https://segmentfault.com/q/1010000000308712#a-1020000000308852
2019-12-30 11:05:06
749
原创 el-dialog弹窗修改宽度
el-dialog弹窗修改宽度(参考:https://www.cnblogs.com/wuhefeng/p/11358328.html)1.给元素绑定一个width2.在export default里面设置它的类型和大小这样就设置好了通常情况下的弹窗的宽度,如果有个别需要重新定义,3.直接绑定宽度等于某个值(注意,此处的值为String类型,要加引号)详情见:https://www.cn...
2019-12-28 13:07:47
4728
原创 谷歌浏览器设置跨域
谷歌浏览器配置跨域的方法(参考:https://www.cnblogs.com/yanggl/p/10211930.html):1.通过桌面快捷方式打开文件位置,找到谷歌浏览器安装位置,看到有个chrome.exe文件2.在电脑上新建一个目录,例如:C:\MyChromeDevUserData3.打开cmd命令行,进入快捷方式位置 例如 cd C:\Program Files (x86)\...
2019-12-23 15:22:13
311
原创 写一个表格,通过分页功能将内容完全展示出来
参考自 https://blog.csdn.net/weixin_44313369/article/details/100579078HTML: <el-tab-pane label="最新信息" name="first" style="padding: 5px 15px 5px;" > <el-table :data="newInfo.slice((...
2019-12-20 16:53:00
165
原创 element中表格设置表头的高度,表格每一行的高度
element中表格设置表头的高度,表格每一行的高度//表头高度.el-table__header tr,.el-table__header th {height: 36px;}//每一行的高度.el-table_body tr, .el-table_body td{height: 36px;}...
2019-12-20 14:51:25
4613
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人