- 博客(20)
- 收藏
- 关注
RSS订阅原创 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关注的人