JavaScript - 教程之家

53浏览

0评论

JavaScript阻止表单提交方法（附代码）

<body> <form action="clock.html" method="post" onsubmit="return checkLength()"> <p>name:<input type="text" name="user" id="user"></p> <input type="submit&q...

2020-05-27

63浏览

0评论

JavaScript上传文件时不用刷新页面方法总结（推荐）

用js给出一个上传文件时不用刷新页面的方案 <input id="upload" type="file"/> <button id="upload-btn">upload</button> document.getElementById('upload-btn').onclick...

2020-05-27

69浏览

0评论

form表单序列化详解（推荐）

form的序列化，即将表单中的键值序列化为可提交的字符串
表单 <form id="target"> <select name="age"> <option value="age1">20</option> <option value="age2" select...

2020-05-27

188浏览

0评论

js基于FileSaver.js 浏览器导出Excel文件的示例

本文介绍了js基于FileSaver.js 浏览器导出Excel文件，分享给大家，也给自己做个笔记
限制一：不同浏览器对 blob 对象有不同的限制
具体看看下面这个表格（出自FileSaver.js）：...

2020-05-27

57浏览

0评论

JavaScript与Java正则表达式写法的区别介绍

Js验证写法：（转义符\）var str = "待验证文本";var regular = new RegExp(/这里是正则表达式/);if (regular.test(str)) { console.log("符合条件");} else { console.log("不...

2020-05-27

81浏览

0评论

vue如何集成raphael.js中国地图的方法示例

前言raphael.js是一个很小的javascript库，它可以在网页中实现绘制各种矢量图、各类图表、以及图像裁剪、旋转、运动动画等等功能。此外raphael.js还跨浏览器兼容，而且还兼容老...

2020-05-27

76浏览

0评论

vue的基本用法与常见指令

什么是vue?Vue.js是JavaScript MVVM（Model-View-ViewModel）库，十分简洁，Vue核心只关注视图层，相对AngularJS提供更加简洁、易于理解的API。Vue尽可能通过简单的API实现响应的...

2020-05-27

71浏览

0评论

input输入框内容实时监测(附代码)

输入框内容实时监测！只有输入框内容发生改变才会触发事件，如果输入框内容没有改变则不会触发该事件！代码如下：<script type="text/javascript" src="jquery-3.2.1.js"></script>...

2020-05-27

55浏览

0评论

JavaScript中附件预览功能实现详解（推荐）

由于公司的EMP影像平台比较繁琐，还需要下载才能够能够进行图片的预览，于是业务人员提出在附件列表页面增加预览页面。今天将完成的过程记录下来：一种是js版本的，另一种是jquery...

2020-05-27

73浏览

0评论

JavaScript递归算法生成树形菜单

本文实例为大家分享了js生成树形菜单的具体代码，供大家参考，具体内容如下1、最终效果图（这里仅为实现算法，并加载至页面，不做任何css界面优化）注释：本示例包含三级目录菜单，但实际上...

2020-05-27

89浏览

0评论

js实现移动端轮播图效果

本文实例为大家分享了移动端轮播图效果展示的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" conte...

2020-05-27

105浏览

0评论

js移动端事件基础及常用事件库详解

一、事件基础PC:click、mouseover、mouseout、mouseenter、mouseleave、mousemove、mousedown、mouseup、mousewheel、keydown、keyup、load、scroll、blur、focus、change....

2020-05-27

77浏览

0评论

Vue组件通信实践记录（推荐）

组件通信几乎所有的mvvm框架中都要涉及组件通信的功能（吐槽一下knockout,毕竟是鼻祖就先不说它了）。而且目前的前端形式来看，组件化是一个项目的基础。所以选好一个合适的框架...

2020-05-27

99浏览

0评论

全面解析jQuery中的$(window)与$(document)的用法区别

[window对象] 它是一个顶层对象,而不是另一个对象的属性，即表示浏览器中打开的窗口。 1、属性　　defaultStatus 缺省的状态条消息　　document 当前显示的文档(该属性本...

2020-05-27

84浏览

0评论

JavaScript获取tr td 的三种方式全面总结（推荐）

/* 第一种，原生的js，先获取table然后获取tr标签，然后遍历td */
// $('#selectIds').val("");// var table = document.getElementById("tb_table");//获取第...

2020-05-27

88浏览

0评论

jquery获取链接地址和跳转详解（推荐）

一、获取地址栏参数的方法获取地址栏参数的方法<script type="text/javascript">(function ($) { $.getUrlParam = function (name) { var reg = new RegExp("(^|&)" +...

2020-05-27

82浏览

0评论

vue实现点击图片放大效果

本文实例为大家分享了vue点击图片放大展示的具体代码，供大家参考，具体内容如下1.建立子组件,来实现图片方法功能: BigImg.vue
<template>  <transition na...

2020-05-27

56浏览

0评论

bootstrap modal+gridview实现弹出框效果

项目需要在gridview的表单信息中点击更新，弹出表单进行操作，不需要跳转。1.在girdview中加入更新操作按钮用来调用modal弹窗'buttons' => [ 'update' => function ($url, $mo...

2020-05-27

87浏览

0评论

label+input实现按钮开关切换效果的实例

代码如下所示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-eq...

2020-05-27

145浏览

0评论

JS操作时间 - UNIX时间戳的简单介绍(必看篇)

准备知识GMT(Greenwich Mean Time) - 格林尼治时间。UTC(Universal Time Code) - 国际协调时间。PST（Pacific Standard Time，太平洋标准时间）。UTC出现的比GMT时间晚，可以认为UT...

2020-05-27

97浏览

0评论

angular或者js怎么确定选中ul中的哪几个li

刚来新公司接到新的需求做一个知识库页面红色的是单选蓝色的是多选这些都是需要传递到后台的开始不知道如何解决下班后在家想到一个很巧妙的办法不多说上代码箭头所指...

2020-05-27

72浏览

0评论

基于JQuery的Ajax方法使用详解

如下所示：$.ajax的主要参数： url: '_请求的地址', type: 请求类型 get & post data: '请求的参数, success：回调函数$.ajax({ url: '_api/01.check.php...

2020-05-27

65浏览

0评论

基于Vue实例生命周期(全面解析)

前面的话Vue实例在创建时有一系列的初始化步骤，例如建立数据观察，编译模板，创建数据绑定等。在此过程中，我们可以通过一些定义好的生命周期钩子函数来运行业务逻辑。本文将详细...

2020-05-27

102浏览

0评论

基于js 本地存储(详解)

在客户端运行的JS是不能操作用户电脑磁盘中的文件的（保护客户端运行的安全）1、JS中的本地存储：使用JS向浏览器的某一个位置中存储一些内容，浏览器即使关闭了，存储的信息也不会销...

2020-05-27

100浏览

0评论

vue动态路由实现多级嵌套面包屑的思路与方法

前言最近在工作中遇到了一个问题，是关于vue动态路由多级嵌套面包屑怎么弄(不是动态路由嵌套可以尝试用 this.$route.matched方法获取到path和name集合，动态的嵌套获取不到全部...

2020-05-27

80浏览

0评论

随机生成10个不重复的0-100的数字(实例讲解)

在面试时，面试官问了我一道js题：随机生成一个含有10个元素的数组，且元素为0-100的不重复的整数。当时的第一反应是for循环生成10个数字，但是可能会有重复的情况；进一步思考，需要对...

2020-05-27

77浏览

0评论

jQuery中each循环的跳出和结束实例

Query中each类似于javascript的for循环但不同于for循环的是在each里面不能使用break结束循环，也不能使用continue来结束本次循环，想要实现类似的功能就只能用return,break...

2020-05-27

75浏览

0评论

vue绑定设置属性的多种方式(5)

vue系列教程第五篇，即绑定设置属性的多种方式，具体内容如下一、设置属性的值: {{data中的数据}}window.onload = function () { var c = new Vue({ el : '#box', data : {...

2020-05-27

72浏览

0评论

Node.js 的模块知识汇总

在写 Node.js 应用程序的时候，你确实可以把所有代码放在巨大原 index.js 文件中，不在乎你的应用程序会变得多大多复杂。Node.js 解释器不会在意这个事情。但在代码组织方面，你...

2020-05-27

88浏览

0评论

详谈js对url进行编码和解码(三种方式的区别)

Javascript语言用于编码的函数，一共有三个，最古老的一个就是escape()。虽然这个函数现在已经不提倡使用了，但是由于历史原因，很多地方还在使用它，所以有必要先从它讲起。escape...

2020-05-27

82浏览

0评论

详谈表单重复提交的三种情况及解决方法

第一种情况：提交完表单以后，不做其他操作，直接刷新页面，表单会提交多次。- 在servlet中写一句输出，用来判断是否提交多次
System.out.println("已经插入");request.getRequestDis...

2020-05-27

73浏览

0评论

深入研究jQuery图片懒加载 lazyload.js使用方法

lazyload是一个用Javascript编写的jQuery插件，它可以延迟加载长页面中的图片，在浏览器可视区域外的图片将不会被载入，直到用户将它们滚动到它们所在的位置。跟bootstrap一样，laz...

2020-05-27

83浏览

0评论

在一般处理程序（ashx）中弹出js提示语

在提交form表单时，比如前台是$("form").submit()同步提交的时候，这个是没有回掉函数的，那么我们只能在后台提示，在前台显示，自己作为一个参考吧public class Script { publ...

2020-05-27

91浏览

0评论

关于vue.extend和vue.component的区别浅析

前言最近一个朋友问我vue.extend和vue.component两者之间有什么区别？突然这么一问竟答不出来，回来想想有必要总结下，所以本文就来给大家介绍关于vue.extend和vue.component的区...

2020-05-27

97浏览

0评论

vue父组件通过props如何向子组件传递方法详解

前言本文主要给大家介绍了关于vue中父组件通过props向子组件传递方法的相关内容，分享出来供大家参考学习，下面来一起看看详细的介绍：vue 组件中的 this
vue 中 data/computed/m...

2020-05-27

52浏览

0评论

vue的事件绑定与方法详解

一、在vue中，绑定事件，用v-on:事件类型，如绑定一个点击事件，我们可以这样子做window.onload = function () { var c = new Vue({ el : 'body', methods : {...

2020-05-27

61浏览

0评论

Angularjs中的验证input输入框只能输入数字和小数点的写法（推荐）

把js的验证方法改成angular可使用的方法AngularJS文件的写法：
$scope.clearNoNum = function(obj,attr){//先把非数字的都替换掉，除了数字和.obj[attr] = obj[attr].replace(/...

2020-05-27

106浏览

0评论

vue实现留言板todolist功能

通过前面两篇文章的的学习，我们掌握了vue的基本用法. 本文，就利用这些基础知识来实现一个留言板，老外把他称之为todolist.第一步、使用bootstrap做好布局<!DOCTYPE html><html...

2020-05-27

79浏览

0评论

JavaScript-定时器0~9抽奖系统详解（代码）

具体代码如下：<html> <head> <title>定时器0~9抽奖系统</title> <meta charset="UTF-8" /> <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3....

2020-05-27

68浏览

0评论

JavaScript选取(picking)和反选(rejecting)对象的属性方法

有时候我们需要将一个对象的某些属性选取出来，比方说我们有一个用数组表示的数据库表，我们需要一些函数来 select (选取) 几个字段：function pick(obj, keys) { return keys.m...

2020-05-27

77浏览

0评论

理解 Node.js 事件驱动机制的原理

学习 Node.js 一定要理解的内容之一，文中主要涉及到了 EventEmitter 的使用和一些异步情况的处理，比较偏基础，值得一读。
大多数 Node.js 对象都依赖了 EventEmitter 模块来监...

2020-05-27

86浏览

0评论

JavaScript仿微信（电话）联系人列表滑动字母索引实例讲解（推荐）

今天做到了一个联系人列表的需求, 要求和微信的一样! 写出来分享给大家, 使用了jq和doT模版引擎首先对数据源进行数据排序// 数据排序 function sortData(data) { var lett...

2020-05-27

63浏览

0评论

ionic3 懒加载

ionic3 默认使用了懒加载技术，相较以前预加载的版本，ionic3构建的app在首页加载时间上有较大的优化，但是，ionic3默认每个页面都会对应一个模块，对于页面较多，但是每个模块都很小的...

2020-05-27

68浏览

0评论

JavaScript实现三级联动菜单效果

三级联动考察的应该是对于数据的处理，只要清楚其中的关系，再多几级都是一样的：html部分：<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title>3级联动菜单</title> <s...

2020-05-27

73浏览

0评论

浅析webpack 如何优雅的使用tree-shaking（摇树优化）

1.什么是tree-shakingwebpack 2 的到来带来的最棒的新特性之一就是tree-shaking 。tree-shaking源自于rollup.js，先如今，webpack 2也有类似的做法。webpack 里的tree-shaking...

2020-05-27

113浏览

0评论

微信小程序自定义模态对话框实例详解

由于官方API提供的显示模态弹窗，只能简单地显示文字内容，不能对对话框内容进行自定义，欠缺灵活性，所以自己从模态弹窗的原理角度来实现了自定义的模态对话框。wx.showModal(OBJE...

2020-05-27

109浏览

0评论

全选复选框JavaScript编写小结（附代码）

对于全选框的操作分为两种情况：1.单击全选框，下面全部选中 2.单击下面的复选框，全部点击上，全选框被选中，否则全选框没有选中。html样式<tr> <td>爱  好</td>...

2020-05-27

86浏览

0评论

微信小程序开发animation心跳动画效果

本文实例为大家分享了微信小程序开发animation心跳动画，供大家参考，具体内容如下
1、微信小程序开发animation心跳动画wxml文件中：
<view class="bottomViewItem"> <view cla...

2020-05-27

137浏览

0评论

AngularJS+Bootstrap3多级导航菜单的实现代码

将介绍如何用AngularJS构建一个强大的web前端系统。angularjs是由Google团队开发的一款非常优秀web前端框架。在当前如此多的web框架下，AngularJS能脱颖而出，从架构设计上就高...

2020-05-27

99浏览

0评论

微信小程序tabBar底部导航中文注解api详解

微信小程序tabBar底部导航中文注解api，信小程序tabBar就是app底部的那个导航栏，可以放1-5导航链接，这里对微信小程序底部导航tabbar的中文解释。
微信小程序tabBar是在全局app...

2020-05-27

热门文章