编程开发 - 教程之家

60浏览

0评论

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

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

2020-05-27 14:04:12

41浏览

0评论

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

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

2020-05-27 14:04:11

70浏览

0评论

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

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

2020-05-27 14:04:09

50浏览

0评论

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

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

2020-05-27 14:04:08

41浏览

0评论

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

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

2020-05-27 14:04:07

41浏览

0评论

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

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

2020-05-27 14:04:06

159浏览

0评论

JS请求servlet功能示例

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

2020-05-27 14:04:05

64浏览

0评论

Vue.Draggable实现拖拽效果

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

2020-05-27 14:04:04

94浏览

0评论

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

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

2020-05-27 14:04:03

62浏览

0评论

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

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

2020-05-27 14:04:02

64浏览

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 14:04:01

58浏览

0评论

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

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

2020-05-27 14:04:00

46浏览

0评论

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

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

2020-05-27 14:03:59

50浏览

0评论

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

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

2020-05-27 14:03:57

48浏览

0评论

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

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

2020-05-27 14:03:56

49浏览

0评论

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

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

2020-05-27 14:03:55

54浏览

0评论

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

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

2020-05-27 14:03:54

75浏览

0评论

BootStrap daterangepicker 双日历控件

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

2020-05-27 14:03:53

37浏览

0评论

SpringMVC+bootstrap table实例详解

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

2020-05-27 14:03:51

51浏览

0评论

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

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

2020-05-27 14:03:50

86浏览

0评论

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

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

2020-05-27 14:03:49

60浏览

0评论

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

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

2020-05-27 14:03:48

71浏览

0评论

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

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

2020-05-27 14:03:47

69浏览

0评论

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

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

2020-05-27 14:03:46

48浏览

0评论

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

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

2020-05-27 14:03:45

84浏览

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 14:03:44

109浏览

0评论

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

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

2020-05-27 14:03:42

72浏览

0评论

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

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

2020-05-27 14:03:40

50浏览

0评论

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

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

2020-05-27 14:03:39

53浏览

0评论

BootStrap 动态表单效果

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

2020-05-27 14:03:38

53浏览

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 14:03:37

52浏览

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 14:03:36

92浏览

0评论

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

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

2020-05-27 14:03:35

51浏览

0评论

MvcPager分页控件适用于Bootstrap

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

2020-05-27 14:03:34

60浏览

0评论

深入理解Node中的buffer模块

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

2020-05-27 14:03:31

65浏览

0评论

深入理解Nodejs Global 模块

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

2020-05-27 14:03:30

71浏览

0评论

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

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

2020-05-27 14:03:29

67浏览

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 14:03:28

52浏览

0评论

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

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

2020-05-27 14:03:27

45浏览

0评论

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

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

2020-05-27 14:03:25

54浏览

0评论

详解nodeJS之二进制buffer对象

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

2020-05-27 14:03:24

59浏览

0评论

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

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

2020-05-27 14:03:23

49浏览

0评论

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

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

2020-05-27 14:03:22

47浏览

0评论

angularJs中datatable实现代码

本文介绍了angularJs中datatable实现，有需要的小伙伴可以参考下html引用derective:
复制代码代码如下:
<table datatable dtOptions="dtOptionsExample2" class="table tabl...

2020-05-27 14:03:21

90浏览

0评论

Angular 4依赖注入学习教程之简介（一）

学习目录
Angular 4 依赖注入教程之一依赖注入简介 Angular 4 依赖注入教程之二组件服务注入 Angular 4 依赖注入教程之三 ClassProvider的使用 Angular 4 依赖注入...

2020-05-27 14:03:20

66浏览

0评论

JavaScript箭头(arrow)函数详解

为了保证可读性，本文采用意译而非直译。另外，本文版权归原作者所有，翻译仅用于学习。本文我们介绍箭头(arrow)函数的优点。更简洁的语法我们先来按常规语法定义函数：
function f...

2020-05-27 14:03:19

60浏览

0评论

Angular 4依赖注入学习教程之组件服务注入（二）

学习目录
Angular 4 依赖注入教程之一依赖注入简介 Angular 4 依赖注入教程之二组件服务注入 Angular 4 依赖注入教程之三 ClassProvider的使用 Angular 4 依赖注入...

2020-05-27 14:03:18

46浏览

0评论

Angular 4依赖注入学习教程之ClassProvider的使用（三）

学习目录
Angular 4 依赖注入教程之一依赖注入简介 Angular 4 依赖注入教程之二组件服务注入 Angular 4 依赖注入教程之三 ClassProvider的使用 Angular 4 依赖注入...

2020-05-27 14:03:17

65浏览

0评论

Angular 4 依赖注入学习教程之FactoryProvider的使用（四）

学习目录
Angular 4 依赖注入教程之一依赖注入简介 Angular 4 依赖注入教程之二组件服务注入 Angular 4 依赖注入教程之三 ClassProvider的使用 Angular 4 依赖注入...

2020-05-27 14:03:14

54浏览

0评论

JavaScript基础之this详解

JavaScript的this和Java等面向对象语言中的this大不一样，bind()、call()和apply()函数更是将this的灵活度进一步延伸。为了保证可读性，本文采用意译而非直译。另外，本文版权归...

2020-05-27 14:03:13

热门文章