JavaScript - 教程之家

61浏览

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

57浏览

0评论

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

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

2020-05-27

62浏览

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

55浏览

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

50浏览

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

68浏览

0评论

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

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

2020-05-27

112浏览

0评论

JavaScript制作简单的框选图表

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

2020-05-27

63浏览

0评论

VUE多层路由嵌套实现代码

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

2020-05-27

68浏览

0评论

bootstrap响应式表格实例详解

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

2020-05-27

59浏览

0评论

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

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

2020-05-27

60浏览

0评论

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

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

2020-05-27

41浏览

0评论

js自定义瀑布流布局插件

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

2020-05-27

58浏览

0评论

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

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

2020-05-27

46浏览

0评论

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

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

2020-05-27

70浏览

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

56浏览

0评论

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

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

登入前：

登录框:

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

2020-05-27

55浏览

0评论

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

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

2020-05-27

48浏览

0评论

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

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

55浏览

0评论

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

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

2020-05-27

66浏览

0评论

bootstrap的工具提示实例代码

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

2020-05-27

39浏览

0评论

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

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

2020-05-27

42浏览

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

55浏览

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

54浏览

0评论

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

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

2020-05-27

65浏览

0评论

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

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

2020-05-27

58浏览

0评论

bootstrap警告框示例代码分享

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

2020-05-27

55浏览

0评论

bootstrap轮播图示例代码分享

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

2020-05-27

53浏览

0评论

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

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

2020-05-27

46浏览

0评论

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

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

75浏览

0评论

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

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

2020-05-27

73浏览

0评论

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

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

2020-05-27

35浏览

0评论

vue2.0中goods选购栏滚动算法的实现代码

不多说，直接代码，以便以后重复利用：<script type="text/ecmascript-6">import BScroll from 'better-scroll';const ERR_OK = 0;export default { props: { sell: { type: O...

2020-05-27

65浏览

0评论

详解如何在Angular中快速定位DOM元素

在使用Angular2+中，经常会想快速的去选择DOM上的某个元素，如果是刚上手Angular，有可能直接就使用原生DOM操作或者导入jQuery再进行DOM操作，既然都使用了Angular了，有没有更好的方...

2020-05-27

61浏览

0评论

ES6入门教程之let和const命令详解

前言在javascript中，我们都知道使用var来声明变量。javascript是函数级作用域，函数内可以访问函数外的变量，函数外不能访问函数内的变量。函数级作用域会导致一些问题就是某些...

2020-05-27

45浏览

0评论

bootstrap模态框示例代码分享

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

2020-05-27

39浏览

0评论

AngularJS实现的回到顶部指令功能实例

本文实例讲述了AngularJS实现的回到顶部指令功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="...

2020-05-27

69浏览

0评论

用纯Node.JS弹出Windows系统消息提示框实例(MessageBox)

Node.JS是一个控制台程序，如果想要从Node.JS弹出Windows系统提示框的话，有很多方法可以实现。比如借助 electron 或 node-webkit：在Electron中弹出消息框
Electron与Windows的...

2020-05-27

82浏览

0评论

node.js调用Chrome浏览器打开链接地址的方法

本文主要介绍的是node.js调用Chrome浏览器打开链接地址的相关内容，分享出来供大家参考学习，下面来一起看看详细的介绍：借助open模块实现
通过node-open模块，可以在任何平台上打...

2020-05-27

71浏览

0评论

Vue声明式渲染详解

Vue.js 的核心是一个允许采用简洁的模板语法来声明式的将数据渲染进 DOM，也就是将模板中的文本数据写进DOM中，使用 {{data}} 的格式写入。此代码都是Vue.js官网上的实例。1...

2020-05-27

46浏览

0评论

AngularJS+bootstrap实现动态选择商品功能示例

本文实例讲述了AngularJS+bootstrap实现动态选择商品功能。分享给大家供大家参考，具体如下：项目中后台一个商品库，新建活动时动态选择所需商品<!DOCTYPE html><html lang="zh-C...

2020-05-27

62浏览

0评论

AngularJS实现动态添加Option的方法

本文实例讲述了AngularJS实现动态添加Option的方法。分享给大家供大家参考，具体如下：项目中后台管理设置，前台下拉动态添加option<!DOCTYPE html><html lang="zh-CN"> <head>...

2020-05-27

65浏览

0评论

ES6入门教程之Class和Module详解

本文主要介绍了ES6中Class和Module的相关内容，分享出来供大家参考学习，下面来看看详细的介绍：一、ClassES6引入了Class（类）这个概念，作为对象的模板。通过class关键字，可以定义类。...

2020-05-27

77浏览

0评论

Node.js编写CLI的实例详解

Why Node.js?常用的用来编写CLI的语言有 python, ruby, perl, Node.js等等。为什么选取Node.js作为CLI的语言编写工具呢？有三个理由：对Javascript语言更加熟悉 npm 完...

2020-05-27

63浏览

0评论

angular.fromJson与toJson方法用法示例

本文实例讲述了angular.fromJson与toJson方法用法。分享给大家供大家参考，具体如下：AngularJS的angular.fromJson()方法可以把一个Json字符串中解析成一个对象，或对象数组：<!DOC...

2020-05-27

56浏览

0评论

ES6入门教程之Iterator与for...of循环详解

本文主要介绍了关于ES6中Iterator与for...of循环的相关内容，分享出来供大家参考学习，需要的朋友们下面来一起看看详细的介绍：一、Iterator（遍历器）遍历器（Iterator）是一种协议，任何...

2020-05-27

72浏览

0评论

Javascript中的async awai的用法

async / await是ES7的重要特性之一，也是目前社区里公认的优秀异步解决方案。目前，async / await这个特性已经是stage 3的建议，可以看看TC39的进度，本篇文章将分享async / await...

2020-05-27

53浏览

0评论

12个非常有用的JavaScript技巧

在这篇文章中，我将分享12个非常有用的JavaScript技巧。这些技巧可以帮助你减少并优化代码。1) 使用!!将变量转换成布尔类型有时，我们需要检查一些变量是否存在，或者它是否具有...

2020-05-27

44浏览

0评论

Vue.js鼠标悬浮更换图片功能

最近自己做的项目中设计师要求分类栏中鼠标悬停更换图片，大致实现出来的效果就是这样：
这个在jQuery中是个很简单的事，但是在vue中我还是第一次实现。首先将所有的选中后图片...

2020-05-27

热门文章