Java遍历集合方法分析（实现原理、算法性能、适用场合）

2017年02月06日 10 阅读

概述Java语言中，提供了一套数据集合框架，其中定义了一些诸如List、Set等抽象数据类型，每个抽象数据类型的各个具体实现，底层又采用了不同的实现方式，比如ArrayList和LinkedList。除此之外，Java对于数据集合的遍历，也提供了几种不同的方式。开发人员必须要清楚的明白每一种遍历方式的特点、适用场合、以及在不同底层实现上的表现。下面就详细分析一下这一块内容。数据元素是怎样在内存中存放的？数据元素在内存中，主要有2种存储方式：1、顺序存储，R...

Bootstrap每天必学之响应式导航、轮播图

2017年02月06日 10 阅读

本节课前一节我们开始设计第一个项目， 一个内训公司的企业网站， 本节课学习响应式导航部分。基本导航组件+响应式：//基本导航组件+响应式<nav class="navbar navbar-default navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <a href="#" class="navbar-brand" sty...

Bootstrap项目实战之首页内容介绍（全）

2017年02月06日 10 阅读

本节课第一节我们轮播图的下方，设计一个内容介绍，内容介绍分两部分，本次为上半部分。一．首页内容介绍 //关于上节课轮播图，手册上其实有一个更好的方案，并不需要通过额外的代码控制。<a href="#myCarousel" data-slide="prev" class="carousel-control left"> <span class="glyphicon glyphicon-chevron-left"></span&g...

深入浅析JavaScript中数据共享和数据传递

2017年02月06日 11 阅读

数据共享和数据传递是相辅相成的，我们一起来讨论这个问题。首先要说的是共享和传递都是有作用域的。作用域就是起作用的区域，在同一个作用域数据可以共享，超过这个作用域就是跨作用域，就得用到数据传递了。作用域1.ui作用域每一个ui文件缺省都有对应的ui.js。他们作为一个闭合的作用域。ui.js里根据ui文件里组件的id来获取ui对象;不同的ui文件可以定义相同id的组件。在ui.js里定义的变量只能在这个js里访问。2.page作用域每次调用openPage都...

Bootstrap项目实战之子栏目资讯内容

2017年02月06日 10 阅读

本文我们制作一下子栏目资讯内容，供大家参考，具体内容如下谷歌浏览器解析的顺序调整，需要全部加载后执行$（window）.load（function（） {$（".text"）.eq（0）.css（"margin-top", （$（".auto"）.eq（0）.height（） - $（".text"）.eq（0）.height（）） / 2 + "px"）;}）; 注：对于 Firefox 浏览器，可以按 Ctrl+Shift+M，调整移动端尺寸。子栏目标...

Bootstrap每天必学之附加导航（Affix）插件

2017年02月06日 10 阅读

附加导航（Affix）插件允许某个 <div> 固定在页面的某个位置。您也可以在打开或关闭使用该插件之间进行切换。一个常见的例子是社交图标。它们将在某个位置开始，但当页面点击某个标记，该 <div> 会锁定在某个位置，不会随着页面其他部分一起滚动。如果您想要单独引用该插件的功能，那么您需要引用 affix.js。一、用法可以通过 data 属性或者通过 JavaScript 来使用附加导航（Affix）插件。1、通过 data 属性...

第十章之巨幕页头缩略图与警告框组件

2017年02月06日 10 阅读

Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。下面先给大家说下学习要点。学习要点：1.巨幕组件2.页头组件3.缩略图组件4.警告框组件本节课我们主要学习一下 Bootstrap 的四个组件功能：巨幕组件、页头组件、缩略图组件和警告框组件。一．巨幕组件巨幕组件主要是展示网站的关键性区域。//在固定的范围内，有圆角<div...

Bootstrap每天必学之轮播（Carousel）插件

2017年02月06日 10 阅读

Bootstrap 轮播插件是一种灵活的响应式的向站点添加滑块的方式。除此之外，内容也是足够灵活的，可以是图像、内嵌框架、视频或者其他您想要放置的任何类型的内容。如果您想要单独引用该插件的功能，那么您需要引用 carousel.js。或者，正如 Bootstrap 插件概览 一章中所提到，您可以引用 bootstrap.js 或压缩版的 bootstrap.min.js。一、实例下面是一个简单的幻灯片，使用 Bootstrap 轮播（Carousel）插件...

第九章之路径分页标签与徽章组件

2017年02月06日 10 阅读

Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。学习要点：1.路径组件2.分页组件3.标签组件4.徽章组件本节课我们主要学习一下 Bootstrap 的四个组件功能：路径组件、分页组件、标签组件和徽章组件。一．路径组件路径组件也叫做面包屑导航。//面包屑导航<ol class="breadcrumb"><li...

第七章之菜单按钮图标组件

2017年02月06日 10 阅读

Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。学习要点：1.小图标组件2.下拉菜单组件3.按钮组组件4.按钮式下拉菜单本节课我们主要学习一下 Bootstrap 的三个组件功能：小图标组件、下拉菜单组件和各种按钮组件。一．小图标组件Bootstrap 提供了免费的 263 个小图标（数了两次），具体可以参考中文官网的组件链接...

第六章之辅组类与响应式工具

2017年02月06日 10 阅读

Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。学习要点：1.辅组类2.响应式工具本节课我们主要学习一下 Bootstrap 的辅组类和响应式工具， 辅助类提供了一组类来辅组页面设计，而响应式工具则利用媒体查询显示或隐藏某些内容。一．辅助类Bootstrap 在布局方面提供了一些细小的辅组样式，用于文字颜色以及背景色的设置、显...

Bootstrap每天必学之折叠（Collapse）插件

2017年02月06日 10 阅读

折叠（Collapse）插件可以很容易地让页面区域折叠起来。无论您用它来创建折叠导航还是内容面板，它都允许很多内容选项。如果您想要单独引用该插件的功能，那么您需要引用 collapse.js，或者，正如 Bootstrap 插件概览 一章中所提到，您可以引用 bootstrap.js 或压缩版的 bootstrap.min.js。一、用法下表列出了折叠（Collapse）插件用于处理繁重的伸缩的 class：您可以通过以下两种方式使用折叠（Collapse...

详解Bootstrap插件

2017年02月06日 10 阅读

在前面 布局组件 章节中所讨论到的组件仅仅是个开始。Bootstrap 自带 12 种 jQuery 插件，扩展了功能，可以给站点添加更多的互动。即使您不是一名高级的 JavaScript 开发人员，您也可以着手学习 Bootstrap 的 JavaScript 插件。利用 Bootstrap 数据 API（Bootstrap Data API），大部分的插件可以在不编写任何代码的情况被触发。站点引用 Bootstrap 插件的方式有两种：单独引用：使用 ...

第五章之BootStrap 栅格系统

2017年02月06日 10 阅读

Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。学习要点：1.移动设备优先2.布局容器3.栅格系统本节课我们主要学习一下 Bootstrap 的栅格系统，提供了一套响应式、移动设备优先的流式栅格系统。一．移动设备优先在 HTML5 的项目中，我们做了移动端的项目。它有一份非常重要的 meta，用于设置屏幕和设备等宽以及是否运行...

第四章之BootStrap表单与图片

2017年02月06日 11 阅读

Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。学习要点：1.表单2.图片本节课我们主要学习一下 Bootstrap 表单和图片功能，通过内置的 CSS 定义，显示各种丰富的效果。一．表单Bootstrap 提供了一些丰富的表单样式供开发者使用。1.基本格式//实现基本的表单样式<form> <div cl...

原生JS实现旋转木马式图片轮播插件

2017年02月06日 10 阅读

本人自己写过三个图片轮播，一个是简单的原生JS实现的，没有什么动画效果的，一个是结合JQuery实现的，淡入淡出切换的。现在想做一个酷一点的放在博客或者个人网站，到时候可以展示自己的作品。逛了一下慕课网，发现有个旋转木马的jquery插件课程，有点酷酷的，于是就想着用原生JS封装出来。做起来才发现，没有自己想象中的那么容易。。。不啰嗦了，讲解一下实现过程吧。二、效果由于自己的服务器还没弄好。在线演示不了（ORZ...），只能放一张效果图了。从图片上还是可以...

第三章之Bootstrap 表格与按钮功能

2017年02月06日 10 阅读

Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。学习要点：1.表格2.按钮本节课我们主要学习一下 Bootstrap 表格和按钮功能，通过内置的 CSS 定义，显示各种丰富的效果。一．表格Bootstrap 提供了一些丰富的表格样式供开发者使用。1.基本格式//实现基本的表格样式<table class="table"&...

第二章之Bootstrap 页面排版样式

2017年02月06日 10 阅读

Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。学习要点：1.页面排版本节课我们主要学习一下 Bootstrap 全局 CSS 样式中的排版样式，包括了标题、页面主体、对齐、列表等常规内容。一．页面排版Bootstrap 提供了一些常规设计好的页面排版的样式供开发者使用。1.页面主体Bootstrap 将全局 font-siz...

第一章之初识Bootstrap

2017年02月06日 11 阅读

学习要点：1.Bootstrap 概述2.Bootstrap 特点3.Bootstrap 结构4.创建第一个页面5.学习的各项准备本节课我们主要了解一下 Boostrap 历史、特点、用途，以及为什么选择 Boostrap 来开发我们的 Web 项目。一．Bootstrap 概述Bootstrap 是由 Twitter 公司（全球最大的微博）的两名技术工程师研发的一个基于HTML、CSS、JavaScript 的开源框架。该框架代码简洁、视觉优美，可用于快...

Bootstrap每天必学之按钮（Button）插件

2017年02月06日 11 阅读

按钮（Button）在 Bootstrap 按钮 一章中介绍过。通过按钮（Button）插件，您可以添加进一些交互，比如控制按钮状态，或者为其他组件（如工具栏）创建按钮组。如果您想要单独引用该插件的功能，那么您需要引用 button.js。或者，正如 Bootstrap 插件概览 一章中所提到，您可以引用 bootstrap.js 或压缩版的 bootstrap.min.js。一、加载状态如需向按钮添加加载状态，只需要简单地向 button 元素添加 da...