JavaScript资料,JavaScript文章,JavaScript文档-易库教程

bootstrap组件之导航组件使用方法

2017年02月06日 91 阅读

在上篇文章给大家介绍了bootstrap组件之按钮式下拉菜单小结，下面通过本文给大家介绍bootstrap导航组件的使用方法，一起看看吧！Bootstrap 中的导航组件都依赖同一个 .nav 类和ul，状态类也是共用的。改变修饰类可以改变样式。1、标签页.nav-tabs<ul class="nav nav-tabs" role="tablist"> <li role="presentation" class="active">&...

AngularJS中$injector、$rootScope和$scope的概念和关联关系深入分析

2017年02月06日 117 阅读

本文实例讲述了AngularJS中$injector、$rootScope和$scope的概念和关联关系。分享给大家供大家参考，具体如下：$injector、$rootScope和$scope是AngularJS框架中比较重要的东西，理清它们之间的关系，对我们后续学习和理解angularJS框架都非常有用。1、$injector其实是一个IOC容器，包含了很多服务（类似于spring框架中的bean），其它代码能够通过 $injector.get（"ser...

Bootstrap中glyphicons-halflings-regular.woff字体报404错notfound的解决方法

2017年02月06日 77 阅读

今天查看网站的源代码，发现有个glyphicons-halflings-regular.woff文件没有找到，因为我的网站使用了bootstrap的Glyphicons 字体图标，因此需要加载Glyphicons Halflings的相关文件，但是我的文件中明明有这个文件那怎么会报404错误呢？查看了下博客上查到了解决方案跟大家分享一下在web.config 中添加如下代码段 <system.webServer><staticCont...

JS中如何实现点击a标签返回页面顶部的问题

2017年02月06日 91 阅读

<！DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style>p{ font-size: 400px;} </style></head><body><p>?</p><a href="#"...

jQuery实现鼠标悬停3d菜单展开动画效果

2017年02月06日 90 阅读

竖直的主菜单贴着页面左侧，当光标移入菜单项时，以3D动画的方式弹出对应的二级菜单。采用jQuery和CSS3实现。支持Chrome，火狐，Edge等浏览器。效果图：代码如下：<！DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1,...

bootstrap css样式之表单

2017年02月06日 98 阅读

本文实例为大家分享了bootstrap表单的具体代码，供大家参考，具体内容如下1、表单基本用法<form role="form"> <div class="form-group"> <label for="exampleInputEmail1">Email address</label> <input type="email" class="form-control" id="exampleInputE...

javaScript基础详解

2017年02月06日 156 阅读

首先讲javaScript的摆放位置：<script> 与 </script> 可以放在head和body之间，也可以body中或者head中JavaScript的六大作用：1直接在script输出document.write（"<h1>This is a heading</h1>"）;//document.write表输出，括号中h1标签同样有效2对事件作出反应<button type="button...

ajax与json 获取数据并在前台使用简单实例

2017年02月06日 86 阅读

用ajax获取后台数据，返回json数据，怎么在前台使用呢？后台if （dataType == "SearchCustomer"）{int ID;if （Int32.TryParse（CustomerID, out ID））{string s = GridComputer.GridCustomer.getCustomer（1, 1, ID）;if （s == null）{context.Response.ContentType = "text/plain"...

ajax 提交数据到后台jsp页面及页面跳转问题

2017年02月06日 89 阅读

ajax 提交数据到后台jsp页面及页面跳转问题我logincheck.jsp页面取传参数代码:String user=request.getParameter（"user1"）;String pwd=request.getParameter（"pwd1"）;login.jsp input 取2参数何用ajax 传给logincheck.jsp$.ajax（{type : "POST",url : baseUrl+"m/module/querymodule...

js实现漫天星星效果

2017年02月06日 108 阅读

本文实例为大家分享了漫天小星星效果的实现代码，供大家参考，具体内容如下效果图：实现代码：<html onclick="init（event）"> <head> <title> new document </title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <script type="text...

详解前端构建工具gulpjs的使用介绍及技巧

2017年02月06日 224 阅读

gulpjs是一个前端构建工具，与gruntjs相比，gulpjs无需写一大堆繁杂的配置参数，API也非常简单，学习起来很容易，而且gulpjs使用的是nodejs中stream来读取和操作数据，其速度更快。如果你还没有使用过前端构建工具，或者觉得gruntjs太难用的话，那就尝试一下gulp吧。1、gulp的安装首先确保你已经正确安装了nodejs环境。然后以全局方式安装gulp：npm install -g gulp全局安装gulp后，还需要在每个要使...

微信小程序视图容器组件的详解及实例代码

2017年02月06日 118 阅读

微信小程序视图容器组件详解：小程序给出的视图容器组件有三个：</view>、</scroll-view>和</swiper>：1、</view> 视图容器</view>相当于html中的</div>标签，有四个属性：hover和hover-class与点击效果有关：hover设置是否启用点击效果，而hover-class设置点击的效果。hover-start-time和hover-s...

JS实现touch 点击滑动轮播实例代码

2017年02月06日 82 阅读

废话不多说了，直接给大家贴js代码了，具体代码如下所示：<script src="../js/jquery-1.8.3.min.js"></script><script src="../js/jQuery.mobile-1.3.2.min.js"></script>----------------------需要应用jquery .mobile自行百度.num-zcon{overflow: hidden;wi...

原生js实现电商侧边导航效果

2017年02月06日 84 阅读

知识要点实现原理：1.点击楼层跳相应楼层，用的是锚点定位电梯：<a href="#item2">2F 个护家清</a></li>列表title：<div class="floor-title" id="item2"></div>这个没什么好说的2.当点击楼层跳到相应楼层时，该楼层高亮显示我们的脚本主要就是实现这个功能。原理获取浏览器导航条下拉的距离与各个楼层相对于文档顶部下拉的距离进行校验。这里需...

原生JS和jQuery操作DOM对比总结

2017年02月06日 83 阅读

一、创建元素节点1.1 原生JS创建元素节点document.createElement（"p"）;1.2 jQuery创建元素节点$（"<p></p>"）;`二、创建并添加文本节点2.1 原生JS创建文本节点`document.createTextNode（"Text Content"）;通常创建文本节点和创建元素节点配合使用，比如：var textEl = document.createTextNode（"Hello World...

微信小程序生命周期和页面的生命周期详细介绍

2017年02月06日 123 阅读

微信小程序生命周期和页面的生命周期详解：1.小程序的生命周期——App.jsApp（）必须在 app.js 中注册，且不能注册多个。所以App（）方法在一个小程序中有且仅有一个。App（）函数用来注册一个小程序。接受一个 object 参数，其指定小程序的生命周期函数等。先上代码：App（{ onLaunch: function （） { console.log（"App onLaunch"）; }, onShow:function （）{ cons...

js实现符合国情的日期插件详解

2017年02月06日 91 阅读

这次开始的项目是PC版的，貌似有2年没正儿八经的折腾PC端了。言归正传，这次功能中有个选择日期段的功能，本来不麻烦的事情，但是PM非要参照另外一个网站的效果来做，把别人代码扒下来一看，我去，08年的插件，很多功能不能满足当前，PM非要那效果，时间又TM有限，就又找了个国外的插件daterangepicker，基于bootstrap，跟需求长得很像，功能非常强大，需求都能满足，但是...但是，PM和测试说不好用。。。折腾了半天源代码，优化了下，时间来不及只能...

微信小程序页面跳转和数据传递实例详解

2017年02月06日 140 阅读

微信小程序页面跳转和数据传递1.先导在Android中，我们Activity和Fragment都有栈的概念在里面，微信小程序页面也有栈的概念在里面。微信小程序页面跳转有四种方式： 1.wx.navigateTo（OBJECT）； 2.wx.redirectTo（OBJECT）； 3.wx.switchTab（OBJECT）； 4.wx.navigateBack（OBJECT） 5.使用实现对应的跳转功能；分析：其中navigateTo是将原来的页面保存在...

BootStrap组件之进度条的基本用法

2017年02月06日 97 阅读

1、进度条基本用法主要依赖.progress和.progress-bararia-valuenow表示当前值aria-valuemin表示最小值aria-valuemax表示最大值width:60%表示当前进度条位置<div class="progress"><div class="progress-bar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="w...

小程序开发实战：实现九宫格界面的导航的代码实现

2017年02月06日 117 阅读

小程序是长在微信上的，是移动端的界面，为了能够更方便的使用，我们常常希望使用九宫格界面的方式作为导航，那要如何实现呢？基于一个简单的思考，九宫格就是三行三列，如果把行作为一个单位，再将每一行分成三列，那是不是就可以了？我们实践一下。首先来考虑九宫格数据的生成，每一个格子需要有一个图标、一个标题、一个便于跳转的路由，那天现在我们有九个页面，所以定义一个一维数组即可。为了更好的进行后续的配置，我们将这个数组独立到一个文件中routes.js，然后将其在inde...

首页 / 脚本样式 / JavaScript

bootstrap组件之导航组件使用方法

AngularJS中$injector、$rootScope和$scope的概念和关联关系深入分析

Bootstrap中glyphicons-halflings-regular.woff字体报404错notfound的解决方法

JS中如何实现点击a标签返回页面顶部的问题

jQuery实现鼠标悬停3d菜单展开动画效果

bootstrap css样式之表单

javaScript基础详解

ajax与json 获取数据并在前台使用简单实例

ajax 提交数据到后台jsp页面及页面跳转问题

js实现漫天星星效果

详解前端构建工具gulpjs的使用介绍及技巧

微信小程序 视图容器组件的详解及实例代码

JS实现touch 点击滑动轮播实例代码

原生js实现电商侧边导航效果

原生JS和jQuery操作DOM对比总结

微信小程序 生命周期和页面的生命周期详细介绍

js实现符合国情的日期插件详解

微信小程序 页面跳转和数据传递实例详解

BootStrap组件之进度条的基本用法

小程序开发实战：实现九宫格界面的导航的代码实现

微信小程序视图容器组件的详解及实例代码

微信小程序生命周期和页面的生命周期详细介绍

微信小程序页面跳转和数据传递实例详解