前端
前方一片光明
作者专注于Java、架构、Linux、小程序、爬虫、自动化等技术。 工作期间含泪整理出一些资料,微信搜索【程序员高手之路】,回复 【java】【黑客】【爬虫】【小程序】【面试】等关键字免费获取资料。技术交流、项目合作可私聊。 微信:shuhao-99999
展开
-
前端——进入页面设置iframe自适应高度
进入页面设置iframe自适应高度原创 2023-10-05 20:45:00 · 176 阅读 · 0 评论 -
前端——Layui的导航栏与tab页联动
Layui的导航栏与tab页联动原创 2023-10-05 20:45:00 · 978 阅读 · 0 评论 -
前端——JS实现多条件过滤数组
multiFilter(array, filters) { filters = me.evtHandlers.removeEmpty(filters); const filterKeys = Object.keys(filters) return array.filter((item) => { return filterKeys.every(key => { if (!filters[key].length) return tr.原创 2021-08-12 12:13:13 · 6971 阅读 · 1 评论 -
JS格式化中国标准时间
需求获取时间的时候出现时间是中国标准时间,需要转化成想要的格式代码//定义格式化函数:handleTime(time, format) { if (time == null || time == undefined || time == "") { return ""; } var t = new Date(time); var tf = function (i) { return (i < 10 ? '0' : ''原创 2021-04-16 20:49:55 · 5525 阅读 · 1 评论 -
前端水平垂直居中实现
text-align: center; align-items: center; display: -webkit-flex; justify-content: center;原创 2021-04-16 20:49:12 · 5358 阅读 · 0 评论 -
前端——使用JavaScript(jQuery)通过身份证号获取籍贯、生日、年龄、性别
注:本文所用的身份证号码是18位号码,15位的号码类似tips:公民身份号码是特征组合码,由十七位数字本体码和一位数字校验码组成。排列顺序从左至右依次为:六位数字地址码,八位数字出生日期码,三位数字顺序码和一位数字校验码以下是通过身份证号码获取到一个人的籍贯、生日、年龄、性别:<script type="text/javascript"> //给身份证文本框添加...原创 2018-01-24 13:54:27 · 13965 阅读 · 4 评论 -
VUE系列——Chrome安装Vue调试插件
前言Vue是一个很好用的前端,但是在浏览器上面不能直接打断点调试程序。下面介绍通过安装调试插件对程序进行调试按F12之后,出现一个Vue选项,效果如下:安装过程step1 下载插件并解压链接:点我进入提取码:2tcjstep2进入到Chrome扩展程序页面点击开发者模式chrome://extensions/step3点击加载已解压的扩展程序...原创 2019-04-25 20:05:05 · 25175 阅读 · 15 评论 -
前端——框选技术的实现
var selList = [];window.onload = function() { //定义鼠标框选的区域 var canvas = document.getElementById('teminal-area'); var selDiv; var isSelect = false; var evt; //鼠标点击时候的坐标 var startX; va...原创 2019-12-31 18:09:00 · 7969 阅读 · 1 评论 -
前端——把一个数组添加到另一个数组里
一、使用concat方法//用concat方法//concat()把两个或者多个数组链接在一起,但是不改变已经存在的数组//而是返回一个链接之后的新数组var a = [1, 2, 3];a.concat([4, 5]);console.log(a);//此处输出为 [1, 2, 3]var a = [1, 2, 3];a = a.concat([4, 5]);cons.........原创 2019-12-31 18:08:41 · 20599 阅读 · 1 评论 -
前端——父容器根据子容器的高度自动变化高度(自适应)
前言如下列HTML代码:<div id="main"> <div id="content"></div> </div> 当子容器content的高度改变时,父容器高度并没有实时改变,这时候把父容器的高度设置成auto是不行的我们的需求就是要父容器自动改变。有三种方式可供选择:方式一增加一个清除浮动,让父容...原创 2019-08-07 22:36:23 · 11031 阅读 · 0 评论 -
前端——关于字符串的操作整理
字符串截取//使用一个参数str = str.slice(2);//截取第二个之后所有的字符 cdefstr = str.substring(2);//截取第二个之后所有的字符 cdefstr = str.substr(2);//截取第二个之后所有的字符 cdef//使用两个参数str = str.slice(2,4);//截取第二个到第四个之间的字符 cdstr = str....原创 2019-08-07 22:35:25 · 8697 阅读 · 0 评论 -
VUE系列——ElementUI使用table时,选中某行或者鼠标移入某行时添加背景色
前言Element官网给了单选的例子,给我们省了不少时间,但是有时候选择一行之后并没有达到我们想要的效果下面是官网给的例子:一、需求点击或者鼠标移入某一行之后,想要出现自定义的颜色二、解决方法直接在style里面添加下面的样式即可/* 选中某行时的背景色*/.el-table__body tr.current-row > td { backgr...原创 2019-08-10 09:29:45 · 18806 阅读 · 4 评论 -
前端——JavaScript获取系统时间以及通过ajax获取服务器时间
很多人会通过下列方式获取系统时间,并对时间进行处理:var time,year,month,date,hours,minutes,seconds;time = new Date();year = time.getFullYear(); //对日期进行处理,小于10的数在前面加上0month = (time.getMonth()+1)<10?("0"+(time.getMont...原创 2018-01-15 15:03:15 · 11145 阅读 · 1 评论 -
前端——HTML或者JSP页面--执行完某事件后刷新页面,重置表单,清空数据
在提交表单或者执行某个事件之后,如果需要重置表单(即清空表单里的数据)可以执行下面代码来完成方法1:self.location.href="userController.do?goAddOrUpdate";(双引号里面填写当前页面URL)方法2:(去掉href)self.location="userController.do?goAddOrUpdate";方法3:(把上面的...原创 2018-02-24 21:54:52 · 16729 阅读 · 0 评论 -
前端——关于时间的知识点
1、JS实现间隔一段时间之后执行当前代码setTimeout(function() { refreshAllTrees();}, 2500);2、JS实现间隔一段时间之后执行下一段代码function sleep(delay) { var start = (new Date()).getTime(); while ((new Date()).getTim...原创 2019-05-18 11:37:58 · 6778 阅读 · 0 评论 -
前端——关于鼠标的知识点
1、将鼠标的光标定位到某个文本框中$("#文本框ID").focus();2、鼠标放上去呈现手的形状cursor: pointer;3、判断鼠标左击还是右击if (e.button == 0) { alert("您点击了鼠标左键!");} else if (e.button == 2) { alert("您点击了鼠标右键!")}4、禁止选中文本内容在标签...原创 2019-05-08 19:28:12 · 5348 阅读 · 0 评论 -
前端——关于滚动条的小知识
1、滚动条设置父容器:overflow: hidden;height:20rem;子容器:overflow-y: scroll;或 overflow-y: auto !important;2、滚动条置顶$("#滚动条所在div")[0].scrollTop = 0;3、获取竖向滚动条到顶部的距离$(document).scrollTop();4、获取横向滚动条到最左边...原创 2019-04-20 19:12:09 · 8264 阅读 · 1 评论 -
前端——Kendo UI的一些知识点
1.下拉框效果:HTML部分:<input id="dw"/>JS部分://金额单位var dw = [ { text: "", value: "" }, { text: "人民币", value: "元人民币" }, { text: "美元", value: "美元" }, { text: "欧元", value: "欧元...原创 2019-03-09 10:09:14 · 7571 阅读 · 0 评论 -
前端的一些技术知识点
一、有关鼠标的知识点1. 将鼠标的光标定位到某个文本框中$("#文本框ID").focus();2.鼠标放上去呈现手的形状cursor: pointer;3.判断鼠标左击还是右击canvas.onmousedown = function(e) { if (e.button == 0) { alert("您点击了鼠标左键!"); } else if...原创 2018-12-14 22:03:22 · 7147 阅读 · 0 评论 -
前端——使用jQuery给a标签添加、修改href链接
HTML代码:<aid="qiaofeng">乔峰</a>jQuery代码:$('#qiaofeng').attr('href','http://tianlongbabu.com');添加和修改都是上面的代码;OK, GAME OVER原创 2018-11-12 20:59:28 · 32899 阅读 · 1 评论 -
前端——背景图片显示以及悬浮状态下变色的情况
前言最近搞了一个项目,几乎全是前端的东西;以前,前端的东西很少做,所以现在做起来比较吃力;对于一些我认为比较难的地方,在这里专门记录一下,以便于后期遇到了可以查看(主要是脑子记不住啊!O(∩_∩)O哈哈~)遇到的问题以及解决在一个div里面添加背景图片,并且在悬浮状态下变色,这里的变色是字体和图片一起变色:HTML部分:<div class="fjxx-...原创 2018-10-12 22:03:10 · 9267 阅读 · 0 评论 -
前端——向json中添加或删除对象、属性
前言最近整了一个下拉框,一共9个选项,需要把其中2项给去掉,用到7项!这9项用到了json数据,而且还有二级、三级菜单!(就像是选择省市的那种,如下图)这时候就用到了删除json对象的技术点;一、添加json对象var arr = [];var json = {"province":"河南省","city":"郑州市", "area": {"name": "金水区"}}...原创 2018-09-16 22:52:08 · 11602 阅读 · 0 评论 -
前端——使用RequireJS的r.js打包压缩模块
前言:RequireJS版本:2.3.5Node版本:v8.11.2(打包之前需要安装)一、安装RequireJSnpm install -g requirejs(需要提前安装nodejs)二、单模块打包单文件r.js.cmd -o baseUrl=static name=test out=built.js解读:baseUrl是需要打包的模块所在的文件夹 ...原创 2018-07-24 20:11:35 · 9535 阅读 · 0 评论 -
前端——JSP中引入项目中的js文件或css文件或图片
以引入jQuery为例:引入通常分为相对路径和绝对路径:相对路径举例:<script type="text/javascript" src="../plug-in/jquery/jquery-2.1.1.min.js"></script>其中../表示退回到上一目录节点绝对路径举例:<script type="text/javascript...原创 2018-03-09 18:40:50 · 8469 阅读 · 0 评论 -
成功解决:Uncaught TypeError: Cannot read property 'search' of undefined
前言今天使用JS进行处理字符串的时候,出现了报错:Uncaught TypeError: Cannot read property 'search' of undefined本来在JS里有search() 这个方法的,但是却一直出现了undefined这个错误,如下图分析原因是出在了字符串身上,没有对字符串是否为空进行判断解决对字符串是否为空进行判断就行啦:i...原创 2018-11-06 22:33:54 · 90574 阅读 · 1 评论 -
前端——把一大段文字显示在前端并且有文字下面有虚线
一、前言首先看一下效果:给了一大段文字,字体左边对齐,并且字体下方的虚线延伸到最右边对齐:二、分析与解决1. HTML部分设定一个div,以便于后期把文字放入其中<div class="line-content" id="cnnr-detail"> </div>2. JS部分我们获取到这段文字之后,需要对其进行处理//文...原创 2018-10-08 22:34:58 · 11513 阅读 · 0 评论