JavaScript - 教程之家

46浏览

0评论

bootstrap modal+gridview实现弹出框效果

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

2020-05-27

71浏览

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

133浏览

0评论

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

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

2020-05-27

78浏览

0评论

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

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

2020-05-27

58浏览

0评论

基于JQuery的Ajax方法使用详解

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

2020-05-27

51浏览

0评论

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

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

2020-05-27

88浏览

0评论

基于js 本地存储(详解)

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

2020-05-27

87浏览

0评论

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

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

2020-05-27

65浏览

0评论

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

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

59浏览

0评论

Node.js 的模块知识汇总

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

2020-05-27

75浏览

0评论

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

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

68浏览

0评论

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

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

2020-05-27

73浏览

0评论

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

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

2020-05-27

81浏览

0评论

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

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

2020-05-27

41浏览

0评论

vue的事件绑定与方法详解

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

2020-05-27

48浏览

0评论

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

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

2020-05-27

96浏览

0评论

vue实现留言板todolist功能

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

2020-05-27

66浏览

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

53浏览

0评论

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

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

2020-05-27

71浏览

0评论

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

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

2020-05-27

75浏览

0评论

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

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

2020-05-27

47浏览

0评论

ionic3 懒加载

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

2020-05-27

60浏览

0评论

JavaScript实现三级联动菜单效果

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

2020-05-27

61浏览

0评论

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

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

2020-05-27

105浏览

0评论

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

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

2020-05-27

101浏览

0评论

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

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

2020-05-27

78浏览

0评论

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

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

2020-05-27

130浏览

0评论

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

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

2020-05-27

78浏览

0评论

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

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

2020-05-27

72浏览

0评论

jQuery取得元素标签名称小结（附代码）

代码如下：<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "h...

2020-05-27

64浏览

0评论

微信小程序多列选择器range-key使用详解

本文实例为大家分享了微信小程序多列选择器的具体代码，供大家参考，具体内容如下<picker mode="multiSelector" bindchange="bindMultiPickerChange2" bindcolumnchange="bindM...

2020-05-27

85浏览

0评论

最全正则表达式总结：验证QQ号、手机号、Email、中文、邮编、身份证、IP地址等

什么是 RegExp？RegExp 是正则表达式（Regular expression）的缩写，作用是对字符串执行模式匹配。通常用于格式验证、正则替换、查找子串等各种编程语言的正则表达式基本相同，不同的...

QQ

2020-05-27

59浏览

0评论

微信小程序自定义组件

前言
最近接触微信小程序，再次之前公司用的前端框架是vue ，然后对比发现，开发小程序是各种限制，对于开发者非常不友好。各种槽点太多，完全吐槽不过来，所以在此不多说，打算下次专门...

2020-05-27

46浏览

0评论

详解如何使用webpack+es6开发angular1.x

虽然，现在越来越多的人选择使用react、vue以及ng2，但是依然存在相当一部分人在使用angular1.x开发。本文将介绍如何使用webpack+es6+angular1.x+$oclazyLoad实现动态加载。1.w...

2020-05-27

61浏览

0评论

es6+angular1.X+webpack 实现按路由功能打包项目的示例

需求来源
之前使用jspm来打包项目但是有个最大的缺点，就是只能把项目打包成一个大的js,当项目开发到后期会很大，网上找了很久也没找到合理的jspm打包方式。所以开始调研可以...

2020-05-27

98浏览

0评论

前端跨域的几种解决方式总结（推荐）

搞大前端的，肯定都会遇到跨域问题的,虽然网上这方面的资料也很多，但我还是喜欢自己写一遍，自己理解过、总结过的东西才记得最深刻。同源策略JavaScript 的同源策略，是由Netscap...

2020-05-27

49浏览

0评论

微信小程序实现根据字母选择城市功能

今天开发一个小程序，里面涉及到区域选择，看了网上的一些版本，感觉写的不全，有可能是我的理解能力还不够吧。今天我就结合网上的答案，在根据自己的需求，重新整理一份。希望对大家有...

2020-05-27

85浏览

0评论

微信小程序实现倒计时60s获取验证码

本文实例为大家分享了微信小程序倒计时获取验证码的具体代码，供大家参考，具体内容如下1、工具类（引用微信小程序提供的工具类）countdown.jsclass Countdown {constructor(option...

2020-05-27

66浏览

0评论

微信小程序删除处理详解

没有 confrim 那怎么实现这个效果呢？
可以使用小程序里的模态框
代码：wxml：<a class="reply" wx:if="{{comment.uid==comment.login_uid}}" bindtap="del" data-cid="{{commen...

2020-05-27

61浏览

0评论

微信小程序注册60s倒计时功能使用JS实现注册60s倒计时功能

微信小程序+WEB使用JS实现注册【60s】倒计时功能开发步骤：1、效果图： 2、页面仅仅利用了JS的相关功能，包含：wxml、js、wxss 2.1wxml页面代码：<text>绑定手机</text><form bindsu...

2020-05-27

104浏览

0评论

jQuery实现全选、反选和不选功能

本文给大家分享一段基于jQuery的全选、反选和不选功能的代码，适用于网页多选后需要进行批量操作的场景（如批量删除等）。文章结合实例，代码简洁，基本覆盖选项选择操作的方方面面，希...

2020-05-27

59浏览

0评论

React Native 集成jpush-react-native的示例代码

jpush-React-native是极光推送官方维护的一个插件，github地址：https://github.com/jpush/jpush-react-native一.手动配置
1.集成插件到项目中npm install jpush-react-native...

2020-05-27

59浏览

0评论

原生JavaScript来实现对dom元素class的操作方法(推荐)

jQuery操作class的方式非常强大写了一个利用原生js来实现对dom元素class的操作方法1.addClass:为指定的dom元素添加样式
2.removeClass:删除指定dom元素的样式
3.toggleClas...

2020-05-27

118浏览

0评论

利用JS制作万年历的方法

我们知道,万年历在人们的生活中是在平常不过的一种东西了,那么怎样用JS来实现在网页中展示一个与众不同万年历呢
1.HTML布局:<div id="calendar"> <div id="month_year">...

2020-05-27

60浏览

0评论

Vue的MVVM实现方法

本文介绍了Vue的MVVM实现方法，分享给大家，具体如下：
1. Object.defineProperty() 定义属性用意：给一个对象定义属性，那个属性原来是不存在的。这是一个初衷，属性是不存在的，需要额...

2020-05-27

48浏览

0评论

vue绑定class与行间样式style详解

一、绑定class属性的方式1、通过数组的方式，为元素绑定多个class<style> .red { color:red; /*color:#ff8800;*/ } .bg { background: #000; /*background: g...

2020-05-27

热门文章