JQuery用户注册表单验证

发布时间:2022-12-03 JQUERY JAVASCRIPT 前端

使用jquery编写代码实现用户注册表单的验证功能:

  1. 用户名、密码、确认密码和手机号不能为空
  2. 密码长度在8~20位之间,密码至少由数字、字母或下划线其中两种组成
  3. 确认密码必须和密码一致
  4. 手机号应该是11位,并且是合法的手机号段
  5. 验证码随机生成,可以忽略大小写

empty
full
部分代码:(完整代码)

 <script type="text/javascript">
     $(()=>{
         // 用户名校验
         $("#username").focus(function(){
             $(".notice:eq(0)").text("");
         })
         $("#username").blur(function(){
             if($(this).val()==""){
                 $(".notice:eq(0)").addClass('notice-wrong').text("用户名或登录名不能为空");
             }
         });

         // 密码校验
         $("#password").focus(function(){
             $(".notice:eq(1)").text("");
         })
         $("#password").blur(function(){
             $(".notice:eq(1)").removeClass('notice-wrong').removeClass('notice-right');
             let reg = /^[\w]{8,20}$/;
             let reg1 = /(?!^[a-zA-Z]+$)(?!^[0-9]+$)(?!^[_]+$)^\S{8,20}$/;
             if($(this).val()==""){
                 $(".notice:eq(1)").addClass('notice-wrong').text("密码不能为空");
             }
             else if(!reg.test($(this).val())){
                 $(".notice:eq(1)").addClass('notice-wrong').text("密码长度必须在8~20位之间");
             }
             else if(!reg1.test($(this).val())){
                 $(".notice:eq(1)").addClass('notice-wrong').text("密码至少由数字、字母或下划线其中两种组成");
             }
             else{
                 $(".notice:eq(1)").addClass('notice-right').text("密码正确");
             }
         });
         $("#password").bind('input propertychange',function(){
             let reg = /^[\w]*$/;
             if(!reg.test($(this).val())){
                 $(this).val("");
                 $(".notice:eq(1)").addClass('notice-wrong').text("密码只能是数字、字母和_其中一种");
             }
         });

         // 确认密码校验
         $("#ensurepsd").focus(function(){
             $(".notice:eq(2)").text("");
         })
         $("#ensurepsd").blur(function(){
             $(".notice:eq(2)").removeClass('notice-wrong').removeClass('notice-right');
             let reg = /^[\w]{8,20}$/;
             if($(this).val()==""){
                 $(".notice:eq(2)").addClass('notice-wrong').text("密码不能为空");
             }
             else if(!reg.test($(this).val())){
                 $(".notice:eq(2)").addClass('notice-wrong').text("密码长度必须在8~20位之间");
             }
             else if($("#password").val()!==$("#ensurepsd").val()){
                 $(".notice:eq(2)").addClass('notice-wrong').text("两次输入密码不一致");
             }
             else{
                 $(".notice:eq(2)").addClass('notice-right').text("密码正确");
             }
         });
         $("#ensurepsd").bind('input propertychange',function(){
             let reg = /^[\w]*$/;
             if(!reg.test($(this).val())){
                 $(this).val("");
                 $(".notice:eq(2)").addClass('notice-wrong').text("密码只能是数字、字母和_其中一种");
             }
         });

         // 手机号校验
         $("#phone").focus(function(){
             $(".notice:eq(3)").text("");
         })
         $("#phone").blur(function(){
             if($(this).val()==""){
                 $(".notice:eq(3)").addClass('notice-wrong').text("手机号不能为空");
             }
             let exp = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/;
             if(($(this).val()!=='')&&(!exp.test($(this).val()))){
                 $(".notice:eq(3)").addClass('notice-wrong').text("请输入正确的手机号");
             }
         });
         $("#phone").bind('input propertychange',function(){
             let reg = /^[0-9]*$/;
             if(!reg.test($(this).val())){
                 $(this).val("");
                 $(".notice:eq(3)").addClass('notice-wrong').text("手机号码只能是数字");
             }
         });

		 // 验证码
         let randomArr = ['A','a','B','b','0','C','c','D','d','1','E','e','F','f',
                         '2','G','g','H','h','3','I','i','J','j','4','K','k','L',
                         'l','5','M','m','N','n','6','O','o','P','p','7','Q','q',
                         'R','r','8','S','s','T','t','9','U','u','V','v','W','w',
                         'X','x','Y','y','Z','z'];
         let num = 4, iniStr = '';
         for(let i = 0; i < num; i++){
             iniStr += randomArr[Math.floor(Math.random()*62)];
         }
         $("#securityCodeText").text(iniStr);
         $("#securityCodeText").click(function(){
             let str = '';
             for(let i = 0; i < num; i++){
                 str += randomArr[Math.floor(Math.random()*62)];
             }
             $("#securityCodeText").text(str);
         });
         $("#securityCode").focus(function(){
             $(".notice:eq(4)").text("");
         })
         $("#securityCode").blur(function(){
             if(($("#securityCode").val()!=='')&&($(this).val().toUpperCase()!==$("#securityCodeText").text().toUpperCase())){
                 $(".notice:eq(4)").addClass('notice-wrong').text("验证码错误");
             }
         });
     });
 </script>

更多相关推荐


Trie字典树详解

发布时间:2022-11-22 数据结构 算法 前端
📖1.什么是Trie树Trie树,又叫字典树,前缀树(PrefixTree),单词查找树,是一种多叉树的结构.上图就是一颗Trie树,表示了关键字集合{"pool","prize","prepare","preview","produce","progress"}.字典树的基本性质如下:根节点不包含字符,除根节点外每一个节点都只包含一个字符从根节点到某一节点,路径上的字符连接起来,为该节点对应的字...

vue项目中使用el-dialog嵌套el-table,复选框回显问题

发布时间:2022-11-20 VUE 前端 JAVASCRIPT VUE.JS ELEMENTUI
  功能需求:点击选择单位右侧按钮,弹出弹框,将输入框里的数据,在弹框表格里,默认选中实现思路: 在点击弹框的取消和确定按钮的时候,先使用this.$refs.multipleTable.clearSelection()清空所有选择,再隐藏弹框。***必须是在弹框隐藏前调用*** 然后再watch变量dialogVisible,弹框出现后,再使用toggleRowSelection切换选中行的选中...

js浏览器内置对象

发布时间:2022-09-28 JAVASCRIPT 前端 HTML
浏览器内置对象      浏览器对象是浏览器根据系统当前的配置和所装载的页面为JavaScript提供的一系列可供使用的对象。      如Window对象、Document对象、History对象等      文档对象模型(DOM)      DOMDocumentObjectModel它是W3C国际组织的一套Web标准,它以树形结构表示文档(HTML、XML等),定义了遍历、检查和修改各节点的...

JS小结1

发布时间:2022-09-13 JAVASCRIPT
JavaScript简称JS一、JS可以写在整个页面二、JavaScript的基本数据类型数值数据类型(number)布尔类型(boolean)未定义数据类型(undefined)空数据类型(null) 三、使用typeof运算符可以查看变量的数据类四、定义变量1、声明一个变量,使用var来声明一个变量,用来存储学生的姓名2、变量名不能是关键字,可以由数字、字母,下划线组成,但是首个字符不能是数字...

js运算符

发布时间:2022-09-14 JAVASCRIPT 前端 SERVLET
      3!=3*2*1         关系运算符:==(等于) ===(绝对等于/完全等于)         区别:==两个变量的值相等===两个变量的值 相等且类型一致逻辑运算符:&amp;&amp;=且 ||=或 !=不等于​&lt;!DOCTYPEhtml&gt;&lt;html&gt; &lt;head&gt; &lt;metacharset="utf-8"&gt; &lt;t...

js猜数字

发布时间:2022-09-21 JAVASCRIPT 前端 开发语言
 猜数字&lt;scripttype="text/javascript"&gt; varanswer=Math.floor(Math.random()*11) console.log(answer) document.getElementById("cai").onclick=function(){ varguessInput=Number(document.getElement...

js 定时器

发布时间:2022-09-24 JAVASCRIPT 前端 SERVLET
动态时间&lt;spanid="result"&gt; &lt;/span&gt; &lt;scripttype="text/javascript"&gt; window.onload=function(){ setInterval(function(){ vartime=newDate(); varresult=time.toLocaleString() ...

你必须收藏的Github技巧

发布时间:2017-03-03 JAVASCRIPT 前端 VIEWUI
一秒钟把Github项目变成前端网站GitHubPages大家可能都知道,常用的做法,是建立一个gh-pages的分支,通过setting里的设置的GitHubPages模块可以自动创建该项目的网站。这里经常遇到的痛点是,master遇到变更,经常需要去sync到gh-pages,特别是纯web前端项目,这样的痛点是非常地痛。Github官方可能嗅觉到了该痛点,出了个master当作网站是选项,太...

npm进阶

发布时间:2019-03-16 WEBPACK JAVASCRIPT VIEWUI JSON
一、cmd下载命令指令简介1、关于命令参数:install可以简写成i,-global可以简写成-g,i-g位置无限制,npm包跟在i后面,用多个空格分离即可2、关于版本通常不需要指定版本号默认下载最新版本:npmixxx;如何需要下载指定版本:通常版本有两个参数:^和~^2.11.1代表主版本号不变,版本域为[2.11.1,3.0.0)~2.11.1代表主、次版本都不变,版本域为[2.11.1,...

Vue+ElementUI el-select选择器:绑定的值为对象

发布时间:2022-11-08 VUE.JS ELEMENTUI 前端
业务需求:el-select选择器,后台接口需要的参数为name,name会存在重复情况,前端唯一标识选择用id,所以最后决定使用select绑定对象值将数据保存下来。实现思路:常规的select选择器,v-model形式绑定的参数只能是boolean,string,number,但是仔细翻阅官方文档发现,selelct是可以绑定对象的,如下图:el-select绑定对象具体实现如下:el-sel...

切换Tab页面不重复刷新页面/请求数据问题

发布时间:2022-10-28 VUE.JS JAVASCRIPT VUE 前端
一、内置组件----keepAliveVue2官方文档:https://v2.cn.vuejs.org/v2/api/#keep-aliveVue3官方文档:https://cn.vuejs.org/guide/built-ins/keep-alive.html作用:当多个组件(页面)之间进行切换时可对组件(页面)中的内容进行缓存,其内部存在缓存机制用法:Vue2用法:&lt;!--App.vue...

Hexo使用Abbrlink插件生成文章固定编号链接

发布时间:2022-11-23 学习 GITHUB 杂项 前端 WEB
本文介绍如何使用Abbrlink插件生成形如http://id.github.io/posts/38175.html的Hexo文章固定编号链接。Hexo默认的静态url格式是::year/:month/:day/:title,也就是按照年、月、日、文章标题来生成固定链接的。如:http://id.github.io/2022/11/23/hello-world。使用Abbrlink插件可以使每篇文...

VUE事件处理:鼠标事件、键盘事件

发布时间:2022-07-27 VUE.JS VUE JAVASCRIPT 前端
事件处理使用v-on:事件名=“函数名”或@事件名=“函数名”绑定事件;事件的回调需要配置在methods对象中,最终会在vm上;methods中配置的函数,不要用箭头函数,否则this就不是vm了;被vue管理的函数不要使用箭头函数,以确保this都是vm(vue对象)methods中配置的函数,都是被Vue所管理的函数,this的指向是vm或组件实例对象;(methods中的函数是不会进行数据...

three.js自定义形状

发布时间:2016-11-21 JAVASCRIPT VIEWUI XHTML
&lt;!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;&lt;html&gt;&lt;head&gt;&lt;scripttype="text/javascript"src="libs/three.js"&gt;&lt;/script&g...

前端性能测试详细分析(一)

发布时间:2012-02-23 前端 VIEWUI
Yahoo提出了前端的重要性。。。金法则:只有10%-20%的最终用户响应时间花在了下载HTML文档上,其余的80%-90%的时间都花在了下载页面中的组件上。。。。当我们无数次的使用各种测试工具测试后端的性能时,不论是loadrunner或者别的什么工具,为了提高一点点用户响应时间而大动干戈的时候,也许,改动前端JS的一个执行顺序,就可以答到目的。下面的文章,介绍了如何用很简单的方法,让你的网站的...

熊猫代理自动签到

发布时间:2022-09-04 前端 开发语言 PYTHON
熊猫代理自动签到官方链接:http://www.xiongmaodaili.com/可以签到获取积分来免费兑换东西importrequests#需要一次成功不然后续需要验证码account="1311111111111"#手机号mima="1123123"#密码session=requests.session()headers={'User-Agent':'Mozilla/5.0(WindowsN...

JS里写入(混写)php&nbsp;asp

发布时间:2015-01-08 JAVASCRIPT PHP VIEWUI
原文:JS里写入(混写)php aspJS里写入(混写)php方法1:&lt;Br&gt;&lt;scriptlanguage="javascript"&gt;document.write("&lt;?phpecho"阳光谢谢你"?&gt;");&lt;/script&gt;&lt;Br&gt;&lt;Br&gt;方法2&lt;Br&gt;&lt;scriptlanguage="javascrip...

ASP.NET中如何向页面写入JavaScript脚本内容

发布时间:2011-08-04 JAVASCRIPT VIEWUI
使用Ajax的方法在后置代码(.cs文件中)向页面写入JavaScript脚本的方法,虽然Response.Write("&lt;script&gt;脚本内容&lt;/script&gt;");的方式也可以做到向页面写入脚本代码,但是脚本输出的内容多在网页显示的最上方,用以下方法可以将脚本内容写在你想要的任意地方。  ClientScriptManager cs = this.ClientScri...

【转】分享前端开发中通过js设置/获取cookie的一组方法

发布时间:2017-03-06 前端 VIEWUI
在前端开发中,通常都需要获取并记录用户的某些操作设置,这样可以使用户下一次访问网站时不用进行重复的调整设置同一个功能。js方法的完整代码如下:1varcookie={2set:function(key,val,time){//设置cookie方法3vardate=newDate();//获取当前时间4varexpiresDays=time;//将date设置为n天以后的时间5date.setTim...

Struts表单验证开发指南

发布时间:2007-01-26 JSP JAVA TECHNIQUE BEAN 框架 JAVASCRIPT STRUTS ACTION
要在Struts项目中使用Validator功能,首先需要配置Struts项目,使其支持Validator框架.Struts通过一个插件(Plugin)来使Struts项目支持Validator.这个Plugin由Struts默认提供,用户也可以自己开发自己的ValidatorPlugin.Struts默认提供的Plugin为:org.apache.struts.validator.Validat...

jqery图片展示效果

发布时间:2009-06-25 JAVASCRIPT VIEWUI XHTML
好久没更新了,加一个jqery图片展示效果&lt;!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;htmlxmlns="http://www.w3.org/1999/xhtml"&gt;&lt;head&gt...

TypeScript(二)语法细节

发布时间:2022-11-23 JAVASCRIPT TYPESCRIPT 前端
TypeScript联合类型TypeScript的类型系统允许我们使用多种运算符,从现有类型中构建新类型。联合类型是由两个或者多个其他类型组成的类型;表示可以是这些类型中的任何一个值;联合类型中的每一个类型被称之为联合成员(union’smembers);letfoo:number|string='abc';传入给一个联合类型的值是非常简单的:只要保证是联合类型中的某一个类型的值即可但是我们拿到这...

react中元素的显示和隐藏方式的使用(函数组件)

发布时间:2022-11-09 CSS REACT.JS JAVASCRIPT HTML5 前端
文章目录第一种:用style来显示隐藏第二种:用三元运算符第三种:通过短路逻辑进行元素显隐前言:在react中,我们有常用的有四种方式来显示元素的显示和隐藏,和vue不同,vue中我们使用v-if或v-show来显示元素的隐藏和显示下面分别介绍一下在react中隐藏和显示元素的方法第一种:用style来显示隐藏importReact,{useState}from'react'exportdefau...

TypeScript(三)面向对象

发布时间:2022-11-23 JAVASCRIPT TYPESCRIPT 前端
TypeScript类的定义我们可以使用class关键字来定义一个类;我们可以声明类的属性:在类的内部声明类的属性以及对应的类型如果类型没有声明,那么它们默认是any的;我们也可以给属性设置初始化值;在默认的strictPropertyInitialization模式下面我们的属性是必须初始化的,如果没有初始化,那么编译时就会报错;如果我们在strictPropertyInitialization...

JQuery常用选择器

发布时间:2016-01-15 JQUERY WEB
&lt;!--显示元素--&gt;$('#img1').css("display",'block')&lt;!--隐藏元素--&gt;$('#img1').css("display",'block')&lt;!--按钮不可点击--&gt;$('#btn1').attr('disabled','true')&lt;!--按钮可以点击--&gt;$('#btn1').attr('disabled','...

Introduction or Why Should I Bother

发布时间:2017-11-16 网络 前端 VIEWUI JIRA
  日志管理通常是被认为一件即痛苦又黑暗的经历。确实,熟知良好的日志管理将会是一个缓慢而不断进化的过程。新的系统管理人员,在遇到问题时,总是被告知“去查看日志吧”。这时,在日志和事件数据中,通过简单系统命令的组合,如cat、tail、grep(还包括sed、awk、perl)等,诊断并确定出问题所在。他们将会成为命令行下的专家,熟知正则表达式的功夫:如从混杂的日志事件中查询(searching)、...

DWR使用总结

发布时间:2012-06-18 BEAN CALLBACK AJAX JAVASCRIPT LIST JAVA DWR
DWR是方便使用AJAX连接JS和JAVA的的一个框架,把服务器端Java对象的方法公开给JavaScript代码。如果是用dwr2.0的jar包,还需要同时导入log4j.jar和commons-loggin.jar,勿忘!!web.xml和dwr.xml放在WEB-INF下!-----------------------------配置web.xml:WEB工程启动的时候会在这个里面找到具体所...

leetcode-350-两个数组的交集 II

发布时间:2020-07-13 LEETCODE JAVASCRIPT HASHMAP 哈希表
哈希表万物皆对象,JavaScript的对象就具有哈希表的功能,所以接下来使用对象代替哈希表(实际上在JavaScript里面没有哈希表的概念,大概就是因为这个原因吧)。假设nums1长度是n,nums2长度是m,那么时间复杂度O(n+m)。首先构造哈希表,其次对照哈希表返回交集。varintersect=function(nums1,nums2){constn=nums1.length;cons...

JS链表逆置

JS链表逆置思路图解先定位到倒数第二个节点,之后:1.将后一节点的next改成本节点2.取消本节点的next3.返回末尾节点之后依次对倒数第三个节点进行上述1和2的操作,注意需要用一个变量保存每一次修改后的链表,最后返回出去做题思维1.先写函数的出口,即返回值2找出重复的操作是什么3.如何到达下一个递归//创建一个链表functionNode(value){this.value=valuethis...

使用JsPlumb绘制拓扑图的通用方法

发布时间:2015-05-06 JAVASCRIPT VIEWUI JSON 数据结构与算法
转自:http://www.it165.net/pro/html/201311/7616.html使用JsPlumb绘制拓扑图的通用方法一、实现目标绘制拓扑图,实际上是个数据结构和算法的问题。需要设计一个合适的数据结构来表达拓扑结构,设计一个算法来计算拓扑节点的位置及连接。 二、实现思想1.数据结构首先,从节点开始。显然,需要一个字段type表示节点类型,一个字段data表示节点数据(详情),对于...

JS高级:理解闭包

发布时间:2022-11-07 JAVASCRIPT ECMASCRIPT 开发语言 JS高级
1、如何产生闭包    当一个嵌套的内部(子)函数引用了嵌套的外部(父)函数的变量(函数)时,就产生了闭包。2、闭包到底是什么    使用chrome调试查看    理解1:闭包是嵌套的内部函数中    理解2:闭包内部函数--包含被引用变量(函数)的对象、属性    闭包存在于嵌套的内部函数中Closure:闭包执行函数产生闭包 functionf1(){ vara=10; fu...

memcached详细介绍,安装,高可用,分布式案例,监控

发布时间:2015-07-24 前端 MEMCACHED PHP VIEWUI
memcached是一套内存缓存系统或者软件,用于动态应用系统中缓存数据库数据,减少数据库访问压力,达到性能提升目的1,一般在企业中用于数据库的cache2,作为集群架构节点应用服务器之间session数据共享的存储memcached是通过预分配指定内存空间来存储数据,java,php应用并发超不过1000 单台mysql200-300已经很大了memcached(不能持久化),redis(可持久...

Pinia笔记

发布时间:2022-10-10 VUE.JS JAVASCRIPT 前端
pinia:全局状态管理工具   特点:1.完整的ts的支持;2.足够轻量,压缩后的体积只有1kb左右;3.去除mutations,只有state,getters,actions;      4.actions支持同步和异步;      5.代码扁平化没有模块嵌套,只有store的概念,store之间可以自由使用,每一个store都是独立的安装:npminstallpinia   =&gt;引入:...

3-zookeeper应用场景

发布时间:2018-05-02 大数据 前端 VIEWUI PYTHON
1  概述  zk的核心体系是一个由业务注册进来的文件系统+对文件系统变化进行监听通知的监听机制。  假如在一个分布式系统中,有5台服务器,上面跑业务进程。在进程启动时,会去zk注册临时节点,并注册监听器。然后,当进程挂掉、子节点数变化时(就是文件系统改变),触发监听通知。 2  节点感知  在分布式系统中,比如processA下有10个进程。前端节点需要向对端建立路由传递消息,但不知道这时是否还...

个人向TS笔记

发布时间:2022-09-18 前端 TYPESCRIPT
TypeScript是JavaScript的超集,为JS增加了类型支持。 目的:在编译的时候检索错误,提前发现错误减少找bug改bug的时间。代码提示更多。维护性更强。支持最新的ECMAScript语法。安装:npmi-gtypescript   Node.js和浏览器只认JS代码,要将TS转为JS才能执行      tschello.ts(将TS编译为JS)简化TS运行步骤:安装npmi-gts...

初识web(一)

发布时间:2022-10-26 前端 HTML CSS
什么是web?web(WorldWideWeb)全球广域网,一种基于超文本和HTTP的,全球性的,动态交互的,易于访问的只管界面,其中的文档及超级链接将Internet上的信息节点组织成一个互为关联的网状结构。什么是html和css?他们是两种编辑语言,一般情况下需要配合使用,是作为网站开发的基础语言。HTML:超文本标记语言(HyperTextMarkupLanguage),标准通用标记语言的一...

jquery validator验证测试页

发布时间:2010-07-29 JQUERY 应用软件 MOBILE VIEWUI
required:"Thisfieldisrequired.",  //必选字段remote:"Pleasefixthisfield.",      //请修正该字段email:"Pleaseenteravalidemailaddress.",  //请输入正确格式的电子邮件地址url:"PleaseenteravalidURL.",   //请输入合法的网址date:"Pleaseenterav...

万字长文带你了解Promise

发布时间:2021-10-14 AJAX JAVASCRIPT NODE.JS PROMISE
介绍JavaScript是一门典型的异步编程脚本语言,在编程过程中会大量的出现异步代码的编写,在JS的整个发展历程中对异步编程的处理方式经历了很多个时代,最典型也是现今使用最广泛的时代就是Promise对象处理异步编程。那么什么是Promise对象呢?Promise是ES6版本提案中实现的异步处理方式,对象代表了未来将要发生的事件,用来传递异步操作的消息。为什么使用Promise对象举个栗子:在过...

js基础常用方法

发布时间:2022-11-23 JS基础知识 JAVASCRIPT 前端 开发语言
1. slice()//字符串截取varstr='abcdef'console.log(str.slice(3))//def,是从第4位开始截取到最后一位console.log(str.slice(1,3))//bc,截取的是第2位到第三位 2. indexOf() //查找符合条件元素,返回的是索引下标varstr='abcdef'console.log(str.indexOf('b'))//1...

JavaScript——正则表达式

发布时间:2022-10-05 ES6 正则表达式 JAVASCRIPT 前端框架 前端
一、正则表达式\color{#b57aed}{一、正则表达式}一、正则表达式1.基本语法varreg=/pattern/flagspattern:正则表达式            flags:标识(修饰符)先说标识符,标识主要包括:    i  忽略大小写匹配    m  多行匹配,即在到达一行文本末尾时还会继续寻常下一行中是否与正则匹配的项    g  全局匹配,模式应用于所有字符串,而非在找到...

React 16.5.2 + webpack 4.2 多页面配置

发布时间:2018-10-31 JAVASCRIPT JSON VIEWUI WEBPACK
前言最近把活动项目从React15+webpack2.7迁移到 React16.5.2+webpack4.2。踩过的一些坑和大家分享一下。当然,本文着重介绍webpack4.2的配置。React16方面升级的坑大家可以自行谷歌一下,或者评论私聊都行。一、安装依赖"devDependencies":{"autoprefixer":"^9.1.5","babel-core":"^6.26.3","ba...

lodash 工具库

发布时间:2018-09-17 前端 VIEWUI GIT 后端
lodash是一套工具库,内部封装了很多字符串、数组、对象等常见数据类型的处理函数。1.lodash的引用import_from'lodash'用一个数组遍历来说明为什么要使用lodash常规数组遍历agent.forEach(function(n,key){agent[key].agent_id=agent[key].agent_name;returnagent;})使用lodash来遍历_.f...

简道云API数据处理中常用的功能

发布时间:2022-11-07 简道云 前端 JAVA PYTHON
在处理简道云数据中,一些功能会经常用到,包括获取可以返写的成员单选账号,成员多选账号,时间转换为当前时区和转换为简道云的时间,获取今天,昨天,前天的日期值等,下面给大家进行分享:classJdyFuctionUtils(object):#为实现简道云的操作而制作的一些特有功能的类defget_single_username(self,user_single):#根据成员单选值,查找出usernam...