JavaScript - 教程之家

84浏览

0评论

JS中cookie的使用及缺点讲解

什么是CookieCookie意为“甜饼”，是由W3C组织提出，最早由Netscape社区发展的一种机制。目前Cookie已经成为标准，所有的主流浏览器如IE、Netscape、Firefox、Opera等都支持Cook...

2020-05-27

80浏览

0评论

vue.js 初体验之Chrome 插件开发实录

背景对于经常和动画开发打交道的开发者对于Animate.css这个动画库不会陌生，它把一些常见的动画效果都封装起来了，非常实用。但是有时候在开发中，仅仅只是需要某一两个动画效果，...

2020-05-27

56浏览

0评论

jQuery插件FusionCharts绘制的2D双柱状图效果示例【附demo源码】

本文实例讲述了jQuery插件FusionCharts绘制的2D双柱状图效果。分享给大家供大家参考，具体如下：1、FusionCharts中的2D双柱状图页面index.html：<!DOCTYPE html PUBLIC "-//W3C//...

2020-05-27

76浏览

0评论

jQuery插件FusionCharts绘制的2D条状图效果【附demo源码】

本文实例讲述了jQuery插件FusionCharts绘制的2D条状图效果。分享给大家供大家参考，具体如下：1、设计思路（1）了解条状图的一些特性和共性，掌握其特性；（2）根据FusionCharts设计条理，设...

2020-05-27

71浏览

0评论

JS实现动态给标签控件添加事件的方法示例

本文实例讲述了JS实现动态给标签控件添加事件的方法。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/T...

2020-05-27

79浏览

0评论

web.js.字符串与正则表达式操作

1.substringvar str='abcdef';alert(str.substring(2, 5)); //cde不包括结束位置alert(str.substring(1));//bcdef12.splitvar str='a*b*cd*ef';alert(str.split('*'));//分...

2020-05-27

83浏览

0评论

easyui combogrid实现本地模糊搜索过滤多列

这几天在项目中前台使用到了easyui 的 combogrid插件为用户提供点选数据项的功能。由于数据项的内容可能有很多，所以仅仅是点选还不够，需要能够对用户的输入进行过滤，即根据用...

2020-05-27

96浏览

0评论

配置nodejs环境的方法

一、由于node有多种版本号，每个版本号的API肯定也有些细微的差别，在工作中有可能要经常切换node的版本号，因此可以下载nvm使其来管理node的版本号。首先下载nvm，官网：https://git...

2020-05-27

93浏览

0评论

NodeJS、NPM安装配置步骤(windows版本) 以及环境变量详解

1、windows下的NodeJS安装是比较方便的（v0.6.0版本之后，支持windows native），只需要登陆官网（http://nodejs.org/），便可以看到首页的“INSTALL”按钮，直接点击就会自动下载安装了。...

2020-05-27

79浏览

0评论

js,jq,css多方面实现简易下拉菜单功能

效果图预览一、css实现html代码部分<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>html+css下拉菜单</title> <link rel="stylesheet" type="text/css"...

2020-05-27

69浏览

0评论

Ext JS 实现建议词模糊动态搜索功能

代码：new Ext.form.ComboBox({ store: new Ext.data.JsonStore({ idProperty: 'VehicleNo', url: '../ajax/test.ashx, fields: ['VehicleNo', 'phoneNum'] }), id:'querynod...

2020-05-27

238浏览

0评论

js实现股票实时刷新数据案例

近来学习炒股，免不了上班时间看盘，总不能光明正大的用电脑看行情，一直盯着手机影响也不好，容易引起“关注”。所以就想自己做一个网页来达到看盘的目的，一个只显示几个关键数字的...

2020-05-27

64浏览

0评论

使用Browserify来实现CommonJS的浏览器加载方法

Nodejs的模块是基于CommonJS规范实现的，可不可以应用在浏览器环境中呢？var math = require('math');math.add(2, 3);第二行math.add(2, 3)，在第一行require('math')之后运行，因...

2020-05-27

85浏览

0评论

Node.JS文件系统解析实例详解

1.Node.js 文件系统var fs = require("fs")2.异步和同步读取文件内容的函数有异步的 fs.readFile() 和同步的 fs.readFileSync()。var fs = require('fs')fs.readFile( 'a.t...

2020-05-27

125浏览

0评论

jQuery操作css样式

css操作的分类：css操作位置操作尺寸操作css操作之csscss代码：html代码：jQuery代码：效果如下：css操作之位置操作css代码：html代码jQuery代码效果如下：css操作之尺寸操作css代码html...

2020-05-27

300浏览

0评论

一个可复用的vue分页组件

不废话，先上组件文件pages.vue:<template> <div class="pages-box" v-if="pageTotal > 0"> <ul class="pages"> <li class="pages-prev"> <a v-if="pageNow != 1" href...

2020-05-27

65浏览

0评论

jQuery返回定位插件详解

一、jQuery 提供开发者开发插件的几种模式1.$.extend(); //这个方法是绑定在$上面的。可以通过$直接调用2.$.fn.方法名 //这个方法是绑定在Dom对象上面的可以通过$(...

2020-05-27

72浏览

0评论

NodeJS创建最简单的HTTP服务器

☆ 引子var http = require('http');http.createServer(function(request, response){ response.writeHead(200, { 'Content-Type': 'text-plain' }); response.end('Hell...

2020-05-27

71浏览

0评论

jQuery实现radio第一次点击选中第二次点击取消功能

由于项目的需求，要求radio点击两次后为取消状态，不方便修改为checkbox，可以用正面的方法实现。// jquery $('input:radio').click(function(){ //alert(this.checked);...

2020-05-27

77浏览

0评论

Jquery把获取到的input值转换成json

话不多说，请看代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www...

2020-05-27

67浏览

0评论

Vue关于数据绑定出错解决办法

Vue关于数据绑定出错错误提示：相对应的代码：<input id="input-check" type="checkbox" v-model="toggle" v-bind:true-value="a" v-bind:false-value="b"> <label for="input...

2020-05-27

67浏览

0评论

AngularJs 常用的过滤器

date格式化{{ 1304375948024 | date }} //结果：May 3, 2011{{ 1304375948024 | date:"MM/dd/yyyy @ h:mma" }} //结果：05/03/2011 @ 6:39AM{{ 1304375948024 | date:"y...

2020-05-27

87浏览

0评论

vue.js 使用v-if v-else发现没有执行解决办法

使用v-if v-else发现没有执行最近在学习Vue，因为刚开始学习，所以总会遇到这样那样的问题，今天要说的一个错误就是在看Vue的官方文档的时候，发现在使用v-if和v-else指令的时候，相...

2020-05-27

142浏览

0评论

JavaScript制作简单的框选图表

故事背景：这几天遇到一个客户，是做会议记录的，每次会议过程中，都会有特定设备记录下讲话人的位置以角度值显示。他给我角度值，让我给他做一个图表来展示每个人的一个大概位置。客...

2020-05-27

81浏览

0评论

VUE多层路由嵌套实现代码

本文实例为大家分享了VUE多层路由嵌套的具体代码，供大家参考，具体内容如下先看看效果图：例如:在做系统时，主页面有两个功能【home】and【news】,在【home】下又分为登录和注册。...

2020-05-27

77浏览

0评论

bootstrap响应式表格实例详解

Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机，现在就bootstrap的响应式举一个例子：如上图所示，要实现该表格在手机等移动端上只显示代号、名称、和价格，其他以查...

2020-05-27

69浏览

0评论

jquery+ajax实现省市区三级联动（封装和不封装两种方式）

首先，要实现如下图效果，1、要理清思路：先做出三个下拉菜单----根据第一个下拉菜单的value值获取第二个下拉列表的内容，第三个同理。2、用到的数据库表：Chinastates表规律：根据国家...

2020-05-27

68浏览

0评论

JavaScript禁止微信浏览器下拉回弹效果

本文实例为大家分享了JavaScript禁止微信浏览器下拉回弹的效果，供大家参考，具体内容如下方法1：
<script type="text/javascript"> var overscroll = function(el){ el.ad...

2020-05-27

52浏览

0评论

js自定义瀑布流布局插件

瀑布流布局是网页中经常采用的一种布局方式，其布局有如下特点：瀑布流布局特点：
（1）图文元素按列排放
（2）列宽一致，但高度不等
（3）布局过程中将优先向高度最小的列补充数据以下是自...

2020-05-27

68浏览

0评论

Bootstrap fileinput文件上传预览插件使用详解

介绍通过本文，你可以学习到如何封装或者开发一个前端组件，同时学习Bootstrap-fileinput组件的使用，封装后使用更加简单方便。
BaseFile是AdminEAP框架中基于Bootstrap-fileinpu...

2020-05-27

53浏览

0评论

Vue.js手风琴菜单组件开发实例

本文为大家分享了vuejs组件开发之手风琴菜单组件实例，供大家参考，具体内容如下小图标是引入font-awesome字体图标库绘制的。效果如下图所示：代码：<!DOCTYPE html><html lang="en...

2020-05-27

75浏览

0评论

Vue.js tab实现选项卡切换

本文为大家分享了Vuejs 组件化开发tab组件实例，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>index</title> <link rel="st...

2020-05-27

69浏览

0评论

vue.js实现用户评论、登录、注册、及修改信息功能

vue.js实现用户评论、登录、注册、及修改用户部分信息功能代码。效果图如下：登入后：

登入前：

登录框:

注册框：
html代码部分：<!DOCTYPE html><html lang="en"><head>...

2020-05-27

62浏览

0评论

javascript 中iframe高度自适应（同域）实例详解

javascript 中iframe高度自适应（同域）今天解决了iframe高度自适应的问题，不过这只是同域下的页面嵌入，以下是代码：function SetCwinHeight(){ var iframeid = documen...

2020-05-27

55浏览

0评论

原生js简单实现放大镜特效

本文实例为大家分享了js实现放大镜特效展示的具体代码，供大家参考，具体内容如下普及知识：放大镜特效涉及到的几个值offsetWidth 获取元素的宽度
offsetHeight 获取元素的高...

2020-05-27

75浏览

0评论

JavaScript实现省市县三级级联特效

本文实例为大家分享了js省市县三级级联特效的实现代码，供大家参考，具体内容如下
主要思想1.省改变，市改变，并初始化县
2.市改变，县改变
html代码<select id="sheng"> <option val...

2020-05-27

67浏览

0评论

js字符串与Unicode编码互相转换

'好'.charCodeAt(0).toString(16)"597d"这段代码的意思是，把字符'好'转化成Unicode编码，看看charCodeAt()是怎么个意思charCodeAt() 方法可返回指定位置的字符的 Unicode 编码...

2020-05-27

77浏览

0评论

bootstrap的工具提示实例代码

Bootstrap 工具提示（Tooltip）插件当您想要描述一个链接的时候，工具提示（Tooltip）就显得非常有用。工具提示（Tooltip）插件是受 Jason Frame 写的 jQuery.tipsy 的启发。工具提示（Too...

2020-05-27

48浏览

0评论

jQuery查找dom的几种方法效率详解

前言关于这个问题的产生由于我们前端组每个人的编码习惯的差异，最主要的还是因为代码的维护性问题。在此基础上，我对jQuery源码(1.11.3)查找dom节点相关的内容进行了仔细的查...

2020-05-27

51浏览

0评论

JavaScript手风琴页面制作

啥都不说了，直接上效果图1.Html结构代码<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>手风琴2</title> <link rel="stylesheet" type="text/css" href=...

2020-05-27

62浏览

0评论

原生JS实现层叠轮播图

又是轮播？没错，换个样式玩轮播。HTML:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>wtf</title></head><body> <div class="container"> <div class...

2020-05-27

61浏览

0评论

Angular获取手机验证码实现移动端登录注册功能

之前一直在用jQuery来做项目，使用比较熟练，目前公司要求使用angular来做项目，遇到一个登录模块如下所示，功能有两个方面，一个是点击按钮获取验证码，一个是点击登录验证表单。从用...

2020-05-27

79浏览

0评论

微信小程序中做用户登录与登录态维护的实现详解

总结大家都知道，在开发中提供用户登录以及维护用户的登录状态，是一个拥有用户系统的软件应用普遍需要做的事情。像微信这样的一个社交平台，如果做一个小程序应用，我们可能很少会...

2020-05-27

64浏览

0评论

bootstrap警告框示例代码分享

本文实例为大家分享了bootstrap警告框的具体代码，供大家参考，具体内容如下<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Co...

2020-05-27

67浏览

0评论

bootstrap轮播图示例代码分享

本文实例为大家分享了bootstrap轮播图的具体代码，供大家参考，具体内容如下
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-C...

2020-05-27

60浏览

0评论

微信小程序如何获知用户运行小程序的场景教程

前言最近微信小程序团队像打了鸡血似的，不断推出一系列新的小程序功能，以及拓展了不少小程序的入口，使得小程序的运行场景变得越来越丰富。因此，不同的进入场景，必然会带来不同的...

2020-05-27

55浏览

0评论

微信小程序城市定位的实现实例（获取当前所在国家城市信息）

前言在微信小程序中，我们可以通过调用wx.getLocation()获取到设备当前的地理位置信息，这个信息是当前位置的经纬度。如果我们想获取当前位置是处于哪个国家，哪个城市等信息，该如...

2020-05-27

71浏览

0评论

AngularJS使用拦截器实现的loading功能完整实例

本文实例讲述了AngularJS使用拦截器实现的loading功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="zh-CN" ng-app="myApp"> <head> <meta charset="utf-8">...

2020-05-27

86浏览

0评论

jQuery Validate 无法验证 chosen-select元素的解决方法

chosen-select元素执行了chosen()方法后，为select元素加上了style="display: none;"进行隐藏，然后重新构造了一个看起来像select的下拉列表。而jQuery Validate默认忽略对隐藏...

2020-05-27

83浏览

0评论

AngularJS自定义指令实现面包屑功能完整实例

本文实例讲述了AngularJS自定义指令实现面包屑功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="zh-CN" ng-app="myApp"> <head> <meta charset="utf-8"> <...

2020-05-27

热门文章