hhthwx

bootstrap:响应式布局

栅格系统

我们来了解如何利用栅格系统实现响应式布局：
Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。它包含了易于使用的预定义类，还有强大的mixin 用于生成更具语义的布局。

栅格系统原理：

首先栅格系统用于通过一系列的行（row）与列（column）的组合来创建页面布局。bootstrap根据不同屏幕尺寸，选择不同的栅格选项。一共有四种栅格选项，超小屏（手机）、小屏（平板）、中屏（桌面）、大屏（超大桌面）。栅格系统分为12列，即每行最多可容纳12列。若里，一个.row内包含的列（column）大于12个（即，一行中的栅格单元超过12个单元），则会自动排版，总之，一行只能最多12列，具体分析往后阅读。

而在Bootstrap3中主要把屏幕分成了三种（这里以行（row）来说明）：
.col-xs-* 超小屏幕，手机 (宽度<768px)
.col-sm-* 小屏幕，平板 (宽度≥768px)
.col-md-* 中等屏幕，桌面显示器 (宽度≥992px)

不管在哪种屏幕上，栅格系统都会自动的分12列
.col-xs-* 和.col-sm-和.col-md- 后面跟的参数表示在当前的屏幕中占的列数。

使用栅格系统时，需要在部分做如下处理：

<head>
2     <meta charset="UTF-8">
3     <title>Documenttitle>
4     <meta name="viewport" content="width=device-width, initial-scale=1.0">
5     <link rel="stylesheet" href="css/bootstrap.min.css">
6     
9 head>

为了确保适当的绘制和触屏缩放，需要在中添加viewport元数据标签

width=device-width 宽度等于设备宽度

initial-scale=1.0 初始显示大小——原始大小，即不进行缩放
导入bootstrap.css文件【bootstrap核心CSS文件，必须导入】，有两种方式导入方式：

一是，直接导入本地.css文件：

二是，使用CDN加速服务：
```
      
      3. 兼容性：
```
bootstrap是基于CSS3的，对于IE8- 不支持

IE8需要Respond.js配合才能实现对媒体查询（media query）的支持。
以下代码可以解决兼容问题
“`

栅格系统在多种屏幕设备上如何工作

使用方式：在相应的

上加上对应的类名即可。类名形式为：类前缀+num

如：

    表示中等屏幕，该仅占1列

网页开发中的单位

-px:相对于显示屏幕分辨率的长度单位
1.px大小无法跟随屏幕方法缩小
2.所有浏览器都支持px单位

-em:相对于当前文本内的字体尺寸(缺点：不稳定)
1.1em =16px(但不完全是)
2.em会继承父级元素的字体大小
3.IE的部分浏览器并不支持em

-rem：与em类似，相对于HTML根节点的字体单位
1.rem与em类似
2.rem会继承根元素的字体大小
3.html(font-size:62.5%)

字体图标

1.字体小便于加载
2.重复利用
3.方便引用

Bootstrap组件

一个网站，一个APP或者一个系统的构建
一些零件的组合
包括（字体图标，下拉菜单，警告框，弹出框）

Bootstrap组件-图标

1.glyphicon
使用字体图标只需在其类名称中加入：glyphicon+图标名称

    <div class="glyphicon glyphicon-align-center">div>
    <div class="glyphicon glyphicon-arrow-left">div>
    <div class="glyphicon glyphicon-apple">div>

我们还可以为图标设置样式

<style>
        .glyphicon-apple{
            color: crimson;
            font-size: 50px;
        }

    style>

Bootstrap组件-下拉菜单

1dropdown控制组件为下拉
2.dropdown-menu-right代替.pull-right右对齐
3.divider分割线

 <div class="dropdown">
         <button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
             Click
             <sapn class="caret">sapn>
         button>
         <ul class="dropdown-menu">
             <li><a href="http://www.imooc.com">小胡a>li>
             <li><a href="http://www.imooc.com">小胡胡a>li>
             <li><a href="http://www.imooc.com">小胡胡胡a>li>
         ul>
     div>

BootStrap组件：导航

  <ul class="nav nav-tabs">
           <li class="active"><a href="#">小胡a>li>
           <li><a href="#">小胡a>li>
           <li><a href="#">小胡a>li>
           <li><a href="#">小胡a>li>
       ul>
       <br>
       <ul class="nav nav-pills">
           <li class="active"><a href="#">小胡a>li>
           <li><a href="#">小胡a>li>
           <li><a href="#">小胡a>li>
           <li><a href="#">小胡a>li>
       ul>
       <br>
       <ul class="nav nav-pills nav-stacked">
           <li class="active"><a href="#">小胡a>li>
           <li><a href="#">小胡a>li>
           <li><a href="#">小胡a>li>
           <li><a href="#">小胡a>li>
       ul>

Bootstrap组件：分页

1.pagination在父元素中添加表示分页
2.pager放置在翻页区域
3.previous把链接左对齐，.next把链接右对齐

 <nav>
        <ul class="pager">
            <li class="previous">
                <a href="./table.html">向左a>
            li>
            <li class="next">
                <a href="./table.html">向右a>
            li>
        ul>
       <ul class="pagination ">
       //添加类名称active默认为选中状态
           <li class="active">
               <a href="./table.html">1a>
           li>
           <li>
               <a href="./table.html">2a>
           li>
           <li>
               <a href="./table.html">3a>
           li>
           <li>
               <a href="./table.html">4a>
           li>
           <li>
               <a href="./table.html">5a>
           li>
       ul>
    nav>

Bootstap组件：进度条

 <script>
        $(function () {
            var a = parseInt($('.progress-bar').css('width'));
            console.log(a);
           b = parseInt($(document).width());
           console.log(b);

           var c = a/b;
           console.log(c);
           var str = c.toString();
           //在c中找小数点，如果有小数点，需要将c转化为字符串
            if(str.indexOf(".") != -1){
                d =  parseInt(c * 100) + "%";
                console.log(d);
            }

           $('.progress-bar').html(d);
        })
    script>
head>
<body>
   <div class="progress">
       
       <div class="progress-bar progress-bar-striped" style="width: 30%;">


       div>
   div>
body>

Bootstrap组件

1.list-group代表列表组
2.badge代表状态数
3.active代表选中状态

 <ul class="list-group">
      <li class="list-group-item active">
          这是一个列表
          <span class="badge">
              14
          span>
      li>
      <li class="list-group-item  list-group-item-danger">
          这是一个列表
          <span class="badge">
              14
          span>
      li>
      <li class="list-group-item list-group-item-info">
          这是一个列表
          <span class="badge">
              14
          span>
      li>
  ul>

Bootstrap组件：面板

1.panel面板
2.panel-body代表面板内容
3.panel-footer代表面板的注脚

<div class="panel panel-danger">
          <div class="panel-heading">
              弹出层！
          div>
              <div class="panel-body">
                  这是面板的具体内容
              div>
              <div class="panel-footer">
                注脚
              div>

      div>

你可能感兴趣的:(bootstrap,前端框架)

字节二面 Redstone Monstrosity 前端面试
1.假设你是正在面试前端开发工程师的候选人，面试官让你详细说出你上一段实习过程的收获和感悟。在上一段实习过程中，我获得了宝贵的实践经验和深刻的行业洞察，以下是我的主要收获和感悟：一、专业技能提升框架应用熟练度：通过实际项目，我深入掌握了React、Vue等前端框架的使用，不仅提升了编码效率，还学会了如何根据项目需求选择合适的框架。问题解决能力：在实习期间，我遇到了许多预料之外的技术难题。通过查阅文
ODOO不同版本与平台选择 chouchengyin2080 c#操作系统运维
1.10.0vs11.0vs8.0截至2017年底，最新的ODOO发布版为ODOO11.0，但功能上有一定精简（去除财务模块，去除工作流支持），技术上变动较大（代码逐步迁移至Python3，前端框架改写得抽象）。所以如果是从生产使用的角度来讲，ODOO10.0是当前最好选择，因为其更稳定，第三方模块也更多更全面。而如果是ODOO技术爱好从业者，则逐步迁移至ODOO11.0也有必要，因为其底层技术架
思科路由器交换机密码破解过程详解 zhane_hao
路由启动过程加电自检(POST)加载bootstrap代码检查配置寄存器寻找CiscoIOS加载CiscoIOS寻找配置文件加载配置文件若没有配置文件，进入Setup模式，进行初始化配置运行路由器操作系统查看命令•showversion：检查配置寄存器的值,硬件配置,IOS版本•showflash：检查Flash中的IOS,或是flash大小,使用情况(占用多少,剩下多少)•showstartup
基于nodejs+vue的美妆彩妆网站的设计与实现(源码+LW+调试文档+讲解等) 程序员gelei nodejs毕业设计项目 vue.js 前端 javascript
目录：博主介绍：完整视频演示：系统技术介绍：后端Java介绍前端框架Vue介绍具体功能截图：部分代码参考：Mysql表设计参考：项目测试：项目论文：为什么选择我：源码获取：博主介绍：博主：程序员gelei：全网拥有20W+粉丝、CSDN作者、博客专家、全栈领域优质创作者、平台优质Java创作者、专注于Java、小程序、python、安卓技术领域和毕业项目实战✌Java精品实战案例《1000套》20
Kafka系列之：kafka命令详细总结快乐骑行^_^ 日常分享专栏 Kafka Kafka系列 kafka命令详细总结
Kafka系列之：kafka命令详细总结一、添加和删除topic二、修改topic三、平衡领导者四、检查消费者位置五、管理消费者群体一、添加和删除topicbin/kafka-topics.sh--bootstrap-serverbroker_host:port--create--topicmy_topic_name\--partitions20--replication-factor3--con
web前端达到什么水平，才能找到工作？ cj瑾瑜前端 html javascript css css3
一、前端是什么？前端即网站前台部分，也叫前端开发，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，完美的动效设计，给用户带来极高的用户体验。（核心技术：HTML、CSS、JavaScript）核心技术是前端开发中最基本也是最必须的三个技能。前端的开发中，在页面的布局时，HTML将元素进行定义
前后端分离，Asp.net core webapi 如何配置跨域代码掌控者 C#asp.net core .net core 经验分享 c#
前言可以说，前后端分离已经成为当今信息系统项目开发的主流软件架构模式，微服务的出现，让前后端分离发展更是迅速，大量优秀的前端框架如vue.js、react的出现，也让前后端分离趋势加快。所谓的前后端分离软件架构模式，就是指将前端和后端的开发完全分离，后端负责提供API接口和数据处理，而前端通过各种现代的JavaScript技术如AJAX或者Fetch等，来调用后端提供的API接口获取数据，从而构建
html5carousel图片轮播,全面解析Bootstrap中Carousel轮播的使用方法 RemusrickCat
本文实例为大家全面的解析了Bootstrap中Carousel的使用方法，供大家参考，具体内容如下源码文件：Carousel.scssCarousel.js实现原理：隐藏所有要显示的元素，然后指定当前要显示的为block，宽、高自适应源码分析：1、Html结构：主要分为以四个部分1.1、容器：最外层div，需要一个data-ride=”carousel”来指定为轮播放插件，并且提供一个Id，方便圆
基于java+ssm+vue毕业设计源码合集（1-100）源码+文档+调试+讲解小程序设计 java java 课程设计 vue.js
技术栈介绍：SSM（Spring、SpringMVC、MyBatis）框架搭配Vue前端框架是当前较为流行的项目开发技术栈。以下是详细的技術列表：1.后端技术：-Spring：一个开源的Java平台，提供了用于构建企业级应用程序的全面解决方案。-SpringMVC：Spring框架的一个子项目，用于构建Web应用程序，提供了处理请求、数据验证、视图解析等功能的模块。-MyBatis：一个优秀的持久
移动WEB开发（第四天）__响应式布局加蓓努力我先飞 5.移动web开发资料前端
移动WEB开发（第四天）__响应式布局移动端WEB开发之响应式布局1.0响应式开发原理1.1响应式开发原理1.2响应式布局容器2.0bootstrap的介绍2.1Bootstrap简介2.2bootstrap优点2.3版本简介2.4bootstrap基本使用2.5bootstrap布局容器2.6bootstrap栅格系统3.0阿里百秀案例制作3.1技术选型移动端WEB开发之响应式布局1.0响应式开
【前端优化】Vue 3 性能优化技巧 Passion不晚前端 vue.js javascript 前端
Vue3性能优化技巧：让你的应用飞起来！大家好！今天我想跟大家分享一些关于Vue3性能优化的实用技巧。Vue3带来了很多新的特性和改进，但只有了解并应用这些优化技巧，我们才能真正发挥它们的优势，打造更高效的应用。接下来，我将深入探讨一些有效的性能优化策略，希望对你有所帮助！引言Vue3的发布让我们迎来了一个更加高效和灵活的前端框架。虽然Vue3本身已经进行了一些性能优化，但在实际开发中，我们仍然需
前端框架有哪些？全面解析主流前端框架 weixin_51069555 前端框架
一、ReactReact是由Facebook开发和维护的一个前端框架，它专注于构建用户界面。React采用组件化的开发模式，允许开发者将用户界面拆分成多个可复用的组件。主要特点组件化:React的核心是组件，它允许开发者将界面拆分成独立的、可复用的组件，简化了UI的管理和维护。虚拟DOM:React使用虚拟DOM技术，通过在内存中创建一个虚拟的DOM树，减少了与真实DOM的直接操作，提高了性能。单
(附论文)基于ssm的高校大学生党建系统(688) KK ??? 媒体学习开发语言 spring java
获取源码请滑到最底部访问官网项目配套调试视频和相对应的软件安装包1、项目描述具体请看视频演示2、项目开发工具开发工具：Idea或Eclipse数据库：MysqlJar包仓库：Maven前端框架：Vue2后端框架：SSM3、项目图片4、演示视频(附论文)基于ssm的高校大学生党建系统(688)
Vue 生命周期与 TypeScript：深入理解组件生命周期 shiming8879 typescript vue.js 前端
Vue生命周期与TypeScript：深入理解组件生命周期引言Vue.js作为一种流行的前端框架，其组件生命周期是开发过程中不可或缺的一部分。理解并正确利用Vue的生命周期，可以帮助开发者构建更加健壮和可维护的应用。而当TypeScript与Vue结合使用时，这种优势得到了进一步的增强。TypeScript作为一种强类型语言，提供了类型检查和代码清晰性，使得Vue组件的生命周期管理变得更加高效和可
css 个人喜欢的样式速查笔记 waterHBO css 笔记前端
起因，目的:记录自己喜欢的，觉得比较好看的css.下次用的时候，直接复制，很方便。1.个人html模板，导入常用的link设置英语字体:Noto导入默认的css使用网络icon图标导入Bootstrapcss框架html-->2.常用css模板todo,以后再增加。*{font-family:"NotoSerif",system-ui;font-optical-sizing:auto;}Noto字
(代码可运行)Bootstrap框架的HTML示例程序员大侠前端 CSS html bootstrap 前端
Bootstrap：一套流行的前端开发框架，基于HTML、CSS和JavaScript，适用于快速构建响应式Web应用。以下是一个使用Bootstrap构建的简单响应式Web应用的HTML示例：BootstrapExampleHello,Bootstrap!CardtitleSomequickexampletexttobuildonthecardtitleandmakeupthebulkofthe
基于微前端qiankun的多页签缓存方案实践 JavaMonsterr 程序员 Java 计算机前端缓存 vue.js
本文梳理了基于阿里开源微前端框架qiankun，实现多页签及子应用缓存的方案，同时还类比了多个不同方案之间的区别及优劣势，为使用微前端进行多页签开发的同学，提供一些参考。一、多页签是什么？我们常见的浏览器多页签、编辑器多页签，从产品角度来说，就是为了能够实现用户访问可记录，快速定位工作区等作用；那对于单页应用，可以通过实现多页签，对用户的访问记录进行缓存，从而提供更好的用户体验。前端可以通过多种方
前端框架有哪些如何选择和优缺点大白菜程序猿前端前端框架
前端框架是用于构建用户界面的工具和库，它们提供了一套预定义的组件、样式和交互模式，帮助开发者更高效地开发前端应用。目前市面上存在多种前端框架，每种框架都有其独特的优势和缺点。以下是一些常见的前端框架及其优势和缺点的概述：常见前端框架React优势：组件化：React鼓励开发者通过创建可复用的组件来构建应用，这有助于提高代码的可维护性和可重用性。高性能：React使用虚拟DOM来优化性能，减少了真实
【鸿蒙实战开发】HarmonyOS-状态管理代码改变世界996 前端鸿蒙安卓 harmonyos 华为 ui 鸿蒙安卓
前言本文基于鸿蒙Nextbeta1，beta2的新特性暂未深入研究和使用，且目前beta2已经可以试用。现在客户端所流行的结构无非就是MVVM或者MVI。MVI的特点是不仅把数据变化做了响应，连交互都封装了，鸿蒙目前最适合的是MVVM。鸿蒙使用声明式UI开发框架，那么和所有的流行的大前端框架一样，我们需要处理前端组件间的数据通信和变化响应，也就是所谓的状态管理。而MVVM中的viewmodel可以
bootstrap直接对form表进行校验 IT和金融
form表单可以前端进行校验，当然也可以直接采用bootstrap对form表单进行校验如form表单中有等相关字段进行校验，可直接用bootstrap的校验，方式如下：$("#auth_add_form").bootstrapValidator({//auth_add_form为form的id值feedbackIcons:{valid:'glyphiconglyphicon-ok',invali
node模块 weiweiweb888 前端 javascript bootstrap
模块系统模块化介绍传统开发的问题随着项目的扩大，然后代码就越来越庞大，如果没有很好的规划，后期维护非常复杂（甚至就维护不了）。比如：前端html中有很多特效会依赖js文件。比如：index.html:bootstrap以上就是一个依赖关系，bootstrap依赖于jquery。先引入jquery后引入bootstrap。而且随着项目的扩大，我们的html页面也就随之增加，并且每一个html页面都会
java版本ERP管理系统源码 Spring Cloud alibaba Spring Boot MybatisPlus Redis VUE3 ElementUI 微服务 m0_66404702 java spring boot redis ERP管理系统源码
在当今数字化浪潮的推动下，企业对于高效、稳定且易于扩展的管理系统需求日益增长。为了满足这一需求，我们精心打造了一款基于Java技术的鸿鹄ERP（EnterpriseResourcePlanning）管理系统。该系统充分利用了SpringCloudAlibaba、SpringBoot、MybatisPlus、Redis等先进技术栈，并结合前端框架VUE3和ElementUI，构建了一个功能丰富、性能
mirantis OpenStack9.0在virtualbox上的部署 Caroline_33 openstack mirantis virtualbox
实验环境安装包-VirtualBox-4.3.12-93733-Win.exe-Oracle_VM_VirtualBox_Extension_Pack-5.1.2-108956.vbox-extpack-Mirantis_Openstack9.0.iso-bootstrap.zip-mirrors.zip-xtfp-xshell实验机器-cpu:i3-3220以上-Ram:至少8G说明-保证内存至
前端技术演进与未来发展趋势探究科技语者前端
该论文为AI生成，请勿运用到正式的论文上，以下仅供参考一、引言1.1研究背景在当今数字化时代，前端领域呈现出蓬勃发展的态势。随着互联网的普及和技术的不断进步，前端技术在构建用户界面、提升用户体验方面发挥着至关重要的作用。从早期的静态网页到如今的动态交互界面，前端技术经历了巨大的变革。在过去的几十年里，前端技术的发展可谓日新月异。从1990年第一个Web浏览器的诞生，到如今各种先进的前端框架和工具的
es遇到的问题云帆@ elasticsearch elasticsearch
一、目录ERROR:[1]bootstrapchecksfailed.Youmustaddressthepointsdescribedinthefollowing[1]linesbeforestartingElasticsearch.ERROR:Elasticsearchexitedunexpectedly,withexitcode78二、实现ERROR:[1]bootstrapchecksfai
JS基础-ClassList -移动端插件的引入-touch事件-sessionStorage 和 localStorage 垦利不 javascript 开发语言 ecmascript
目录1.classList属性添加类删除类切换类检查类是否存在替换类移动端touch事件2.消除点击延迟Fastclick插件的引入引入FastClick初始化3.Swiper插件的引入和使用通过CDN引入通过npm安装（vue中建议）使用SwiperHTML结构初始化Swiper4.zyMedia插件简介4.1下载与引入4.2使用4.3js初始化4.4参数说明5.bootstrap的安装和使用5
前端开发必看：2024年最受欢迎的前端框架大盘点码上飞扬编程开发前端框架 React Vue.js Angular Svelte Ember.js
在现代Web开发中，前端框架的选择对项目的成功与否至关重要。随着技术的不断发展，前端框架层出不穷，各自有着不同的特点和适用场景。本文将为您介绍目前最受欢迎的前端框架，帮助您选择最适合您项目的工具。1.React概述React是一个由Facebook开发的开源JavaScript库，专注于构建用户界面。它通过组件化的方式让开发者能够高效地管理UI状态。特点组件化：React允许开发者将UI拆分为可复
electron调用python_Electron+Python界面开发（通过zerorpc） weixin_39574050
Python开发GUI要么太繁琐要么太丑，而前端技术恰巧是最适合做漂亮UI的。所以考虑将Python和前端技术结合，通过进程通信和前端框架交流，打包成一个完整的桌面APP。教程分成两种实现方式，一个是zerorpc进程通信一个是http通信。这篇教程介绍zerorpc的方式，流程如下：start|V+--------------------+||start|electron+-----------
前端框架有哪些？赎罪゛前端框架前端 javascript
熟悉掌握HTML、服务器端脚本语言、CSS和JavaScript之后，学习Web框架可以加快Web开发速度，节约时间。PHP程序员可选的框架包括CakePHP、CodeIgniter、Zend等，Python程序员喜欢使用Django和webpy，Ruby程序员常用RoR。随着Web越来越规范和标准的统一，Web组件化技术不断革新，移动端开发不断升华，以下是一些常见开源前端框架：Bootstrap
CoreUI免费Laravel管理模板安装与使用指南皮静滢Annette
CoreUI免费Laravel管理模板安装与使用指南coreui-free-laravel-admin-templateCoreUIFreeLaravelBootstrapAdminTemplate项目地址:https://gitcode.com/gh_mirrors/co/coreui-free-laravel-admin-template1.项目目录结构及介绍CoreUI免费Laravel管理
Enum用法不懂事的小屁孩 enum
以前的时候知道enum，但是真心不怎么用，在实际开发中，经常会用到以下代码: protected final static String XJ = "XJ"; protected final static String YHK = "YHK"; protected final static String PQ = "PQ";
【Spark九十七】RDD API之aggregateByKey bit1129 spark
1. aggregateByKey的运行机制 /** * Aggregate the values of each key, using given combine functions and a neutral "zero value". * This function can return a different result type
hive创建表是报错： Specified key was too long; max key length is 767 bytes daizj hive
今天在hive客户端创建表时报错，具体操作如下 hive> create table test2(id string); FAILED: Execution Error, return code 1 from org.apache.hadoop.hive.ql.exec.DDLTask. MetaException(message:javax.jdo.JDODataSto
Map 与 JavaBean之间的转换周凡杨 java 自省转换反射
最近项目里需要一个工具类，它的功能是传入一个Map后可以返回一个JavaBean对象。很喜欢写这样的Java服务，首先我想到的是要通过Java 的反射去实现匿名类的方法调用，这样才可以把Map里的值set 到JavaBean里。其实这里用Java的自省会更方便，下面两个方法就是一个通过反射，一个通过自省来实现本功能。 1：JavaBean类 1 &nb
java连接ftp下载 g21121 java
有的时候需要用到java连接ftp服务器下载，上传一些操作，下面写了一个小例子。 /** ftp服务器地址 */ private String ftpHost; /** ftp服务器用户名 */ private String ftpName; /** ftp服务器密码 */ private String ftpPass; /** ftp根目录 */ private String f
web报表工具FineReport使用中遇到的常见报错及解决办法（二）老A不折腾 finereport web报表 java报表总结
抛砖引玉，希望大家能把自己整理的问题及解决方法晾出来，Mark一下，利人利己。出现问题先搜一下文档上有没有，再看看度娘有没有，再看看论坛有没有。有报错要看日志。下面简单罗列下常见的问题，大多文档上都有提到的。 1、没有返回数据集：在存储过程中的操作语句之前加上set nocount on 或者在数据集exec调用存储过程的前面加上这句。当S
linux 系统cpu 内存等信息查看墙头上一根草 cpu 内存 liunx
1 查看CPU 　　1.1 查看CPU个数　　# cat /proc/cpuinfo | grep "physical id" | uniq | wc -l 　　2 　　**uniq命令：删除重复行;wc –l命令：统计行数** 　　1.2 查看CPU核数　　# cat /proc/cpuinfo | grep "cpu cores" | u
Spring中的AOP aijuans spring AOP
Spring中的AOP Written by Tony Jiang @ 2012-1-18 （转）何为AOP AOP，面向切面编程。在不改动代码的前提下，灵活的在现有代码的执行顺序前后，添加进新规机能。来一个简单的Sample: 目标类： [java] view plain copy print ? package&nb
placeholder(HTML 5) IE 兼容插件 alxw4616 JavaScript jquery jQuery插件
placeholder 这个属性被越来越频繁的使用. 但为做HTML 5 特性IE没能实现这东西. 以下的jQuery插件就是用来在IE上实现该属性的. /** * [placeholder(HTML 5) IE 实现.IE9以下通过测试.] * v 1.0 by oTwo 2014年7月31日 11:45:29 */ $.fn.placeholder = function
Object类,值域,泛型等总结(适合有基础的人看) 百合不是茶泛型的继承和通配符变量的值域 Object类转换
java的作用域在编程的时候经常会遇到,而我经常会搞不清楚这个问题,所以在家的这几天回忆一下过去不知道的每个小知识点变量的值域; package 基础; /** * 作用域的范围 * * @author Administrator * */ public class zuoyongyu { public static vo
JDK1.5 Condition接口 bijian1013 java thread Condition java多线程
Condition 将 Object 监视器方法（wait、notify和 notifyAll）分解成截然不同的对象，以便通过将这些对象与任意 Lock 实现组合使用，为每个对象提供多个等待 set （wait-set）。其中，Lock 替代了 synchronized 方法和语句的使用，Condition 替代了 Object 监视器方法的使用。条件（也称为条件队列或条件变量）为线程提供了一
开源中国OSC源创会记录 bijian1013 hadoop spark MemSQL
一.Strata+Hadoop World（SHW）大会是全世界最大的大数据大会之一。SHW大会为各种技术提供了深度交流的机会，还会看到最领先的大数据技术、最广泛的应用场景、最有趣的用例教学以及最全面的大数据行业和趋势探讨。二.Hadoop &nbs
【Java范型七】范型消除 bit1129 java
范型是Java1.5引入的语言特性，它是编译时的一个语法现象，也就是说，对于一个类，不管是范型类还是非范型类，编译得到的字节码是一样的，差别仅在于通过范型这种语法来进行编译时的类型检查，在运行时是没有范型或者类型参数这个说法的。范型跟反射刚好相反，反射是一种运行时行为，所以编译时不能访问的变量或者方法(比如private)，在运行时通过反射是可以访问的，也就是说，可见性也是一种编译时的行为，在
【Spark九十四】spark-sql工具的使用 bit1129 spark
spark-sql是Spark bin目录下的一个可执行脚本，它的目的是通过这个脚本执行Hive的命令，即原来通过 hive>输入的指令可以通过spark-sql>输入的指令来完成。 spark-sql可以使用内置的Hive metadata-store，也可以使用已经独立安装的Hive的metadata store 关于Hive build into Spark
js做的各种倒计时 ronin47 js 倒计时
第一种：精确到秒的javascript倒计时代码 HTML代码: <form name="form1"> <div align="center" align="middle"
java-37.有n 个长为m+1 的字符串，如果某个字符串的最后m 个字符与某个字符串的前m 个字符匹配，则两个字符串可以联接 bylijinnan java
public class MaxCatenate { /* * Q.37 有n 个长为m+1 的字符串，如果某个字符串的最后m 个字符与某个字符串的前m 个字符匹配，则两个字符串可以联接， * 问这n 个字符串最多可以连成一个多长的字符串，如果出现循环，则返回错误。 */ public static void main(String[] args){
mongoDB安装开窍的石头 mongodb安装基本操作
mongoDB的安装 1:mongoDB下载 https://www.mongodb.org/downloads 2:下载mongoDB下载后解压
[开源项目]引擎的关键意义 comsci 开源项目
一个系统，最核心的东西就是引擎。。。。。而要设计和制造出引擎，最关键的是要坚持。。。。。。现在最先进的引擎技术，也是从莱特兄弟那里出现的，但是中间一直没有断过研发的
软件度量的一些方法 cuiyadll 方法
软件度量的一些方法http://cuiyingfeng.blog.51cto.com/43841/6775/在前面我们已介绍了组成软件度量的几个方面。在这里我们将先给出关于这几个方面的一个纲要介绍。在后面我们还会作进一步具体的阐述。当我们不从高层次的概念级来看软件度量及其目标的时候，我们很容易把这些活动看成是不同而且毫不相干的。我们现在希望表明他们是怎样恰如其分地嵌入我们的框架的。也就是我们度量的
XSD中的targetNameSpace解释 darrenzhu xml namespace xsd targetnamespace
参考链接: http://blog.csdn.net/colin1014/article/details/357694 xsd文件中定义了一个targetNameSpace后，其内部定义的元素，属性，类型等都属于该targetNameSpace,其自身或外部xsd文件使用这些元素，属性等都必须从定义的targetNameSpace中找：例如：以下xsd文件，就出现了该错误，即便是在一
什么是RAID0、RAID1、RAID0+1、RAID5，等磁盘阵列模式? dcj3sjt126com raid
RAID 1又称为Mirror或Mirroring，它的宗旨是最大限度的保证用户数据的可用性和可修复性。 RAID 1的操作方式是把用户写入硬盘的数据百分之百地自动复制到另外一个硬盘上。由于对存储的数据进行百分之百的备份，在所有RAID级别中，RAID 1提供最高的数据安全保障。同样，由于数据的百分之百备份，备份数据占了总存储空间的一半，因而，Mirror的磁盘空间利用率低，存储成本高。 Mir
yii2 restful web服务快速入门 dcj3sjt126com PHP yii2
快速入门 Yii 提供了一整套用来简化实现 RESTful 风格的 Web Service 服务的 API。特别是，Yii 支持以下关于 RESTful 风格的 API：支持 Active Record 类的通用API的快速原型涉及的响应格式（在默认情况下支持 JSON 和 XML) 支持可选输出字段的定制对象序列化适当的格式的数据采集和验证错误
MongoDB查询(3)——内嵌文档查询（七） eksliang MongoDB查询内嵌文档 MongoDB查询内嵌数组
MongoDB查询内嵌文档转载请出自出处：http://eksliang.iteye.com/blog/2177301 一、概述有两种方法可以查询内嵌文档：查询整个文档；针对键值对进行查询。这两种方式是不同的，下面我通过例子进行分别说明。二、查询整个文档例如:有如下文档 db.emp.insert({ &qu
android4.4从系统图库无法加载图片的问题 gundumw100 android
典型的使用场景就是要设置一个头像，头像需要从系统图库或者拍照获得，在android4.4之前，我用的代码没问题，但是今天使用android4.4的时候突然发现不灵了。baidu了一圈，终于解决了。下面是解决方案： private String[] items = new String[] { "图库","拍照" }; /* 头像名称 */
网页特效大全 jQuery等 ini JavaScript jquery css html5 ini
HTML5和CSS3知识和特效 asp.net ajax jquery实例分享一个下雪的特效 jQuery倾斜的动画导航菜单选美大赛示例你会选谁 jQuery实现HTML5时钟功能强大的滚动播放插件JQ-Slide 万圣节快乐！！！向上弹出菜单jQuery插件 htm5视差动画 jquery将列表倒转顺序推荐一个jQuery分页插件 jquery animate
swift objc_setAssociatedObject block(version1.2 xcode6.4) 啸笑天 version
import UIKit class LSObjectWrapper: NSObject { let value: ((barButton: UIButton?) -> Void)? init(value: (barButton: UIButton?) -> Void) { self.value = value
Aegis 默认的 Xfire 绑定方式，将 XML 映射为 POJO MagicMa_007 java POJO xml Aegis xfire
Aegis 是一个默认的 Xfire 绑定方式，它将 XML 映射为 POJO, 支持代码先行的开发.你开发服务类与 POJO,它为你生成 XML schema/wsdl XML 和注解映射概览默认情况下，你的 POJO 类被是基于他们的名字与命名空间被序列化。如果
js get max value in (json) Array qiaolevip 每天进步一点点学习永无止境 max 纵观千象
// Max value in Array var arr = [1,2,3,5,3,2];Math.max.apply(null, arr); // 5 // Max value in Jaon Array var arr = [{"x":"8/11/2009","y":0.026572007},{"x"
XMLhttpRequest 请求 XML,JSON ,POJO 数据 Luob. POJO json Ajax xml XMLhttpREquest
在使用XMlhttpRequest对象发送请求和响应之前，必须首先使用javaScript对象创建一个XMLHttpRquest对象。 var xmlhttp； function getXMLHttpRequest(){ if(window.ActiveXObject){ xmlhttp:new ActiveXObject("Microsoft.XMLHTTP
jquery wuai jquery
以下防止文档在完全加载之前运行Jquery代码，否则会出现试图隐藏一个不存在的元素、获得未完全加载的图像的大小等等 $(document).ready(function(){ jquery代码; }); <script type="text/javascript" src="c:/scripts/jquery-1.4.2.min.js&quo

按字母分类： A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 其他