JavaScript - 教程之家

84浏览

0评论

js鼠标经过tab选项卡时实现切换延迟

偶然间在浏览网页时，发现这样的效果。当鼠标不经意间滑过tab时并不会切换，当鼠标停留在上面一段时候后才会切换。　　个人觉得用户体验不错，优点是1.当用户只是滑过标签...

2020-05-27

72浏览

0评论

Node.js和Express简单入门介绍

仅仅入门如何用Node.js和Express搭建一个web服务器，没有说明太多概念性的东西。一、 Nodejs简介 ==Node是JavaScript语言的服务器运行环境。== 所谓“运行环境...

2020-05-27

55浏览

0评论

jQuery插件FusionCharts实现的Marimekko图效果示例【附demo源码】

本文实例讲述了jQuery插件FusionCharts实现的Marimekko图效果。分享给大家供大家参考，具体如下：1、index.html文件：<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitiona...

2020-05-27

93浏览

0评论

nodejs开发——express路由与中间件

路由通常HTTP URL的格式是这样的：http://host[:port][path]http表示协议。host表示主机。port为端口，可选字段，不提供时默认为80。path指定请求资源的URI(Uniform Resource Ide...

2020-05-27

64浏览

0评论

Three.js获取鼠标点击的三维坐标示例代码

由于工作需要，但是对于three.js又是一窍不通，网上的资料又很少，所以上来就让我获取坐标，真是一个头两个大。好歹最后终于实现了。
既然已经是想要获取鼠标点击的三维坐标了，相信...

2020-05-27

74浏览

0评论

ECMAScript6 新特性范例大全

ECMAScript6（ECMAScript 2015 ，ES5，ES2016）技术已经在前端圈子很流行了，他给前端开发人员带来了很多惊喜，提供的语法糖使复杂的操作变得简单。本文没有详细描述这些新特性，因为网上...

2020-05-27

50浏览

0评论

Bootstrap DateTime Picker日历控件简单应用

一个日历控件，这是官方说明，，供大家参考，具体内容如下
首先引入css样式
 <link rel="stylesheet" href="bootstrap-3.3....

2020-05-27

72浏览

0评论

axios基本入门用法教程

这篇文章主要给大家介绍了axios基本入门用法教程，下面话不多说，来看看详细的介绍吧。首先就是引入axios,如果你使用es6，只需要安装axios模块之后import axios from 'axios';//...

2020-05-27

61浏览

0评论

jQuery插件FusionCharts实现的3D帕累托图效果示例【附demo源码】

本文实例讲述了jQuery插件FusionCharts实现的3D帕累托图效果。分享给大家供大家参考，具体如下：1、设计3D帕累托图的页面index.html：<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4...

2020-05-27

111浏览

0评论

angular仿支付宝密码框输入效果

项目需求，使用ng写一个密码框格子支付模块，一开始使用一个input+letter-spacing来分割字符，但是发现间距非常不好控制，随着字符的输入文本框字符串间距还会自动调整。最终从网上...

2020-05-27

62浏览

0评论

JS实现列表页面隔行变色效果

先看看隔行变色效果：代码：
<head runat="server"> <title></title> <script type="text/javascript"> window.onload = function () { var otab = document.getElementById...

2020-05-27

68浏览

0评论

bootstrap suggest搜索建议插件使用详解

近日因工作需要看了下此插件。首先下载bootstrap js包。添加此插件的引用。注意css样式要引用，不能忘记。前台页面代码，因为楼主做的是选项卡切换查询不同的结果。<tr> <th s...

2020-05-27

66浏览

0评论

JS中showModalDialog关闭子窗口刷新主窗口用法详解

本文实例讲述了JS中showModalDialog关闭子窗口刷新主窗口用法。分享给大家供大家参考，具体如下：网上找了好长时间大都是window.opener.location.reload(),等等都不是我想要的...

2020-05-27

60浏览

0评论

基于bootstrap按钮式下拉菜单组件的搜索建议插件

本文实例为大家分享了Bootstrap Search Suggest搜索建议插件的具体代码，供大家参考，具体内容如下<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <ti...

2020-05-27

56浏览

0评论

JS控件bootstrap datepicker使用方法详解

bootstrap-datepicker沙箱环境：
bootstrap-datepicker沙箱环境：
1、requirejs配置requirejs.config({ baseUrl: '../pages/modules',// urlArgs: "v=" + (new Date()).get...

2020-05-27

56浏览

0评论

bootstrap table动态加载数据示例代码

我最近在研究bootstrap的学习路上，那么今天也算个学习笔记吧！
效果如下：
点击选择按钮，弹出模态框，加载出关键词列表TABLE样式：
<div class="modal fade " id="ClickModal" tabind...

2020-05-27

52浏览

0评论

JS控件bootstrap suggest plugin使用方法详解

本文为大家分享了bootstrap-suggest-plugin插件，这是一个简单的编辑提示控件，供大家参考，具体内容如下
bootstrap-suggest-plugin插件地址页面如下面所示，使用此控件<div class=...

2020-05-27

53浏览

0评论

javascript实现的图片预览功能

本文实例讲述了javascript实现的图片预览功能。分享给大家供大家参考，具体如下：1.将下面的代码复制到<head>内<script>/*Thumbnail image viewer-?Dynamic Drive (www.dyn...

2020-05-27

60浏览

0评论

JS操作xml对象转换为Json对象示例

最近在处理一个前端功能的时候，遇到了一个问题，原本的系统是使用的xml来存储数据的，而在新的系统上，想要转换为json对象存储，于是就考虑到直接将xml对象转换为json对象。目前为止...

2020-05-27

57浏览

0评论

JavaScript 实现 Tab 点击切换实例代码

Tab 选项卡切换效果在现如今的网页中，运用的也是比较多的，包括点击切换、滑动切换、延迟切换、自动切换等多种效果，在这篇博文里，我们是通过原生 JavaScript 来实现 Tab 点击切...

2020-05-27

72浏览

0评论

使用vue.js写一个tab选项卡效果

通常我们写tab选项卡的时候,一般都是用jq等去操作dom,给同级元素移除active类,然后,给被点击元素添加active类,但是在vue.js中,我们能不去操作dom我们就尽量不操作dom,那么...

2020-05-27

51浏览

0评论

vue中用动态组件实现选项卡切换效果

最近在研究vue的路上，那么今天也算个学习笔记吧！
导航按钮：<div class="tab-title"> <p @click="a='tab1'"><router-link to='/collectnewcars'>新车</router-link><em><...

2020-05-27

75浏览

0评论

javascript作用域链与执行环境详解

前言：这是笔者学习之后自己的理解与整理。如果有错误或者疑问的地方，请大家指正，我会持续更新！作用域、作用域链、执行环境、执行环境栈以及this的概念在javascript中非常重要，本...

2020-05-27

41浏览

0评论

JS去掉字符串前后空格或去掉所有空格的用法

1、去掉字符串前后所有空格：代码如下： function Trim(str) { return str.replace(/(^\s*)|(\s*$)/g, ""); } 说明：如果使用jQuery直接使用$.trim(str)方法...

2020-05-27

70浏览

0评论

JavaScript 字符串数字左补位，右补位，取固定长度，截位扩展函数代码

有时候我们的日期等不足两位的补一个0等，都可以使用这个。这个大家应该都很明白了，就不废话了，代码如下：String.prototype.padLeft =Number.prototype.padLeft = function(total...

2020-05-27

53浏览

0评论

在js中做数字字符串补0(js补零)

通常遇到的一个问题是日期的“1976-02-03 HH:mm:ss”这种格式，我的比较简单的处理方法是这样：function formatDate(d) { var D=['00','01','02','03','04','05','06','07','0...

2020-05-27

67浏览

0评论

js 去掉字符串前后空格实现代码集合

第一种：循环检查替换//供使用者调用 function trim(s){ return trimRight(trimLeft(s)); } //去掉左边的空白 function trimLeft(s){ if(s == null) { return "";...

2020-05-27

177浏览

0评论

CodeMirror js代码加亮使用总结

CodeMirror是一个基于JavaScript的代码编辑器，CodeMirror支持大量语言的语法高亮,也包括css,html,js等的高亮显示。此外，CodeMirror还支持代码自动完成、搜索/替换、HTML预览...

2020-05-27

80浏览

0评论

js 函数式编程学习笔记

（1）平常写的函数大多是接受值，合并值，返回值，比如经常写的for循环:function printArray(array){ for(var i=0;i<array.length;i++){ print(array[i]); } }但是如果我们...

2020-05-27

51浏览

0评论

js oncontextmenu事件使用详解

定义和使用oncontextmenu 事件在元素中用户右击鼠标时触发并打开上下文菜单。
注意：所有浏览器都支持 oncontextmenu 事件， contextmenu 元素只有 Firefox 浏览器支持。实例当...

2020-05-27

61浏览

0评论

axios学习教程全攻略

前言随着 vuejs 作者尤雨溪发布消息，不再继续维护vue-resource，并推荐大家使用 axios 开始，axios 被越来越多的人所了解。本来想在网上找找详细攻略，突然发现，axios 的官方文档本...

2020-05-27

54浏览

0评论

JavaScript实现获取远程的html到当前页面中

html代码<div id="includeHtml"></div>javascript代码function clientSideInclude(id, url) { var req = false; // Safari, Firefox, 及其他非微软浏览器 if (window.XM...

2020-05-27

128浏览

0评论

简单好用的nodejs 爬虫框架分享

这个就是一篇介绍爬虫框架的文章，开头就不说什么剧情了。什么最近一个项目了，什么分享新知了，剧情是挺好，但介绍的很初级，根本就没有办法应用，不支持队列的爬虫，都是耍流氓。所以...

2020-05-27

303浏览

0评论

NodeJS处理Express中异步错误

摘要比起回调函数，使用 Promise 来处理异步错误要显得优雅许多。结合 Express 内置的错误处理机制和 Promise 极大地降低产生未捕获错误（uncaught exception）的可能性。Promise...

2020-05-27

58浏览

0评论

JS实现隔行换色的表格排序

1、获取元素 2、获取数据 3、绑定数据 4、隔行换色 5、表格排序<table cellpadding="0" cellspacing="0" id="tab"> <thead> <tr> <th class="cursor">姓名</th>...

2020-05-27

60浏览

0评论

JS数组去重（4种方法）

第一种：双重循环var ary=[1,2,3,3,2,3,4,5];for(var i=0;i<ary.length;i++){ for(var j=i+1;j<ary.length;j++){ if(ary[i]===ary[j]){ ary.splice(i,1); i--;...

2020-05-27

65浏览

0评论

nodejs学习笔记之路由

server.jsvar http = require("http");var url = require("url");function start(route){//route.js 的route方法 //服务实现 function onRequest(request,response){...

2020-05-27

80浏览

0评论

js实现三级联动效果（简单易懂）

话不多说，请看代码：<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title></title></head><body><select id="one"> <option>请输入省份</option></select><selec...

2020-05-27

83浏览

0评论

vue2.0实战之使用vue-cli搭建项目（2）

Vue-cli是官方推荐的快速构建单页应用的脚手架。官方给的建议，如果你是初次尝试Vue，哪就老老实实用普通的书写引入js文件，这里牵扯太多的东西，例如webpack、npm、nodejs等等，很容...

2020-05-27

54浏览

0评论

详解VUE的状态控制与延时加载刷新

在实际项目中，我们经常会遇到这种状况，某些数据我们希望等到需要的时候再去获取，或者某些数据我们需要刷新，但是不必立刻刷新，而是延时到展示的时候再去刷新。
在DOM操作的年代，想...

2020-05-27

53浏览

0评论

使用AngularJS2中的指令实现按钮的切换效果

之前在AngularJS2中一种button切换效果的实现（二）中实现了按钮的切换效果，但是方法比较low，这次我们使用Angular2的指令来实现。指令实现hover效果import { Directive, Element...

2020-05-27

67浏览

0评论

AngularJS2中一种button切换效果的实现方法（二）

之前用三目表达式和ng-class实现了按钮切换效果，似乎达到了我的预期，但是我觉得还有改进空间，网上找了一些资料，大概还有以下几种实现方式：路由<button class="btn1" routerLink=...

2020-05-27

59浏览

0评论

Vue 过渡实现轮播图效果

Vue 过渡
Vue 的过渡系统是内置的，在元素从 DOM 中插入或移除时自动应用过渡效果。过渡的实现要在目标元素上使用 transition 属性，具体实现参考Vue2 过渡下面例子中我们用到...

2020-05-27

73浏览

0评论

Angular2利用组件与指令实现图片轮播组件

前言如果说模块系统是Angular2的灵魂，那其组件体系就是其躯体，在模块的支持下渲染出所有用户直接看得见的东西，一个项目最表层的东西就是组件呈现的视图。
而除了直接看的见的...

2020-05-27

62浏览

0评论

jQuery中的deferred使用方法

deferred简介deferred对象是jQuery的回调函数解决方案，jQuery之前的版本中异步回调这块做的不是很好，所以后期补上了该解决方案。普遍的ajax操作方式我们先来回顾一下jQuery中...

2020-05-27

59浏览

0评论

深入nodejs中流(stream)的理解

nodejs的fs模块并没有提供一个copy的方法，但我们可以很容易的实现一个，比如：var source = fs.readFileSync('/path/to/source', {encoding: 'utf8'});fs.writeFileSync('/path/...

2020-05-27

61浏览

0评论

vue2.0实战之基础入门（1）

最近公司的H5项目准备重构，部门老大说前端使用vue2.0来开发，所以就准备把整个项目的开发过程记录下来，一方面是为了记录开发过程中遇到的坑，另一方面也加强自己写作的能力。什么...

2020-05-27

64浏览

0评论

深入理解AngularJS中的ng-bind-html指令

前言在为html标签绑定数据的时，如果绑定的内容是纯文本，你可以使用{{}}或者ng-bind。但在为html标签绑定带html标签的内容的时候，angularjs为了安全考虑，不会将其渲染成html，而是...

2020-05-27

59浏览

0评论

JS实现的点击表头排序功能示例

本文实例讲述了JS实现的点击表头排序功能。分享给大家供大家参考，具体如下：运行效果：1、index.html文件：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www...

2020-05-27

71浏览

0评论

HTML的select控件美化

CSS：.div-select{ border: solid 1px #999; height: 40px; line-height: 40px; cursor: default;}.div-select-text{ float: left; background-color: #fff; height:...

2020-05-27

热门文章