JavaScript - 教程之家

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

57浏览

0评论

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

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

2020-05-27

46浏览

0评论

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

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

2020-05-27

49浏览

0评论

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

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

2020-05-27

48浏览

0评论

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

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

2020-05-27

48浏览

0评论

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

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

74浏览

0评论

BootStrap daterangepicker 双日历控件

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

2020-05-27

35浏览

0评论

SpringMVC+bootstrap table实例详解

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

2020-05-27

51浏览

0评论

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

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

2020-05-27

81浏览

0评论

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

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

2020-05-27

60浏览

0评论

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

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

2020-05-27

69浏览

0评论

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

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

48浏览

0评论

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

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

2020-05-27

83浏览

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

106浏览

0评论

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

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

2020-05-27

69浏览

0评论

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

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

2020-05-27

50浏览

0评论

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

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

2020-05-27

51浏览

0评论

BootStrap 动态表单效果

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

2020-05-27

51浏览

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

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

91浏览

0评论

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

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

2020-05-27

50浏览

0评论

MvcPager分页控件适用于Bootstrap

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

2020-05-27

60浏览

0评论

深入理解Node中的buffer模块

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

2020-05-27

63浏览

0评论

深入理解Nodejs Global 模块

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

2020-05-27

69浏览

0评论

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

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

2020-05-27

66浏览

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

50浏览

0评论

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

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

2020-05-27

43浏览

0评论

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

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

2020-05-27

54浏览

0评论

详解nodeJS之二进制buffer对象

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

47浏览

0评论

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

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

2020-05-27

45浏览

0评论

angularJs中datatable实现代码

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

2020-05-27

90浏览

0评论

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

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

2020-05-27

64浏览

0评论

JavaScript箭头(arrow)函数详解

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

2020-05-27

60浏览

0评论

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

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

2020-05-27

46浏览

0评论

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

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

54浏览

0评论

JavaScript基础之this详解

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

2020-05-27

57浏览

0评论

Angular 4依赖注入学习教程之FactoryProvider配置依赖对象（五）

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

2020-05-27

120浏览

0评论

Angular 4依赖注入学习教程之Injectable装饰器（六）

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

41浏览

0评论

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

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

2020-05-27

67浏览

0评论

npm国内镜像安装失败的几种解决方案

前言本文主要介绍的是关于npm安装失败的解决方案，分享出来给大家参考学习，下面来看看详细的介绍：方法如下镜像使用方法（三种办法任意一种都能解决问题，建议使用第三种，将配置写死，...

2020-05-27

52浏览

0评论

yarn的使用与升级Node.js的方法详解

前言在官方介绍里有这么一句话：Yarn is a package manager for your code. It allows you to use and share code with other developers from around the world. Yarn does...

2020-05-27

57浏览

0评论

深入理解Angular.JS中的Scope继承

前言AngularJS中scope之间的继承关系使用JavaScript的原型继承方式实现。本文结合AngularJS Scope的实现以及相关资料谈谈原型继承机制。下面来看看详细的介绍：基本原理
在Ja...

2020-05-27

70浏览

0评论

nodejs集成sqlite使用示例

正在物色node上面的轻量级嵌入式数据库，作为嵌入式数据库的代表，sqlite无疑是个理想的选择方案。npm上集成sqlite的库主要有两个——sqlite3和realm。realm是一个理想的选择方...

2020-05-27

43浏览

0评论

纯js实现动态时间显示

本文实例为大家分享了js动态时间显示的具体代码，供大家参考，具体内容如下<!doctype html><html><head><meta charset="utf-8"><title>js动态时间显示 </title></head><body i...

2020-05-27

79浏览

0评论

js自定义Tab选项卡效果

自定义Tab选项卡，具体内容如下规范HTML格式在设计选项卡之前，先规范一下HTML的格式。<div class="m-tab-container"> <ul > <li class="active"><a href="#pane1">面板1</...

2020-05-27

热门文章