JavaScript - 教程之家

90浏览

0评论

AngularJS的Filter的示例详解

贴上几个有关Filter使用的几个示例。1. 首先创建一个表格<body ng-app="app"> <div class="divAll" ng-controller="tableFilter"> <input type="text" placeholder="输入...

2020-05-27

71浏览

0评论

JQuery查找子元素find()和遍历集合each的方法总结

1.HTML代码<div name="students" school="HK"> <input type="boy" name="ZhangSan" value="206"> <input type="girl" name="Lisi" value="108"> </div> 2.jquer...

2020-05-27

90浏览

0评论

Node.js读取文件内容示例

Node.js读取文件内容包括同步和异步两种方式。1、同步读取，调用的是readFileSyncvar rf=require("fs"); var data=rf.readFileSync("test","utf-8"); console.log(data); con...

2020-05-27

87浏览

0评论

jQuery设计思想

前面的话在深入了解jQuery的各个细节之前，需要对jQuery的设计思想有一个大致的了解。在遇到问题时，知道应该使用jQuery的哪一个功能，然后迅速从手册中找到具体的用法。本文将...

2020-05-27

210浏览

0评论

js判断手机系统是android还是ios

话不多说，请看代码：<script type="text/javascript">var u = navigator.userAgent;var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端var...

2020-05-27

62浏览

0评论

JQuery中Ajax的操作完整例子

Java软件开发中，后台中我们可以通过各种框架，像SSH等进行对代码的封装，方便我们对Java代码的编写，例如，Struts,SpringMVC对从前台到action的流程进行封装控制，使我们只需要进行一...

2020-05-27

71浏览

0评论

angularjs+bootstrap菜单的使用示例代码

需求背景：使用yo angular生成的项目默认主页是这样的：body部分涉及具体的业务内容，后续研究。这里主要研究菜单项、页眉的处理。页脚处理：自动生成的项目中，菜单和页脚设置都是在...

2020-05-27

72浏览

0评论

无法获取隐藏元素宽度和高度的解决方案

在实际开发中会遇到确实需要获取隐藏元素的宽高，这儿所说的隐藏元素是display为none的元素。可使用jQuery Actual Plugin插件来完成，其源码如下：;( function ( $ ){ $.fn.addBa...

2020-05-27

84浏览

0评论

详解JS异步加载的三种方式

一：同步加载我们平时使用的最多的一种方式。<script src="http://yourdomain.com/script.js"></script><script src="http://yourdomain.com/script.js"></script>同步模式，又...

2020-05-27

91浏览

0评论

jQuery模拟下拉框选择对应菜单的内容

先给大家展示下效果图：下面一段代码给大家分享基于jquery实现的模拟下拉框选择对应菜单的内容，具体代码如下所示：<!DOCTYPE html> <html> <head lang="en"> <meta charset="UT...

2020-05-27

74浏览

0评论

Node.js查找当前目录下文件夹实例代码

整理文档，搜刮出Node.js查找当前目录下文件夹实例代码，稍微整理精简一下做下分享。
var http = require("http");var fs = require("fs");var server = http.createServer(fun...

2020-05-27

83浏览

0评论

JavaScript实现替换字符串中最后一个字符的方法

本文实例讲述了JavaScript实现替换字符串中最后一个字符的方法。分享给大家供大家参考，具体如下：1、问题背景在一个输入框中，限制字符串长度为12位，利用键盘输入一个数字，会将字...

2020-05-27

95浏览

0评论

微信小程序开发之入门实例教程篇

前言近日，在工作闲暇之余，阅读了一些关于微信小程序的文章，忍不住，想动手试他一试。本文就以“我的第一个微信小程序”为例，简单的介绍下，微信小程序的入门级用法。一、注册小程序...

2020-05-27

83浏览

0评论

AngularJS监听路由变化的方法

使用AngularJS时，当路由发生改变时，我们需要做某些处理，此时可以监听路由事件，常用的是$routeStartChange, $routeChangeSuccess。完整例子如下：<!DOCTYPE html><html><head> <me...

2020-05-27

91浏览

0评论

JavaScript和JQuery获取DIV值的方法示例

本文实例讲述了JavaScript和JQuery获取DIV值的方法。分享给大家供大家参考，具体如下：1、示例代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://ww...

2020-05-27

83浏览

0评论

js 获取图像缩放后的实际宽高,位置等信息

项目中遇到图片实际显示尺寸的判定问题,图片可能被缩放过,所以实际显示的宽高无法通过常见的各种width,height拿到(都是得到图像的自然宽度或者字面宽度,并非实际显示结果)...

2020-05-27

87浏览

0评论

jQuery基于事件控制实现点击显示内容下拉效果

本文实例讲述了jQuery基于事件控制实现点击显示内容下拉效果。分享给大家供大家参考，具体如下：1、实例代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""...

2020-05-27

92浏览

0评论

jQuery中Chosen三级联动功能实例代码

Chosen 是一个JavaScript插件，它能让丑陋的、很长的select选择框变的更好看、更方便,不仅如此，它更扩大了，增长了主动筛选的功能。本文介绍Chosen联动，具体代码如下：var addressR...

2020-05-27

85浏览

0评论

jQuery动态移除和添加背景图片的方法详解

本文实例讲述了jQuery动态移除和添加背景图片的方法。分享给大家供大家参考，具体如下：利用jQuery移除和添加图片1、样式<style type="text/css"> .changeImage{ backgrou...

2020-05-27

79浏览

0评论

jQuery Chosen通用初始化

一直在用Chosen这个js插件，其目的就是美化下拉框。github地址：https://harvesthq.github.io/chosen/no_results_text："xxxxx"无搜索结果时显示的文本allow_single_deselect：true...

2020-05-27

87浏览

0评论

JS完成画圆圈的小球

效果图图（1）图（2）代码如下：<html><head><title>JS动画之转动的小球</title><style type="text/css">div{width:20px;height:20px;background-color:black;position:absolute;bor...

2020-05-27

113浏览

0评论

js仿网易表单及时验证功能

今天研究了网易“用户注册表单”与“及时验证功能”，不得不说，无论是它的布局结构，还是验证功能，都是刷新了本真人的眼界，居然可以这样！来图镇楼！html代码：<!DOCTYPE html PUBLIC "-...

2020-05-27

83浏览

0评论

JavaScript实现向select下拉框中添加和删除元素的方法

本文实例讲述了JavaScript实现向select下拉框中添加和删除元素的方法。分享给大家供大家参考，具体如下：1、说明a. 利用append()方法向下拉框中添加元素b. 利用remove()方法移...

2020-05-27

83浏览

0评论

JQuery实现文字无缝滚动效果示例代码(Marquee插件)

推荐一个JQuery的无缝文字滚动效果，同时也可以滚动图片，也叫做跑马灯效果。此jquery插件，依托jquery库，能实现各种滚动效果，且让HTML代码符合W3C标准。使用方法如下：1、加载javasc...

2020-05-27

95浏览

0评论

Bootstrap进度条实现代码解析

本文实例为大家分享了Bootstrap进度条的具体代码，供大家参考，具体内容如下基本结构<div class="progress"> <div class="progress-bar" role="progressbar" aria-valuenow="6...

2020-05-27

117浏览

0评论

jQuery插件HighCharts绘制的基本折线图效果示例【附demo源码下载】

本文实例讲述了jQuery插件HighCharts绘制的基本折线图效果。分享给大家供大家参考，具体如下：1、实例源码：<!DOCTYPE html><html> <head> <title>HighCharts基本折线图</ti...

2020-05-27

108浏览

0评论

Bootstrap表单控件学习使用

Bootstrap表单控件的学习使用，供大家参考，具体内容如下输入框（Input）
最常见的表单文本字段是输入框 input。用户可以在其中输入大多数必要的表单数据。
Bootstrap 提供了对所...

2020-05-27

104浏览

0评论

angular十大常见问题

AngularJS可以视为是一种数据优先的框架，在它的三个层面中，数据模型是骨架，视图模型和业务事件是血肉，视图模板和指令是皮毛，这三层合在一起，就形成了一个活生生的Web应用。1.ng-i...

2020-05-27

115浏览

0评论

Bootstrap媒体对象学习使用

Bootstrap媒体对象的学习使用，供大家参考，具体内容如下基本结构：<div class="media"> <a class="pull-left" href="#" rel="external nofollow" rel="external nofollow" rel=...

2020-05-27

110浏览

0评论

nodejs中全局变量的实例解析

1.global类似于客户端javascript运行环境中的windowmodule1.js:module.exports={};//耻辱的使用了全局变量global.varA = "abc";关于global对象，实际使用中可以省去global....

2020-05-27

137浏览

0评论

js放到head中失效的原因与解决方法

1.今天写js碰到一个奇怪的问题，写好的js放到body里面执行，但是放到head中没有任何效果，为什么导致这种原因呢？看失效代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transit...

2020-05-27

89浏览

0评论

详解Vue2 无限级分类(添加,删除,修改)

本人对vue不是很懂,搜索了很多关于Vue2 无限级分类介绍,下面我来记录一下,有需要了解Vue2 无限级分类的朋友可参考。希望此文章对各位有所帮助。
<!DOCTYPE html><html lang...

2020-05-27

102浏览

0评论

基于JavaScript实现图片剪切效果

学会如何获取鼠标的坐标位置以及监听鼠标的按下、拖动、松开等动作事件，从而实现拖动鼠标来改变图片大小。还可以学习css中的clip属性。一、CSS实现图片不透明及裁剪效果。图...

2020-05-27

119浏览

0评论

原生JavaScript实现Tooltip浮动提示框特效

使用原生JavaScript设计和实现Tooltip浮动提示框特效，了解代码简化、事件绑定、事件冒泡等技巧和知识。特效四个关键点：
显示：鼠标移到ToolTip超链接上时，ToolTip提示框可以显示...

2020-05-27

80浏览

0评论

Vue获取DOM元素样式和样式更改示例

在 vue 中用 document 获取 dom 节点进行节点样式更改的时候有可能会出现 'style' is not definde的错误，这时候可以在 mounted 里用 $refs 来获取样式，并进行更改：
<template>...

2020-05-27

79浏览

0评论

js实现百度登录框鼠标拖拽效果

以百度的登录窗口为例，学习鼠标拖拽效果如何实现，拖拽范围限定以及登录窗口自动居中。学会如何制作弹出窗口特效，了解把元素设置为可拖拽的原理。知识点：1.掌握对可拖拽对话框的...

2020-05-27

100浏览

0评论

Vuejs 组件——props数据传递的实例代码

本篇资料来于官方文档：http://cn.vuejs.org/guide/components.html#Props
本文是在官方文档的基础上，更加细致的说明，代码更多更全。
简单来说，更适合新手阅读props数据传递
①...

2020-05-27

89浏览

0评论

Nodejs 获取时间加手机标识的32位标识实现代码

具体代码如下所示：var crypto = require("crypto");function randomlogn(num){ var n = num.split(''); var m = []; for(var i=0;i<16;i++){ m[i] = n[Math.floor(Math.ran...

2020-05-27

108浏览

0评论

js实现网页定位导航功能

本文实例为大家分享了js网页定位导航的具体代码，供大家参考，具体内容如下一个循环判断当前滚动到的位置，另一个循环遍历导航条判断其id是否与滚动到的位置相同效果如图：实现代码...

2020-05-27

75浏览

0评论

Vue2.0组件间数据传递示例

Vue1.0组件间传递使用$on()监听事件；使用$emit()在它上面触发事件；使用$dispatch()派发事件，事件沿着父链冒泡；使用$broadcast()广播事件，事件向下传导给所有的后代Vue2....

2020-05-27

83浏览

0评论

完美实现js焦点轮播效果(一)

最简单轮播形式，js中通过pic的display属性控制变换，也可通过调整Pic的margin-Left效果如图：实现代码：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></...

2020-05-27

103浏览

0评论

完美实现js焦点轮播效果(二)（图片可滚动）

本文在前一篇js焦点轮播效果的基础上，使用函数递归实现图片滑动切换，采用辅助图片实现图片无限滚动等技巧，具体内容如下假如前后不加一张图片的话，图片顺序为[1,2,3,4,5]，当你点...

2020-05-27

91浏览

0评论

vue父子组件的数据传递示例

1.父组件向子组件传递数据<div id="box"> <aaa></aaa></div><template id="aaa"> <h1>模板aaa=>{{msg1}}</h1> //msg1写在这里是可以的，因为这是父组件内部 //<bbb>{{msg...

2020-05-27

66浏览

0评论

footer定位页面底部（代码分享）

话不多说，请看代码：<!DOCTYPE html><html><head><meta charset="utf-8"><title>footer定位</title><style> *{ margin:0; padding: 0; } .box{ width: 100%; h...

2020-05-27

92浏览

0评论

vue数据双向绑定原理解析（get & set)

前端的数据双向绑定指的是view（视图）和model（数据）两者之间的关系；view层是页面上展示给用户看的信息，model层一般是指通过http请求从后台返回的数据。view到model的绑定都是通过...

2020-05-27

62浏览

0评论

JS仿JQuery选择器功能

JQuery作为应用最广的JS库，其最强大的功能之一就是几乎涵盖所有方法的且代码十分简短的选择器功能，我们也可用自己的代码实现此功能，代码逻辑、使用方法与JQuery一致function Z...

2020-05-27

133浏览

0评论

bootstrap table 多选框分页保留示例代码

在使用bootstrap table的复选框功能的时候，由于采用服务端分页，当在第一页选择了某些数据，然后点击第二页选择一些数据，再次点回第一页，发现原先选择的数据已经清空了，原来的多选...

2020-05-27

101浏览

0评论

jQuery实现选项卡功能（两种方法）

效果图：代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <script src="http://code.jquery.com/jquery-1.8.0.min.js"></script> <title>JQuery 源码分析</tit...

2020-05-27

126浏览

0评论

浅谈原生JS实现jQuery的animate()动画示例

本文介绍了浅谈原生JS实现jQuery的animate()动画示例，希望此文章对各位有所帮助。参数介绍：
obj
执行动画的元素 css JSON数值对，...

2020-05-27

95浏览

0评论

详谈jQuery中的一些正则匹配表达式

jQuery常用正则匹配表达式//整数"^-?[1-9]\\d*$",//正整数 "^[1-9]\\d*$",//负整数intege2: "^-[1-9]\\d*$",//数字num: "^([+-]?)\\d*\\.?\\d+$",//正数（正整数...

2020-05-27

热门文章