JavaScript - 教程之家

65浏览

0评论

javascript 数据存储的常用函数总结

数据存储的常用函数存入数组不重复值
function pushtoArray(myarr,mydata){ if(myarr.length==0){ myarr.push(mydata); }else{ var oktopush=true; for(v...

2020-05-27

53浏览

0评论

react-router中<Link/>的属性详解

本文主要给大家介绍了关于react-router中的属性的相关内容，分享出来供大家参考学习，下面来一起看看详细的介绍：使用Link标签// 字符串定位描述符 String location descriptor.<...

2020-05-27

48浏览

0评论

关于javascript获取内联样式与嵌入式样式的实例

通过style属性设置背景图案<div id="change">change color</div>/*css*/#change { border: 1px solid black; width: 200px; height: 200px;...

2020-05-27

75浏览

0评论

Require.JS中的几种define定义方式示例

本文主要给大家介绍的是关于Require.JS中define定义方式的相关内容，分享出来供大家参考学习，下面来看看详细的介绍：定义简单的键值对define({ color: "black", size: "unisiz...

2020-05-27

76浏览

0评论

JS实现仿饿了么在浏览器标签页失去焦点时网页Title改变

说在前面:必须是基于支持H5的浏览器才可以这个 API 本身非常简单，由以下三部分组成。document.hidden：表示页面是否隐藏的布尔值。页面隐藏包括页面在后台标签页中或者浏览...

2020-05-27

67浏览

0评论

BootStrap selectpicker后台动态绑定数据

项目使用BootStrap设置select时，不能动态加载，使用以下方法可以解决。//获得全部订单信息(订单ID,订单名称)function GetAllOrders(obj) { $.ajax({ type: 'Get', url: '/Or...

2020-05-27

79浏览

0评论

jquery网页加载进度条的实现

本次主要介绍一下网页加载进度的实现。如下图，在页面加载的时候，上方红色的进度条网页加载进度的好处是能够更好的反应当前网页的加载进度情况，loading进度条可用动画的形式从...

2020-05-27

69浏览

0评论

jQuery实现web页面樱花坠落的特效

源码地址https://github.com/jingegebuguai/Cherry_Blossoms（求star）开发原因上课看到一位女生桌面背景是一课樱花树，顿时产生了一个让樱花可以在web页面飞舞的想法，借此把这...

2020-05-27

53浏览

0评论

Angularjs验证用户输入的字符串是否为日期时间

在angularjs中，想在文本框中，验证用户输入的字符串是否为日期时间。刚开始时，Insus.NET想到的是正则，这只是验证到日期与时间的格式是否正确而已，而对于2月最后一天或是30或是31...

2020-05-27

82浏览

0评论

详解Vue2.0里过滤器容易踩到的坑

vue2.0里，不再有自带的过滤器，需要自己定义过滤器。定义的方法如下：
注册一个自定义过滤器，它接收两个参数：过滤器 ID 和过滤器函数。Vue.filter('filtername',function(value,...

2020-05-27

61浏览

0评论

解决BootStrap Fileinput手机图片上传显示旋转问题

最近因为项目需要用到了bootstrap fileinput的插件，在使用苹果手机上传图片预览时，发现图片方向和手机本地存储方向不一致问题。后来通过查询资料了解图片具有EXIF(Exchangeab...

2020-05-27

50浏览

0评论

深入理解JavaScript创建对象的多种方式以及优缺点

写在前面这篇文章讲解创建对象的各种方式，以及优缺点。但是注意：这篇文章更像是笔记，因为《JavaScript高级程序设计》写得真是太好了！1. 工厂模式function createPerson(name) {...

2020-05-27

56浏览

0评论

vue.js加载新的内容(实例代码)

vue是一种轻巧便捷的框架，那么如何进行对于数据加载的刷新呢？以下就是我对于vue.js数据加载的一点想法源码：<div @scroll="onScroll($event)" style="height: 100%;overflow: a...

2020-05-27

167浏览

0评论

JS请求servlet功能示例

本文实例讲述了JS请求servlet的方法。分享给大家供大家参考，具体如下：前端js代码://创建ajax请求对象var xmlHttp;function createXMLHttpRequest(){ if(window.ActiveXObjec...

2020-05-27

71浏览

0评论

Vue.Draggable实现拖拽效果

快速实现Vue.Draggable的拖拽效果，供大家参考，具体内容如下1.下载包：npm install vuedraggable配置：package.json"dependencies": { "element-ui": "^1.3.4", "less": "^2.7.2...

2020-05-27

104浏览

0评论

Vue.js中兄弟组件之间互相传值实例

兄弟组件之间互相传值，需要建立一个“中转站”（新的vue实例），并且需要主动触发。实例上的$on方法来接受监听。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <...

2020-05-27

77浏览

0评论

详解vuejs几种不同组件（页面）间传值的方式

在应用复杂时，推荐使用vue官网推荐的vuex，以下讨论简单SPA中的组件间传值。一、路由传值路由对象如下图所示：在跳转页面的时候，在js代码中的操作如下，在标签中使用<router-link>...

2020-05-27

74浏览

0评论

vue快捷键与基础指令详解

v-bind可以简写成：<img src="{{url}}">→<img :src="url" :width="50px">v-on:click可以写成@click<button @click="up()"></button>v-if实例可以通过对对象操作条件来...

2020-05-27

69浏览

0评论

VUE使用vuex解决模块间传值问题的方法

在看电影、打Dota、撸代码间来回，犹豫不决，终于还是下决心继续学习VUE。仿照 conde.js 官网写的一个demo，目前已经基本可用，但始终缺少登录页，没有用户权限管理，于是开撸......
<t...

2020-05-27

56浏览

0评论

vue.js 获取当前自定义属性值

假设有一个标签h5, 我们给它添加了一个自定义属性值，（item.id是从动态添加的）点击h5 标签，如何才能获取当前对应的自定义属性值呢？想当然的我最开始这样写：
<h5 class="left t-tit...

2020-05-27

62浏览

0评论

详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件

使用vue-cli构建的vue项目，webpack的配置文件是分散在很多地方的，而我们需要修改的是build/webpack.base.conf.js，修改两处的代码// 在开头引入webpack，后面的plugins那里需要va...

2020-05-27

59浏览

0评论

javascript实现延时显示提示框效果

js延时提示框效果演示：
实现方法
移入显示，移出隐藏
移除延时隐藏，可以实现从第一个div移入第二个div，仍然可以显示<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitio...

2020-05-27

60浏览

0评论

Js实现京东无延迟菜单效果实例(demo)

这是一个js实现京东无延迟菜单效果，感觉很好，分享给大家...先来理清思路:
1.开发基本的菜单结构 2.开发普通的二级菜单效果3.假如延迟解决移动问题，切换子菜单时候，用setTime...

2020-05-27

67浏览

0评论

ES6中箭头函数的定义与调用方式详解

本文主要介绍的是关于ES6箭头函数的定义与调用方式的相关内容，分享出来供大家参考学习，下面来看看详细的介绍：基本用法：
ES6中允许使用“箭头”(=>)定义函数var f = v => v; 上...

2020-05-27

87浏览

0评论

BootStrap daterangepicker 双日历控件

bootstrap-daterangepicker点击下载需要bootstrap跟jquery的支持。实例代码：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link href="boots...

2020-05-27

48浏览

0评论

SpringMVC+bootstrap table实例详解

bootstrap-table下载地址：https://github.com/wenzhixin/bootstrap-table/先来看一张效果图：
下载下来后，需要导入的css：由于需要bootstrap的支持，所以需要导入bootstrap的css<!-...

2020-05-27

59浏览

0评论

Vue.js中数据绑定的语法教程

数据绑定语法Vue.js 的模板是基于 DOM 实现的。这意味着所有的 Vue.js 模板都是可解析的有效的 HTML，且通过一些特殊的特性做了增强。Vue 模板因而从根本上不同于基于字符串...

2020-05-27

98浏览

0评论

Spring shiro + bootstrap + jquery.validate 实现登录、注册功能

之前的文章中我们已经搭建好框架，并且设计好了，数据库。现在我们开始实现登录功能，这个可以说是Web应用最最最普遍的功能了。先来说说我们登录的逻辑：输入用户名、密码(validate...

2020-05-27

71浏览

0评论

vue.js选中动态绑定的radio的指定项

上一文，介绍了vue.js动态添加、删除绑定的radio选项，本文介绍如何选中radio的某一项绑定的数据和上文的model是一致的，选中radio或者checkbox需要注意的是：不管<input type='rad...

2020-05-27

82浏览

0评论

vue.js删除动态绑定的radio的指定项

上图效果，动态添加绑定radio选项，然后也可以动态删除，右边编辑器删除，左边的视图也对应的删除。视图代码 view："<ul><li v-for='option in options'>" + "<input type='radio' :...

2020-05-27

78浏览

0评论

详解angularJs中关于ng-class的三种使用方式说明

在开发中我们通常会遇到一种需求：一个元素在不同的状态需要展现不同的样子。而在这所谓的样子当然就是改变其css的属性，而实现能动态的改变其属性值，必然只能是更换其class属性...

2020-05-27

57浏览

0评论

详解在AngularJS的controller外部直接获取$scope

以前利用webqq的写过一个自动发消息的脚本，由于那时webqq还直接使用类似jQuery操作DOM的技术，所以脚本很简单就可以实现。现如今很多web应用都开始使用AngularJS，MVVM导致的就...

2020-05-27

94浏览

0评论

Node.js v8.0.0正式发布！看看带来了哪些主要新特性

前言Node.js于5月30号在其官方博客上发布了Node.js v8.0.0。这一版本将成为当前的长期维护版本，从2017年10月开始到2019年12月31号。而Node.js v6.0.0将会在2018年4月进入维...

2020-05-27

121浏览

0评论

angularjs定时任务的设置与清除示例

人们似乎常常将AngularJS中的$timeOut() $interval()函数看做是一个内置的、无须在意的函数。但是，如果你忘记了$timeOut()$interval()的回调函数将会造成非常不好的影响，你...

2020-05-27

85浏览

0评论

socket.io与pm2（cluster）集群搭配的解决方案

socket.io与cluster
在线上系统中，需要使用node的多进程模型，我们可以自己实现简易的基于cluster模式的socket分发模型，也可以使用比较稳定的pm2这样进程管理工具。在常规的htt...

2020-05-27

61浏览

0评论

nodejs socket实现的服务端和客户端功能示例

本文实例讲述了nodejs socket实现的服务端和客户端功能。分享给大家供大家参考，具体如下：使用node.js的net模块能很快的开发出基于TCP的服务端和客户端。直接贴代码。server.j...

2020-05-27

60浏览

0评论

BootStrap 动态表单效果

html部分  <div class="form-group hide" id="bookTemplate"> <label class="col-sm-3 control-label">承包商</l...

2020-05-27

64浏览

0评论

Jquery EasyUI $.Parser

Parser（解析器）对象的属性和方法：使用：<link href="~/jquery-easyui-1.5.2/themes/bootstrap/easyui.css" rel="external nofollow" rel="stylesheet" /> <script src="~/jque...

2020-05-27

62浏览

0评论

vue 中自定义指令改变data中的值

通过局部自定义指令实现了一个拖动的指令html:<div style="position:absolute;width:100px;height:100px;border:1px solid red" v-drag="{set:set}"></div>script:
methods...

2020-05-27

107浏览

0评论

全面解析Node.js 8 重要功能和修复

5月30日12点，Node.js 8正式发布了，这个版本具有一系列新功能和性能改进，并且这些功能和改进将获得长期支持（LTS）。下面就来介绍Node.js 8版本中最重要的功能和修复。新版本的代号...

2020-05-27

61浏览

0评论

MvcPager分页控件适用于Bootstrap

软件开发分页效果必不可少,对于Asp.Net MVC 而言，MvcPager 是个不错的选择。请访问http://www.webdiyer.com/mvcpager/由于自带的分页样式不能和项目整体风格兼容，所以我们准...

2020-05-27

71浏览

0评论

深入理解Node中的buffer模块

在Node、ES2015出现之前，前端工程师只需要进行一些简单的字符串或DOM操作就可以满足业务需要，所以对二进制数据是比较陌生。node出现以后，前端面对的技术场景发生了变化，可以深...

2020-05-27

79浏览

0评论

深入理解Nodejs Global 模块

浏览器上有自己的全局对象 window，同理， nodejs 下也有自己的全局对象 global，并且在各个模块下都可以直接访问 global 对象。
在 nodejs 中，除了可以直接使用 V8 JavaScript...

2020-05-27

77浏览

0评论

jquery请求servlet实现ajax异步请求的示例

ajax可以发送异步请求实现无刷新效果，但是使用javascript比较麻烦，就query提供了一些封装的方法，可以使得操作更为简单：$.ajax（）方法：function sendRequest() { $.ajax({...

2020-05-27

76浏览

0评论

angular中使用Socket.io实例代码

服务端(nodeJs/express):let app = require('express')();let http = require('http').Server(app);let io = require('socket.io')(http);io.on('connection', (socket) =>...

2020-05-27

58浏览

0评论

利用vueJs实现图片轮播实例代码

最近新学习了vuejs,尝试着用vuejs写了一个简单的图片轮播，便做个简单的记录以下只贴出carousel.vue代码，其他的省略<template> <div ref="root"> <div class="sliderPane...

2020-05-27

56浏览

0评论

详解有关easyUI的拖动操作中droppable，draggable用法例子

这个demo展示的效果为：从上面可以拖动到下面相应的框中（原有的不能再拖动），拖动框中的东西到外面可以取消-----------以下为HTML<!DOCTYPE html><html><head> <meta charset="u...

2020-05-27

68浏览

0评论

详解nodeJS之二进制buffer对象

前面的话在ES6引入TypedArray之前，JavaScript语言没有读取或操作二进制数据流的机制。Buffer类被引入作为Nodejs的API的一部分，使其可以在TCP流和文件系统操作等场景中处理二...

2020-05-27

75浏览

0评论

详解JavaScript调用栈、尾递归和手动优化

调用栈（Call Stack）调用栈（Call Stack）是一个基本的计算机概念，这里引入一个概念：栈帧。栈帧是指为一个函数调用单独分配的那部分栈空间。
当运行的程序从当前函数调用另外一个函...

2020-05-27

58浏览

0评论

angularJS利用ng-repeat遍历二维数组的实例代码

最近在做报表的项目，有一种情况是后台返回给我的是一个二维数组，在前台将数据放入到表格中，因为我们用的是AngularJS的前台框架，所以利用ng-repeat来实现：
首先在js中：
复制代码...

2020-05-27

热门文章