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

详解jQuery简单的表格应用

2017年02月06日 77 阅读

大致介绍在CSS技术之前，网页的布局基本都是依靠表格制作，当有了CSS之后，表格就被很多设计师所抛弃，但是表格也有他的用武之地，比如数据列表，下面以表格中常见的几个应用来加深对jQuery的认识。表格变色基本的结构：<table><thead><tr><th>姓名</th><th>性别</th><th>暂住地</th></tr></...

js继承实现方法详解

2017年02月06日 87 阅读

本文实例讲述了js继承实现方法。分享给大家供大家参考，具体如下：var animal=function（name）{ //构造函数this.name=name;this.sayhello=function（）{alert（"hi我是"+this.name）;};}animal.prototype.shout=function（）{ //prototype主要作用:给类增加一个新的属性或函数alert（this.name+"正在叫！"）;};animal.p...

详解MVC如何使用开源分页插件（shenniu.pager.js）

2017年02月06日 90 阅读

最近比较忙，前期忙公司手机端接口项目，各种开发+调试+发布现在几乎上线无问题了；虽然公司项目忙不过在期间抽空做了两件个人觉得有意义的事情，一者使用aspnetcore开发了个人线上项目（要说线上其实只能ip访问，没有域名哈哈），其架构组成由：aspnetcore1.0.0+redis+ postgressql+TaskMainForm服务，这个项目在后期会开源出来供大家分享学习，站点地址点这里心声网；一者是目前正在做的后台管理框架一叶子，现目前刚好吧js分...

概述一个页面从输入URL到页面加载完的过程

2017年02月06日 69 阅读

过程概述浏览器查找域名对应的 IP 地址；浏览器根据 IP 地址与服务器建立 socket 连接；浏览器与服务器通信：浏览器请求，服务器处理请求；浏览器与服务器断开连接。以下为详细解析:根据域名查找 IP 地址概念解释IP 地址：IP 协议为互联网上的每一个网络和每一台主机分配的一个逻辑地址。IP 地址如同门牌号码，通过 IP 地址才能确定一台主机位置。服务器本质也是一台主机，想要访问某个服务器，必须先知道它的 IP 地址；域名（ DN ）：IP 地址由...

JS重载实现方法分析

2017年02月06日 68 阅读

本文实例分析了JS重载实现方法。分享给大家供大家参考，具体如下：重载是面向对象语言里很重要的一个特性，JS中没有真正的重载，是模拟出来的（因为js是基于对象的编程语言，不是纯面向对象的，它没有真正的多态：如继承、重载、重写）一、什么时候用重载？举例：function getDataTop10（）{alert（"返回前10条数据"）;}后来需求改了，需要获得20条数据，而getDataTop10又被很多函数调用了，整体替换可以但麻烦，这时可以用重载进而引出什...

JS搜狐面试题分析

2017年02月06日 80 阅读

本文实例讲述了几道JS搜狐面试题。分享给大家供大家参考，具体如下：一、实现一个遍历数组或对象里所有成员的迭代器。var each = function（obj, fn）{//+++++++++++答题区域+++++++++++//+++++++++++答题结束+++++++++++};try{var data1 = [4,5,6,7,8,9,10,11,12];var data2 = {"a": 4,"b": 5,"c": 6};console.group...

详解jQuery uploadify文件上传插件的使用方法

2017年02月06日 86 阅读

uploadify这个插件是基于js里面的jquery库写的。结合了ajax和flash，实现了这个多线程上传的功能。现在最新版为3.2.1。在线实例实例中用到的php文件UploaderDemo.php请在页面下方下载引入文件<link rel="stylesheet" type="text/css" href="uploadify.css" /><script type="text/javascript" src="jquery.mi...

JavaScript实现格式化字符串函数String.format

2017年02月06日 124 阅读

在js开发中，我们可能会遇到这样一个问题当需要通过js动态插入html标签的时候特别是当遇到大量的变量拼接、引号层层嵌套的情况，会出现转义字符问题，经常出错我们来看个例子<！DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset...

文件上传的几个示例分享【推荐】

2017年02月06日 81 阅读

本篇将要和朋友们分享的是几个上传文件的例子和逻辑步奏及自定义个简单的js上传插件我取名为shenniu.upfile-0.0.1.js；近来在讨论组中很有几个朋友咨询上传文件的代码和怎么下载上传的文件，所以写了此篇文章，希望能为朋友们解答一些疑惑或能带来帮助，也谢谢各位多多支持点赞。以上是个人的看法，下面来正式分享今天的文章吧：使用iis发布保存上传文件的文件夹示例A - 普通表单上传文件，Request.Files获取上传文件示例B - 普通表单上传文件...

基于js实现二级下拉联动

2017年02月06日 70 阅读

本文实例为大家分享了js下拉联动的具体代码，供大家参考，具体内容如下<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m...

Bootstrap CSS布局之代码

2017年02月06日 74 阅读

Bootstrap对代码显示提供了三种方式：内联代码1.使用元素显示单行内联代码内联代码主要是设置code元素的背景颜色和其内部的文字颜色。//用法<code><body></body></code>//源码code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4p...

Bootstrap CSS布局之表格

2017年02月06日 70 阅读

表格组件中，BootStrap提供了 1种基础.table样式 4种附加样式（.table-striped/.table-bordered/.table-hover/.table-condensed） 1种支持响应式布局的.table-responsivetable样式//源码table { background-color: transparent;}caption { padding-top: 8px; padding-bottom: 8px; col...

Bootstrap CSS布局之表单

2017年02月06日 103 阅读

1. 表单表单是html网页交互很重要的部分，同时也是BootSTrap框架中的核心内容，表单提供了丰富的样式（基础、内联、横向）表单的元素 input textarea select checkbox radio（checkbox和radio是input的特殊类型）其他标签 form fieldset legend1.1.基础表单<！--基础表单：1.向父 <form> 元素添加 role="form"。2.把标签label和控件放在...

Bootstrap CSS布局之按钮

2017年02月06日 80 阅读

按钮是任何系统都不能缺少的组件，设置到按钮的大小、颜色、状态等。//btn源码.btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: midd...

Bootstrap CSS布局之图像

2017年02月06日 66 阅读

本文大家分享了Bootstrap CSS布局之图像，供大家参考，具体内容如下img-rounded、img-circle、img-thumbnail（缩放图模式）//源码img { vertical-align: middle;}.img-responsive,.thumbnail > img,.thumbnail a > img,.carousel-inner > .item > img,.carousel-inner > ...

Bootstrap CSS组件之大屏幕展播

2017年02月06日 80 阅读

在设计网页布局的时候，经常会有大屏内容的显示jumbotron 顾名思义该组件可以增加标题的大小，并为登陆页面内容添加更多的外边距（margin）。源码中可以看出：如果jumbotron放在container样式内，则显示圆角;如果不放在里边，则不会显示圆角。<！DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <meta htt...

Bootstrap CSS组件之分页（pagination）和翻页（pager）

2017年02月06日 69 阅读

几乎所有网站内容都需要分页显示,一个用户体验良好的分页组件会得到访问用户的良好评价。//源码.pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px;}.pagination > li { display: inline;}.pagination > li > a,.pagination > li > spa...

Bootstrap CSS组件之面包屑导航（breadcrumb）

2017年02月06日 81 阅读

面包屑breadcrumb一般用于导航，表示当前页面所在的位置面包屑可以设置其他相关的小标记内容，比如标签、徽章标记等。//源码//基础样式.breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px;}//所有li项都是内联块方式.breadcrumb > li { disp...

Bootstrap CSS组件之导航（nav）

2017年02月06日 64 阅读

本文实例为大家分享了Bootstrap导航的具体代码，供大家参考，具体内容如下//源码.nav { padding-left: 0; margin-bottom: 0; list-style: none;}.nav > li { position: relative; display: block;}.nav > li > a { position: relative; display: block; padding: 10px 15px...

Bootstrap CSS组件之导航条（navbar）

2017年02月06日 90 阅读

本文主要大家分享了响应式导航条的具体代码，供大家参考，具体内容如下1.基础导航条navbar navbar-default navbar-header navbar-brand nav navbar-nav 2.导航条中的表单navbar navbar-default navbar-header navbar-brand navbar-form 3.导航条中的按钮，文本，链接navbar-btn、bavbar-text、navbar-link 4.导航条中...

首页 / 脚本样式 / JavaScript

详解jQuery简单的表格应用

js继承实现方法详解

详解MVC如何使用开源分页插件（shenniu.pager.js）

概述一个页面从输入URL到页面加载完的过程

JS重载实现方法分析

JS搜狐面试题分析

详解jQuery uploadify文件上传插件的使用方法

JavaScript实现格式化字符串函数String.format

文件上传的几个示例分享【推荐】

基于js实现二级下拉联动

Bootstrap CSS布局之代码

Bootstrap CSS布局之表格

Bootstrap CSS布局之表单

Bootstrap CSS布局之按钮

Bootstrap CSS布局之图像

Bootstrap CSS组件之大屏幕展播

Bootstrap CSS组件之分页（pagination）和翻页（pager）

Bootstrap CSS组件之面包屑导航（breadcrumb）

Bootstrap CSS组件之导航（nav）

Bootstrap CSS组件之导航条（navbar）