![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS前端小方法
文章平均质量分 85
两个蝴蝶飞
一个字,往死里干
展开
-
谷歌浏览器自定义标签页 newtab
谷歌浏览器自定义标签页 newtab原创 2022-11-24 08:51:32 · 4146 阅读 · 0 评论 -
JS从json对象字符串中取出相应值(二十六)
> 勿以恶小而为之,勿以善小而不为--------------------------刘备> 劝诸君,多行善事积福报,莫作恶主要内容: 取出json对象字符串里面的属性值原创 2020-05-14 18:08:55 · 2529 阅读 · 0 评论 -
JS对象数组中叶子对象和非叶子对象数组(二十五)
古语有云: 万恶淫为首,百善孝为先。 我们后辈当自勉。原创 2019-10-12 14:43:03 · 444 阅读 · 0 评论 -
JS对象数组的递归排序(二十四)
古语有云: 万恶淫为首,百善孝为先。 我们后辈当自勉。原创 2019-10-12 14:08:36 · 1691 阅读 · 0 评论 -
JS数组的交并差补运算(二十三)
古语有云: 万恶淫为首,百善孝为先。 我们后辈当自勉。原创 2019-10-12 13:37:26 · 924 阅读 · 0 评论 -
JS实现金额千分位化(十六)
爱一个人是一回事,拥有一个人是另外一回事,爱上并拥有一个人,更是另外一回事。 蝴蝶,是什么,是希望,是真正的希望。上一章简单介绍了JS计算字符串的字节数(十五),如果没有看过,请观看上一章。一.金额千分位化在前端展示,尤其是关于财务系统时,通常要把金额千分位处理,如1234567.234 需要转换成 1,234,567.23 。这样的解决思路是:数字有正负之分, 要把符号位单独拿出来。...原创 2019-06-03 20:04:16 · 6971 阅读 · 1 评论 -
JS实现输入时验证(十七)
爱一个人是一回事,拥有一个人是另外一回事,爱上并拥有一个人,更是另外一回事。 蝴蝶,是什么,是希望,是真正的希望。上一章简单介绍了JS实现金额千分位化(十六),如果没有看过,请观看上一章。一. 输入时验证有的时候,在input 框里面输入值时,如输入姓名时, 并不是简单的 输入所有的数值之后,移出焦点时,去判断输入的正不正确, 最明显的是, 金额输入时,并不是验证 输入的值是否正确, 而是在...原创 2019-06-04 19:59:28 · 1048 阅读 · 0 评论 -
JS的Map详细形式(十八)
这篇文章的开头,写给我的兄弟: 在程序的世界,只有实践才会得到自己想要的答案。 再高明的计算机,再高明的工具,都无法将空的代码执行成最美的秘密。上一章简单介绍了JS实现输入时验证(十七),如果没有看过,请观看上一章。可以看以前写的 JS中的Map形式(十一)一. Map形式的定义在JS处理数据的时候,常常要用到类似Java 的Map 形式,早期的时候是没有Map 的,目前版本是有Map ...原创 2019-06-25 19:17:23 · 970 阅读 · 0 评论 -
JS的数组去重处理(十九)
上一章简单介绍了JS的Map详细形式(十八),如果没有看过,请观看上一章。这一章只对简单值的数组进行去重处理, 对象数组不考虑。一. 数组去重unique() 处理在JS的数组中,在前端常常会进行去重的处理。如 数组 [1,2,3,4,5,6,2,3,7,8] 进行去重,去重之后的数组为[1,2,3,4,5,6,7,8]可以采用以下的几种方式进行去重。二. indexOf() 判断数组是否...原创 2019-06-25 20:03:31 · 916 阅读 · 0 评论 -
JS的对象数组去重处理(二十)
也许,我本来就该成为你。上一章简单介绍了JS的数组去重处理(十九),如果没有看过,请观看上一章。一. 对象数组的去重如果数组中,存在的是普通的基本类型值,可看上一章的内容。 如果是对象数组,那么该如何处理呢? 主要是如何判断 两个对象是否相同呢? 在Java 中,需要重写 hashCode() 和equals() 来指明 当某些属性是一样的,就表示两个对象是相同的。 如User 实体类中,...原创 2019-06-26 19:22:33 · 12090 阅读 · 2 评论 -
JS的数组和对象深层拷贝(二十一)
也许,我开始成为你了…上一章简单介绍了JS的对象数组去重处理(二十),如果没有看过,请观看上一章。一.深层拷贝参考了 puxiaotaoc 前辈的: https://www.jianshu.com/p/cf1e9d7e94fb在JS前端开发中,常常遇到将 数组或者是对象进行深度的拷贝,重新构建一块区域,避免此次操作会对原先的数据产生影响。所以会进行深度拷贝。方法为:var deepC...原创 2019-07-03 19:50:56 · 669 阅读 · 0 评论 -
JS对象数组的排序(二十二)
白发戴花君莫笑,岁月从不败美人。 愿,像你我一如既往地好看。上一章简单介绍了JS的数组和对象深层拷贝(二十一),如果没有看过,请观看上一章。本文参考 ‘那时候的我’ 前辈的文章: https://www.cnblogs.com/xljzlw/p/3694861.html一. JS 数组排序在JS中,有一个排序方法, sort(), 可以直接 arr.sort(), 进行相应的排序。但这...原创 2019-07-25 18:41:45 · 520 阅读 · 0 评论 -
JS 字符串去除前后空格 trim(十四)
爱一个人是一回事,拥有一个人是另外一回事,爱上并拥有一个人,更是另外一回事。 蝴蝶,是什么,是希望,是真正的希望。上一章简单介绍了Select的option 中填充其他属性值(十三),如果没有看过,请观看上一章一. 去除空格trim() 方法在Java 语言中,String 类中有一个trim() 去除左右空格的方法, 在JS中,以前是没有这样的方法的,需要自己手动书写,现在有了,但是这个t...原创 2019-05-16 19:53:28 · 12642 阅读 · 0 评论 -
JS计算字符串的字节数(十五)
爱一个人是一回事,拥有一个人是另外一回事,爱上并拥有一个人,更是另外一回事。 蝴蝶,是什么,是希望,是真正的希望。上一章简单介绍了JS 字符串去除前后空格 trim(十四),如果没有看过,请观看上一章。一. 字节数字符串中的字节数,单个的字符,包括英文字符,数字,特殊字符等是一个字节,中文的汉字是两个字节。 求一个字符串的字节数,可以简化成判断某个字符是单个的字符,还是中文的字符。 但是,却...原创 2019-05-21 19:26:15 · 3319 阅读 · 0 评论 -
Select的option 中填充其他属性值(十三)
忽然发现,游戏并没有那么好玩,真正好玩的是什么? 人心。 而如何避免别人玩弄你的心,那就是让别人不敢玩弄你的心,代价是付不起的。 人神之恋,开始了。上一章简单介绍了JS中描述等长文本的显示或隐藏(十二),如果没有看过,请观看上一章一. select 框中添加多余的属性在前端select 框操作时,常常会遇到这样的问题, 如下图。员工姓名是一个select的集合选项, 选择一个员工姓名,然...原创 2019-05-14 20:00:15 · 2741 阅读 · 0 评论 -
JS根据月份第一天,求这个月的最后一天(一)
设置值// 在JS中设置值 如datepicker设置值$('.form_date').datetimepicker('setEndDate', getMonthLast('2018-09'+"-01"));相对应的方法//通过本月第一天获取本月最后一天function getMonthLast(monthStart){ var dateList,dateForma原创 2019-01-26 10:03:51 · 1534 阅读 · 0 评论 -
JS获取项目路径(二)
如 http://localhost:8080/MyWeb/index.html , 在JS中要想获取项目名,直接getContextPath() 方法即可,获得的就是/MyWeb, 与JSP中的${pageContext.request.contextPath} 作用一样./* 获取项目前缀路径 */function getRootPath() { // 获取当前网址,如: http:...原创 2019-01-26 10:04:16 · 2800 阅读 · 5 评论 -
点击电脑图标,显示电脑界面。点击相同的二维码图标,显示二维码界面(七)
有时候,在一个地方,放置不同的图标,可以随时切换图标。在切换图标的时候,实际上会相应切换底下的不同的界面。一 前端基本表单界面生成二维码,引入了qrcode.js库<!DOCTYPE html><html lang="en"&原创 2019-01-28 10:17:54 · 1506 阅读 · 0 评论 -
JS的Session操作(八)
在Java服务器端,有Session和Cookie的概念,在JS端,也有相对应的Session和Cookie的概念。 JS的Cookie,可以利用cookie.js来完成相应的操作。 具体可以看 Cookie.js实现保存用户名和密码操作(一) 一章。 session时使用sessionStorage . Storage表示存储的意思。一. 设置值sessionStorage.setItem...原创 2019-01-28 10:18:28 · 34705 阅读 · 0 评论 -
Image图片查找不存在时(九)
在实际的开发中,常常会遇到关于图片的问题。 如图片显示的问题,然而在显示图片的过程中,常常也会遇到一些问题,如图片不存在,图片引用的路径不匹配等。如图片在数据库中存储的是: /Image/user/01.jpg, 然而却将这张01图片放置在了/Image/01.jpg 文件夹下,那么这个时候是无法取出显示正确的图片的。一。常见误区// 直接设置图片的值$("#photo").attr...原创 2019-01-28 10:19:12 · 1205 阅读 · 0 评论 -
根据Select框的取值,动态显示另外的Div(十)
在员工入职时,有这么一个动作。如果选择的是编外的入职,那么则显示后面相关联的员工。 如果不是编外的入职,则隐藏后面的相关联的员工。一 前面页面效果如果选择的不是编外在职:如果选择的是编外在职:二.前端html页面 <div class="form-group"> <label class="col原创 2019-01-28 10:19:56 · 2074 阅读 · 0 评论 -
按钮登录和回车键登录(六)
在前端登录时,常常是鼠标点击某个按钮登录。有的时候,是直接点击回车键进行相关的登录。一 定义前端界面有一个登录按钮,id为login<button type="button" class="btn btn-default" id=&am原创 2019-03-08 15:48:38 · 2951 阅读 · 2 评论 -
Cookie.js实现保存用户名和密码操作(四)
前端表单记住用户名和密码(一)在登录页面的时候,常常设置记住用户名和密码。虽说,可以用服务器端利用cookies进行记住密码。但最好还是在前端进行相关的记住密码。一 利用cookie.js进行记住密码在plugins文件夹下,放置cookie.js,和jquery.js。二 在前端界面进行相关的引用.<!DOCTYPE html>&a原创 2019-03-08 15:48:03 · 11250 阅读 · 2 评论 -
点击忘记密码,显示重置密码的方式(五)
当点击忘记密码时,会在下面弹出一个可以找回密码的方式面板。比在下面直接扔出一个,通过手机号找回,通过邮箱找回,联系管理员找回强太多了。一 引入相关的页面<!DOCTYPE html><html lang="en"&原创 2019-03-08 15:48:20 · 2536 阅读 · 0 评论 -
JS中的Map形式(十一)
东家蝴蝶西家飞,白骑少年今日归。 愿,所有迷茫的人,都不再迷茫的,愿,所有努力工作的人,都可以得到应有的回报,愿,所有的人,都可以找到回家的方向,愿,再无苦痛,再无离别。上一章简单介绍了根据Select框的取值,动态显示另外的Div(十),如果没有看过,请观看上一章一. JS中的Map形式在js里面,有的时候,常常需要类似于Map的形式,进行键值对的处理,如写字典时,编号与名称进行对应, 编...原创 2019-05-06 19:37:45 · 1241 阅读 · 0 评论 -
JS中描述等长文本的显示或隐藏(十二)
东家蝴蝶西家飞,白骑少年今日归。 愿,所有迷茫的人,都不再迷茫的,愿,所有努力工作的人,都可以得到应有的回报,愿,所有的人,都可以找到回家的方向,愿,再无苦痛,再无离别。上一章简单介绍了JS中的Map形式(十一),如果没有看过,请观看上一章一. 描述等长文本的显示与隐藏有的时候,从数据库中查询出来的某些字段,如描述,简介等,文本可能会比较长。如果全显示在table 页面上,可能会使宽度变宽,...原创 2019-05-06 20:03:22 · 925 阅读 · 0 评论 -
JS判断服务器端文件是否存在(三)
在前端JS操作时,有时候需要判断一下文件是否存在,如图片。 数据库中存在了这个值,然后直接在前端显示这个图片。 这是不正确的。例如,在数据库中存放的是 /image/user.jpg ; 而实际上这张图片被存放在GWML/image/user.jpg, 这个时候设置图片target.attr(src,path); 是不正确的,是取不出来的。 应该先判断一下这个path路径是不是有这张图片。 如果...原创 2019-01-26 10:05:52 · 6543 阅读 · 2 评论