JS基于正则表达式实现的密码强度验证功能示例

本文实例讲述了JS基于正则表达式实现的密码强度验证功能。分享给大家供大家参考,具体如下:先来看看运行效果:具体代码如下:<!DOCTYPE html><html lang="en"><head> <meta chars...

JS实现前端缓存的方法

在前端浏览器中,有些数据(比如数据字典中的数据),可以在第一次请求的时候全部拿过来保存在js对象中,以后需要的时候就不用每次都去请求服务器了。对于那些大量使用数据字典来填充...

angularjs实现简单的购物车功能

本文实例为大家分享了angularjs实现购物车功能的具体代码,供大家参考,具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>...

React-Native左右联动List的示例代码

一:左右联动List,在工作中很常见。
今天分享一个同事写的例子,本人只做了简单修改。
注意:本例子必须修改源码,参考本文第三条。二:Coding
ParcelPage.js:import React, { Compon...

使用JavaScript实现一个小程序之99乘法表

废话不多说了,直接给大家贴代码了,具体代码如下所示:
<!DOCTYPE html> <html> <head> <title>99乘法表</title> <meta charset="utf-8"> </head> <body> <script type="text/ja...

JS实现的简单标签点击切换功能示例

本文实例讲述了JS实现的简单标签点击切换功能。分享给大家供大家参考,具体如下:先来看看运行效果:具体代码如下:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"...

JS路由跳转的简单实现代码

这是一个简单的路由跳转,希望对你有所帮助下面的连接中有复杂的路由跳转<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script s...

AngularJS 的$timeout服务示例代码

废话不多说了,直接给大家贴代码了,具体代码如下所示: <!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script type="text/javascript" src="../js/angular...

shiro授权的实现原理

授权,也叫访问控制,即在应用中控制谁能访问哪些资源(如访问页面/编辑数据/页面操作等)。在授权中需了解的几个关键对象:主体(Subject)、资源(Resource)、权限(Permission)、角色(Role)。...

详解使用vscode+es6写nodejs服务端调试配置

前端的小伙伴们在babel等的加持下,已经可以愉快的使用es6来写代码了。然后对于服务端的nodejs就有点坑爹了,虽然原生支持了es6,但是只是部分支持,一些不支持的特性(比如module)使...

使用vs code开发Nodejs程序的使用方法

最近再研究nodejs,苦苦再选一款轻量级的编辑器,由于本人一直从事.net开发,虽然微软推出了Visual Studio 开发node js的插件,而且用着也不错,但是总感觉这个编辑器体量太大(一装就...

JavaScript实现单击网页任意位置打开新窗口与关闭窗口的方法

本文实例讲述了JavaScript实现单击网页任意位置打开新窗口与关闭窗口的方法。分享给大家供大家参考,具体如下:在一些不正规的网站,尤其是那些挂满广告的下载站,经常在你点击的下...

JavaScript实现简单生成随机颜色的方法

本文实例讲述了JavaScript实现简单生成随机颜色的方法。分享给大家供大家参考,具体如下:如果要做出如下效果,每次刷新网页则产生一种颜色其实非常简单,产生随机颜色的根本核心就...

使用jQuery实现两个div中按钮互换位置的实例代码

效果如下 代码如下:<head> <meta charset="utf-8" /> <title></title> <script type="text/javascript" src="js/jquery-2.1.0.js"></script> <script type="text/javascript...

详解10分钟学会vue滚动行为

滚动行为
什么是路由的滚动行为当切换到新路由时,想要页面滚到顶部,或者是保持原先的滚动位置,就像重新加载页面那样注意: 这个功能只在 HTML5 history 模式下可用。在这个模式...

react router 4.0以上的路由应用详解

本文介绍了react router 4.0以上的路由应用,分享给大家,具体如下:
在4.0以下的react router中,嵌套的路由可以放在一个router标签中,形式如下,嵌套的路由也直接放在一起。
<Route...

vue-router 权限控制的示例代码

最近搭建了公司的后台管理系统, 而且系统还比较庞大, 要实现以下几点: 菜单权限, 根据不同权限显示不同的菜单 操作权限, 比如有些账号没有新增权限, 有些没有修改或者删除权限...

vue router学习之动态路由和嵌套路由详解

本文主要参考:https://router.vuejs.org/zh-cn/essentials/nested-routes.html本文的阅读前提是已经能够搭建一个vue前台程序并且运行。如果还么有搭建可以参考文章:
https://...

详解在express站点中使用ejs模板引擎

使用 vs创建的express站点,默认使用的是jade模板引擎,但是我不太喜欢这种方式,因为我觉得html本身的语义特性是我喜欢的,另外html本身也足够简洁,使用html自身做为模板语言更符合...

Angular将填入表单的数据渲染到表格的方法

一、项目简介我们将采用Angular框架来做一个demo,这个demo将要实现的功能如下:在X坐标和Y坐标文本框输入信息,然后点击添加,就会在下面表格 中出现一项相应的数据,点击每一项旁边...

jQury Ajax使用Token验证身份实例代码

因为最近做了几个后台,所以经常会涉及到Token验证身份操作后台,所以这里记录一个如何向后台传请求头和Token。success:function(dat){ console.log(dat);...

Bootstrap Table 删除和批量删除

一条记录可以看做一条数据的数组1 Html1.1 批量选择框1.2 单个删除2 bootStarp2.1 批量获得获得选择的数据//批量删除 function deleteUserList() { //获取...

BootstrapTable加载按钮功能实例代码详解

1 html<!--工具栏--><div id="toolbar" class="btn-group"> <div style="float:left;margin-right: 10px"> <button class="btn btn-danger"onclick="openModal('add'...

原生JS实现日历组件的示例代码

想要实现的效果 点击日期选择框出现日历 有个日期控制栏帮助选择日期, 包括年、月、日的选择和今天 日历格子,初次点击日期选择框时显示此刻的日期,日历格子的日期应该包括...

利用Node.js了解与测量HTTP所花费的时间详解

前言了解和测量HTTP时间有助于我们发现客户端到服务器或服务器到服务器之间的通信性能瓶颈。 本文介绍了HTTP请求中的时间开销,并展示了如何在Node.js中进行测量。在我们开始...

javascript计算渐变颜色的实例

javascript计算渐变颜色的实例有时候,一个表格或者一片区域内,需要若干同色系从浅到深的颜色,如图所示:
如果需要的颜色少,则颜色的差异较大,需要的颜色多,则颜色差异小,如下图:...

详解bootstrap用dropdown-menu实现上下文菜单

详解bootstrap用dropdown-menu实现上下文菜单写在前面:
所谓上下文菜单,它与一般菜单的区别在于:
通过右键触发显示在鼠标右键点击处
鼠标在别处点击后,该菜单消失
实现方法...

Node.js自定义实现文件路由功能

一、创建路由处理定义 //获取http模块 var http = require('http'); //文件 模块 var fs = require('fs'); //404文件 var error = "./view/404.html"; //实现文件 相应函数...

Js中async/await的执行顺序详解

前言虽然大家知道async/await,但是很多人对这个方法中内部怎么执行的还不是很了解,本文是我看了一遍技术博客理解 JavaScript 的 async/await(如果对async/await不熟悉可以先看...

Vee-Validate的使用方法详解

引入:
npm install vee-validate --savevue代码:import VeeValidate from 'vee-validate';import zh_CN from 'vee-validate/dist/locale/zh_CN'; //引入中文包,提示信息可以以...

ES6中新增的Object.assign()方法详解

前言将A对象的属性复制给B对象,这是JavaScript编程中很常见的操作。下面这篇文章将介绍ES6的Object.assign()属性,可以用于对象复制。在JavaScript生态系统中,对象复制有另外一...

利用javascript如何随机生成一定位数的密码

前言本文主要给大家介绍了关于利用javascript随机生成一定位数密码的相关内容,分享出来供大家参考学习,下面话不多少,来一起看看详细的介绍吧。需求随机生成一定位数的密码,有最...

js中json对象和字符串的理解及相互转化操作实现方法

本文实例讲述了js中json对象和字符串的理解及相互转化操作实现方法。分享给大家供大家参考,具体如下:<script> var str="{'strv':["+ "{'a':'a11'},"+ " {'a':'b2...

EL表达式截取字符串的函数说明

引入标签库<%@tablib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>${fn:substring("你要截取的字符串"),beginIndex,endIndex}下面是JSTL中自带的方法列表...

详解vue中引入stylus及报错解决方法

前提条件是已经有了vue项目,如果没有,请先建立,具体方法看这里https://cn.vuejs.org/v2/guide/installation.html安装stylus好了,建立好项目后我们来安装stylusnpm install styl...

VUE中的无限循环代码解析

代码如下所示:<template><div id=""> <ul v-for="(item,index) in listaaa"> <li v-if='dealFun(item.cdate,index)'>{{item.cdate}}</li> </ul></div></template><script>e...

js表单序列化判断空值的实例

学习javaweb的时候,做了将页面上的的表单信息添加到数据库中的练习。提交表单的时候,需要保证每个输入框、单选按钮、复选框等都不为空,刚开始的时候挨个获取控件的值进行判断...

layer子层给父层页面元素赋值,以达到向父层页面传值的效果实例

父层:jsp中://页面上添加一个隐藏的输入框待用于被子层设置value,从而将子层的数据传递到此页面<input type="hidden" id="getValue" name="getValue" value="" />js代码://设置...

解决html-jquery/js引用外部图片时遇到看不了或出现403的问题

解决方法如下所示:<script type="text/javascript"> function showImg(url) { var frameid = 'frameimg' + Math.random(); window.img = '<img id="img" style="width:...

jQuery实现table中两列CheckBox只能选中一个的示例

//html<table id="unit"><tr><th>选项一</th><th>选项二</th><th>姓名</th></tr><tr><td><input type="checkbox" /></td><td><input type="checkbox" />&...

详解nodejs通过代理(proxy)发送http请求(request)

有可能有这样的需求,需要node作为web服务器通过另外一台http/https代理服务器发http或者https请求,废话不多说直接上代码大家都懂的:var http = require('http')var opt = { ho...

react-native-fs实现文件下载、文本存储的示例代码

本文内容:
react-native-fs的简单使用 下载文件(图片、文件、视频、音频) 将文本写入本地 txt 读取txt文件内容 在已有的txt上添加新的文本 删除文件 上传文件 only iO...

Javascript刷新页面的实例

整理的关于JS刷新页面相关的文章:https://www.freexyz.cn/article/139788.htmJavascript刷新页面的实例Javascript刷新页面的几种方法:
1 history.go(0)
2 location.rel...

详细介绍RxJS在Angular中的应用

RxJS是一种针对异步数据流编程工具,或者叫响应式扩展编程;可不管如何解释RxJS其目标就是异步编程,Angular引入RxJS为了就是让异步可控、更简单。而今就是要探讨什么是Observabl...

angular.js4使用 RxJS 处理多个 Http 请求

有时候进入某个页面时,我们需要从多个 API 地址获取数据然后进行显示。管理多个异步数据请求会比较困难,但我们可以借助 Angular Http 服务和 RxJS 库提供的功能来实现上述的...

JavaScript定义函数的三种实现方法

JavaScript定义函数的三种实现方法【1】正常方法
function print(msg){ document.write(msg);}对函数进行调用的几种方式:
函数名(传递给函数的参数1,传递给函数的参数2,….)...

详解webpack + vue + node 打造单页面(入门篇)

1.node下载地址:http://nodejs.cn/download/,安装完成检查node和npm版本2.淘宝镜像 : npm install cnpm -g --registry=https://registry.npm.taobao.org ,淘宝镜像比npm要快很...

VsCode新建VueJs项目的详细步骤

本文介绍了VsCode新建VueJs,分享给大家,具体如下:使用vue-cli快速构建项目
( vue-cli 是vue.js的脚手架,用于自动生成vue.js模板工程的。 安装vue-cli之前,需要先安装了vue和web...

JQuery用$.ajax或$.getJSON跨域获取JSON数据的实现代码

通过JQuery可以跨域获取JSON数据,但必须弄清楚的是,JQuery不可以跨域获取任意JSON格式的数据,必须要通过服务端输出特定的针对JQuery跨域读取的JSON数据。你可能目前对此仍然毫...

一个有意思的鼠标点击文字特效jquery代码

今天在【幻想's Blog】看到一段比较喜欢的鼠标点击文字特效JS代码,感觉很不错就用到博客上来了!喜欢的站长也可以用一下感觉一下!只需将如下JS代码放到</body>之前即可。<scrip...

返回顶部
顶部