前端
一剑轻语
这个作者很懒,什么都没留下…
展开
-
js 判断页面是否正在浏览
背景:今天发现一个页面在我离开的时候和我看的时候title值不一样,就百度了一下原因if(!document.hidden){console.log('页面激活'); }else{ console.log('页面非激活') }就是document有一个hidden属性,为true的时候页面为非激活状态,否则为激活状态,通过这个字段可以修改页面标题...原创 2022-03-03 19:43:57 · 480 阅读 · 1 评论 -
nginx 同时部署多个vue项目
背景:新项目前端部分包含pc端管理页面和weixin端页面正确配置:第一次尝试:给项目加上子路径名称两个项目路径分别为127.0.0.1:8080/pc和127.0.0.1/weixin直接访问http://127.0.0.1:8080/pc/可以跳转,但是访问http://127.0.0.1:8080/pc/home不行也就是说,用户第一次输入http:...原创 2020-03-31 16:17:26 · 898 阅读 · 2 评论 -
js调用摄像头
背景:考试系统,原先以为是调用摄像头拍照,最后发现微信上无法调用摄像头。用户是通过微信进入页面的。只能改为调用手机拍照功能了。但是摄像头调用记录一下开启摄像头方法:function getMedia() { try { let constraints = { video: {width: 1366, height: ...原创 2019-08-17 01:25:05 · 1512 阅读 · 0 评论 -
页面调用手机拍照
背景:使用到手机拍照功能,记录一下vue 页面:<input type="file" style="display: none" accept="image/*" capture="camera" id="face_file" multiple="multiple"></input><div id="image" &g...原创 2019-08-17 01:16:18 · 423 阅读 · 0 评论 -
常用正则表达式-(金钱,非负整数,正整数,邮箱,手机号码)
字符[a-z]代表字母a-z[^a-z]代表不在a-z之中[0-9]代表0-9[^0-9]代表不在0-9\d 等价于[0-9]\D 等价于[^0-9]限定字符*代表前面的子表达式0次到多次+代表1次到多次?代表0次或者1次{n}代表n次{n,}代表n到无限次{n,m}代表n到m次常用表达式 金钱:/(^[1-9](...原创 2020-01-16 16:49:50 · 872 阅读 · 0 评论 -
vue简单使用
背景:写了几天的Vue页面。做一个简单介绍。1.vue页面标签和传统的标签很相似。基本就是传统的标签首字母大写,或者是加上v-。2.vue页面标签一般都会绑定数据,实现数据和标签的双向绑定,即数据变化页面变化,页面变化时数据也相应变化3.vue绑定了很多东西。目前主要是用的data(){} 数据 methods:{}方法。除此以外,computed 计算属性 componen...原创 2019-05-16 17:23:50 · 389 阅读 · 0 评论 -
表单验证
实现:表单验证 1.非空验证customerName==""||customerName==undefined||customerName==null 2.正则验证 适用于手机、邮箱等规律性文段var phonereg=/^[1][0-9]{10}$/;if(phonereg.test(phone)){bool=...原创 2018-02-27 14:08:43 · 216 阅读 · 0 评论 -
二级联动
实现:二级联动例子:一级下拉选报销种类,二级下拉选报销详情 报销种类[交通费用,办公费用] 报销详情[加班交通费,外出办事交通费,办公用品,办公费用其他]问题:有些人页面加载时一级下拉选有请选择,交通费用,办公费用,二级下拉选有请选择。同时在一级下拉选上有onchange事件,用ajax给二级下拉选动态加载问题所在:当网速不好时,会出现,报销种类改了,但是...原创 2018-03-06 16:01:02 · 190 阅读 · 0 评论 -
关于form表单中动态添加数据的验证
目的:对下图的日期,收据金额,费用类型...等数据进行验证(必填项之类的)难处:和常见表单相比,这些属性是未知数量的,传统方法获取的都是一个元素传统方法获取元素和验证下面是标题的jsp页面和js判断,常用的判断语句<td class="tit">标题</td><td colspan="7"> ...原创 2018-03-20 16:48:13 · 2258 阅读 · 0 评论 -
表单控件之复选框
背景:天天表单提交都是输入框,文本域,日期。忽然遇到了复选框很是新奇,毕竟这么久都没见过它了。问题:关于复选框的加载(用于添加页面)实现:1.ajax异步请求从数据库获取都有哪些类型。$.ajax({ url:"getChapterType", dataType:"json", success:function(result){} 2.成功后向j...原创 2018-04-08 17:05:44 · 2690 阅读 · 0 评论 -
EL表达式遇到实体类首字母大写
错误:今天同事出了一个错,报错信息如下图所示意思是在实体类中没找到这个属性。去实体类看了一下,有这个属性啊,get方法也自动生成了,怎么会没有.看了好几遍才发现他实体类字段首字母是大写的,而在el表达式中也是实体.属性,其中属性的首字母大写,导致报了这个错(PS:一般情况首字母小写,多个单词的话,其他单词的首字母大写。不知道他为什么首字母直接大写了)el表达式中.属性是通过调用g...原创 2018-05-17 10:31:40 · 939 阅读 · 0 评论 -
js 调用window.print()方法打印
目的:打印功能实现,添加水印步骤: 1.写好jsp页面 2.写打印方法 即window.print()打印当前页面,如果只想打印部分页面的话,可以截取该部分赋值给body即可 3.调用打印方法即可遇到的问题:水印无法打印 刚开始将水印图片赋值给背景图片,即background-image。但是一直无法打印,网上搜了一些人的方案,都无...原创 2018-06-21 17:09:38 · 32791 阅读 · 3 评论 -
web底部页面自动加载
实现:滚动到页面底部时自动加载数据步骤:1.判断是否滚动到底部, 2.自动追加内容1.$(this).scrollTop(); 滚动条位置距页面顶部的距离$(document).height(); 整个页面的总高度 $(this).height(); 当前窗口的高度$(document).scrollTop()+ $(window).heig...原创 2018-02-23 16:53:53 · 1116 阅读 · 0 评论 -
创建vue+iview项目
背景:新项目确认启动,前端框架使用iview。整个框架说需要研发总监和项目经理(我)搭建,(PS:我估计都是研发总监搭建的,毕竟我刚入职,使用的框架都不熟,还是需要老大去搭建的,我这边估计也就是去熟悉熟悉)目的:老大不急,我这边也没什么事情,先试着搭建一下看看创建vue项目,引入iview1.安装vue npm install --global vue-cli ...原创 2019-04-29 18:27:12 · 958 阅读 · 0 评论 -
jsp-自定义标签Tag
背景:公司框架好烂啊,据说部门下拉选之类的都没有封装好,还需要写方法(拷贝js,jsp以及后台接口)过去。字典表也没用过。新项目要启动了,准备写一些标签,方便之后使用。所以先写个demo联一下,之后把字典,部门,用户之类的封一个标签。1.先写个tld文件<?xml version="1.0" encoding="UTF-8" ?><taglib xmlns="htt...原创 2019-04-23 11:13:39 · 2134 阅读 · 0 评论 -
初次使用Layui
背景:公司项目全面改为使用layui,刚好我现在负责一个新项目,第一次使用layui。刚改革的时候看了一下layui,但是当时负责的项目不用改成layui格式的。所以这是第一次做官网:https://www.layui.com/ 官网文件看了一会,但是我看的都是按照项目需要用的来看的 因为主要负责监控项目进度,解决其他同事bug,和数据以及前端沟通,...原创 2018-09-19 17:49:51 · 1942 阅读 · 0 评论