吃掉月亮
吃掉月亮

Bootstrap快速入门

文章目录

    • 一、概述
    • 二、响应式布局
    • 三、CSS样式和JS插件
    • 四、组件
    • 五、插件
    • 六、一个简单的案例

一、概述

  1. Bootstrap：
    一个前端开发的框架，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的，它简洁灵活，使得 Web 开发更加快捷。
  2. 框架:一个半成品软件，开发人员可以在框架基础上，在进行开发，简化编码。
  3. 好处：
    1. 定义了很多的css样式和js插件。我们开发人员直接可以使用这些样式和插件得到丰富的页面效果。
    2. 响应式布局。即：同一套页面可以兼容不同分辨率的设备。
  4. 快速入门

    1. 下载Bootstrap，下载如下图。下载地址
      Bootstrap快速入门_第1张图片

    2. 将下载的bootstrap-3.3.7-dist文件夹中的如下三个文件复制到自己的项目中
      在这里插入图片描述

    3. 创建html页面，引入必要的资源文件

      
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    
    <title>Bootstrap HelloWorldtitle>

    
    <link href="css/bootstrap.min.css" rel="stylesheet">

    
    <script src="js/jquery-3.2.1.min.js">script>
    
    
    <script src="js/bootstrap.min.js">script>
head>
<body>
	<h1>你好，世界！h1>
body>
html>

二、响应式布局

  • 同一套页面可以兼容不同分辨率的设备。

  • 实现：依赖于栅格系统：将一行平均分成12个格子，可以指定元素占几个格子

  • 步骤：

    1. 定义容器。相当于之前的table、
      • 容器分类：
        1. container：固定宽度（两边留白）
        2. container-fluid：每一种设备都是100%宽度
    2. 定义行。相当于之前的tr
      样式：row
    3. 定义元素。指定该元素在不同的设备上，所占的格子数目。样式：col-设备代号-格子数目
      • 设备代号：
        1. xs：超小屏幕 手机 (<768px)：col-xs-12
        2. sm：小屏幕 平板 (≥768px)
        3. md：中等屏幕 桌面显示器 (≥992px)
        4. lg：大屏幕 大桌面显示器 (≥1200px)
      • 设置的格子数目最大为12，如果超过12，按12处理。

  • ** 注意：**
    1. 一行中如果格子数目超过12，则超出部分自动换行。
    2. 栅格类属性可以向上兼容。栅格类适用于与屏幕宽度大于或等于分界点大小的设备。
    3. 如果真实设备宽度小于了设置栅格类属性的设备代码的最小值，会一个元素沾满一整行。

三、CSS样式和JS插件

  1. 全局CSS样式：
    • 按钮：
      class=“btn btn-default”
    • 图片：
      • class=“img-responsive”：图片在任意尺寸都占100%
      • 图片形状
        • …：方形
        • … ： 圆形
        • … ：相框
    • 表格
      • table 基本表格样式
      • table-bordered 添加边框
      • table-hover 鼠标悬停时该行变颜色
      • table-striped 条纹状表格
    • 表单
      • class=“form-control”
        元素都将被默认设置宽度属性为 width: 100%;。 将 label 元素和前面提到的控件包裹在 .form-group 中可以获得最好的排列。
      • class=“form-inline”
        使其内容左对齐并且表现为 inline-block 级别的控件。只适用于视口（viewport）至少在 768px 宽度时（视口宽度再小的话就会使表单折叠）。
      • class=“form-horizontal”
        通过为表单添加 .form-horizontal 类，并联合使用 Bootstrap 预置的栅格类，可以将 label 标签和控件组水平并排布局。这样做将改变 .form-group 的行为，使其表现为栅格系统中的行（row），因此就无需再额外添加 .row 了。

四、组件

  1. 导航条
    导航条是在应用或网站中作为导航页头的响应式基础组件。它们在移动设备上可以折叠（并且可开可关），且在视口（viewport）宽度增加时逐渐变为水平展开模式。
  2. 分页条
    为网站或应用提供带有展示页码的分页组件，或者可以使用简单的翻页组件。
    • 禁用和激活状态
      链接在不同情况下可以定制。你可以给不能点击的链接添加 .disabled 类、给当前页添加 .active 类。

五、插件

  • 轮播图（Carousel）
    用于循环播放元素的幻灯片组件，就像旋转木马。 不支持嵌套轮播。

六、一个简单的案例




    
    
    
    
    Bootstrap HelloWorld

    
    


    
    
    
    
    



   
   

       

           
       

       

           

               
           

           

               
               搜索
           

           

               
           


       

       
       

           

       


       
       

           



       


   

   
   

        

            
            黑马精选
        


       

           

                

                    
                    
上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)

                    ¥ 699
                

           

           

               

                   
                   
上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)

                   ¥ 699
               


           

           


               

                   
                   
上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)

                   ¥ 699
               

           

           


               

                   
                   
上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)

                   ¥ 699
               

           



       

       

           
           国内游
       

       

           

               
           

           

               

                   

                       

                           
                           
上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)

                           ¥ 699
                       

                   

                   

                       

                           
                           
上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)

                           ¥ 699
                       


                   

                   


                       

                           
                           
上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)

                           ¥ 699
                       

                   


               

               

                   

                       

                           
                           
上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)

                           ¥ 699
                       

                   

                   

                       

                           
                           
上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)

                           ¥ 699
                       


                   

                   


                       

                           
                           
上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)

                           ¥ 699
                       

                   



               


           


       

   

   
   

       

           
       

       

           江苏传智播客教育科技股份有限公司 版权所有Copyright 2006-2018, All Rights Reserved 苏ICP备16007882

你可能感兴趣的:(Html及Javascript)

  • python os.path模块常用方法详解 清平乐的技术博客 Python高级应用
    pythonos.path模块常用方法详解os.path模块主要用于文件的属性获取，在编程中经常用到，以下是该模块的几种常用方法。更多的方法可以去查看官方文档：http://docs.python.org/library/os.path.html1.os.path.abspath(path)返回path规范化的绝对路径。os.path.abspath(‘test.csv’)‘C:\Python25
  • JavaScript系列（89）--前端模块化工程详解 一进制ᅟᅠ        ‌‍‎‏  JavaScript前端javascript状态模式
    前端模块化工程详解前端模块化是现代Web开发的核心理念之一，它帮助我们组织和管理日益复杂的前端代码。本文将详细探讨前端模块化工程的各个方面，从基础概念到实际应用。模块化概述小知识：模块化是指将一个复杂的系统分解为独立的、可复用的模块。在前端开发中，模块化有助于提高代码的可维护性、可测试性和可重用性，同时促进团队协作和大型应用的开发。模块化标准与演进//1.CommonJS规范classCommon
  • 二叉树相关问题及两链表相交问题（B站左神视频五整理） Dabaozao 链表c++算法数据结构
    二叉树二叉树的前中后序遍历：*******1***2*****34****56****7经过1,2,4,4,4,2,5,5,5,2,1,3,6,6,6,3,7,7,7,3,1，递归序每个数都会调用三次先序遍历：头、左、右1,2,4,5,3,6,7由递归序转化而来，第一次到就打印，2、3次的不打印中序遍历：左、头、右4,2,5,1,6,3,7由递归序转化而来，第二次到就打印，1、3次的不打印后序遍历
  • DeepSeek本地部署必要性分析及云端替代方案推荐 Asher_Yao 人工智能
    一、本地部署适用场景分析硬件要求完整版模型需≥32GB显存（推荐NVIDIAA100/A800）基础版也需RTX3090级别显卡（约150W功耗）适用人群建议✔️企业用户：需私有化部署处理敏感数据✔️研究人员：需定制模型微调✔️开发者：需API深度集成维护成本单节点年运维成本≈¥18,000（含电费/散热）二、已验证的云端替代方案（2025.2实测）方案1：硅基流动SaaS平台技术特性：支持API
  • 【Python百日进阶-Web开发-FastAPI】Day801 - FastAPI是什么 岳涛@泰山医院 Dashpython前端fastapi
    文章目录一、官网二、FastAPI是什么三、FastAPI特性3.1基于开放标准3.2自动生成文档3.3更主流的Python3.4编辑器支持3.5简洁3.6验证3.7安全性及身份验证¶3.8依赖注入3.9无限制"插件"3.10测试四、Starlette特性五、Pydantic特性六、Python类型提示简介6.1动机6.1.1简单示例6.1.2修改示例6.1.3添加类型6.2更多动机6.3声明类型
  • HTML中 video标签样式铺满全屏 小华0000 css前端
    video标签默认不是铺满的，即使手动设置宽高100%也不会生效，所以当需要video铺满div时，需要加上一个css样式关键是这个“object-fit:fill”，这样就可以解决了！object-fit属性指定元素的内容应该如何去适应指定容器的高度与宽度。object-fit一般用于img和video标签，一般可以对这些元素进行保留原始比例的剪切、缩放或者直接进行拉伸等。fill:默认，不保证
  • js的some函数 小华0000 javascript开发语言ecmascript
    在JavaScript中，some()是一个数组的方法，用于测试数组中是否至少有一个元素满足提供的函数。如果数组中有至少一个元素通过由提供的函数实现的测试，则它返回true；否则返回false。以下是some()函数的基本语法：javascript复制代码arr.some(function(currentValue,index,arr),thisArg);currentValue：必需。当前元素的
  • js的includes函数 小华0000 javascript前端开发语言
    在JavaScript中，includes()是一个数组（Array）和字符串（String）对象的方法，用于确定一个数组是否包含一个特定的值，或者一个字符串是否包含一个特定的子串。如果找到该值或子串，则返回true；否则返回false。数组中的includes()对于数组，includes()方法用于判断一个数组是否包含一个指定的值，根据情况，如果需要，可以指定开始搜索的位置。语法：arr.in
  • ubuntu14.04 sqlite3 及可视化工具安装 Andre-S linux工具可视化工具sqlite3界面数据库ubuntu
    1.安装sqlite3sudoapt-getinstallsqlite3检查版本：sqlite3-version2.使用方法查看帮助信息.help创建数据库sqlite3test.db查询数据库信息.database查看该数据库内的表信息.tables退出.exit3.安装图形化界面sudoapt-getinstallsqlitebrowser4.使用方法sqlitebrowsertest.db注
  • python爬虫爬取图片 kanguhong python爬虫开发语言
    """爬取目标：https://pic.netbian.com/彼岸图首页地址：https://pic.netbian.com/4kmeinv/第N页：https://pic.netbian.com/4kmeinv/index_N.htmlhttps://pic.netbian.com/uploads/allimg/240709/194631-1720525591a682.jpg仅供学习，不可用于
  • 阿里巴巴在线图床HTML源码 tupaopao123 程序源码网站源码AEIN墨渊AE博客建站源码网络技术
    介绍：阿里巴巴在线图片上传源码纯单页模板，CSS全部外链化，加快访问速度转载请注明出处AE博客|墨渊»阿里巴巴在线图床HTML源码网盘下载地址：http://kekewl.org/1CUeRcKpHXj图片：
  • 领域模型介绍 阿湯哥 架构
    领域模型介绍领域模型（DomainModel）是软件系统中用于抽象和表达业务逻辑的核心结构，它将复杂的业务问题转化为代码中的对象、规则和交互关系，帮助开发者以业务语言构建系统。领域模型的核心目标是高内聚、低耦合，通过清晰的边界（BoundedContext）隔离不同业务模块，确保代码与业务需求高度一致。领域模型的核心元素及经典案例我们以电商系统的订单处理流程为例，说明领域模型的核心元素如何协作。1
  • Java语言特点及面试常考问题 土豆尼尼酱 java
    未完待续…文章目录Java语言的特点面试常考问题及要点一、基础概念二、面向对象三、集合框架四、多线程五、JVM六、异常处理七、设计模式八、新特性（JDK8+）Java语言的特点跨平台性（一次编写，到处运行）通过JVM（Java虚拟机）实现，字节码可在任何安装JVM的设备上运行。面向对象（OOP）支持封装、继承、多态，所有代码必须定义在类中。自动内存管理（垃圾回收，GC）开发者无需手动释放内存，JV
  • JS：IntersectionObserver（监听目标元素是否出现在窗口中） 一天只码五十行 javascript开发语言ecmascript
    一、简介IntersectionObserver是JavaScript中的一个API，用于异步观察目标元素与其祖先元素或顶级文档视口的交叉状态。当目标元素的可见性发生变化时，你可以使用IntersectionObserver来执行某些操作，比如懒加载图片、无限滚动等。newIntersectionObserver()是用于创建一个新的IntersectionObserver实例的构造函数。当你调用
  • Intersection Observer API 详解 Rkcy 前端javascripthtml
    当我们滚动网页时，可能会遇到需要实现一些动态效果或监测元素的可见性等业务需求。以前，我们通常需要基于JavaScript来编写自己的监测逻辑，这样会对浏览器的性能产生一定的影响。现在，有一种新的浏览器API——IntersectionObserverAPI，它可以帮助我们精确地监测指定元素是否出现在浏览器的视口中，而且不会对性能产生明显影响。IntersectionObserverAPI核心原理I
  • JSP介绍（二） frandiy java开发语言
    JSP介绍什么是JSPjsp(JavaServerPage)是JavaEE规范中的Web组件，用来编写动态页面。JSP文件以.jsp为后缀，通常存放在Eclipse的工程目录中的WebContent目录下，与静态资源使用方式非常相似。内容构成：JSP文件中的内容是HTML和Java代码的结合，静态部分使用HTML和文本，动态部分使用Java代码。Web容器处理JSP文件请求的三个阶段翻译阶段：We
  • Linux--DNS 域名解析服务 lwww20 linux运维服务器
    目录一、DNS解析1.1DNS定义及作用1.2DNS服务器的分布1.3DNS使用的协议及端口号1.4DNS服务器平时可用地址1.5、DNS服务器类型1.6查询方式（两种）1.7域名代理商二、域名2.1域名体系结构图三、DNS域名解析过程3.1正向解析过程四、Bind服务器端配置文件4.1DNS服务搭建4.2DNS主从服务器及自动同步4.3DNS分离解析实验一、DNS解析1.1DNS定义及作用DNS
  • 一款色彩绚丽的个人主页源码 酷爱码 htmlHTML
    源码介绍一款色彩绚丽的个人主页源码，源码由HTML+CSS+JS组成，记事本打开源码文件可以进行内容文字之类的修改，双击html文件可以本地运行效果效果预览源码获取一款色彩绚丽的个人主页源码
  • JavaScript中的IntersectionObserver使用 碧海蓝天· javascript前端开发语言JavaScript
    IntersectionObserver是一个JavaScriptAPI，用于异步观察目标元素与其祖先元素或视口的交叉状态。它可以帮助我们判断一个元素是否进入或离开视口，以及元素与其他元素的交叉情况。在本文中，我将向您详细介绍如何使用IntersectionObserver，并提供相应的源代码示例。创建IntersectionObserver对象要使用IntersectionObserver，首先
  • 技术分享| 分布式系统中服务注册发现组件的原理及比较 anyRTC 音视频分布式系统音视频分布式系统ConsulZookeeperetcd
    背景在分布式架构的系统中，服务发现简单来讲就是通过服务名找到提供服务的实例地址和端口，主要用于解决如何获取服务实例地址问题。随着容器技术的兴起，服务集群部署在系统各处，服务之间的远程调用都需要通过服务发现来实现。服务注册发现是分布式系统中不可或缺的关键组件，常用于构建服务注册发现解决方案的开源框架如ZooKeeper、Etcd、Consul。下面主要介绍一下如何基于ZooKeeper、Etcd、C
  • Python爬虫获取item_search_img-按图搜索淘宝商品（拍立淘）接口 Jelena15779585792 APIpython爬虫图搜索算法
    一、引言随着电商行业的不断发展，消费者对商品搜索的效率和准确性要求越来越高。淘宝作为国内领先的电商平台，推出了按图搜索商品的功能（拍立淘），极大地提升了用户的购物体验。本文将详细介绍如何使用淘宝按图搜索商品的API接口（item_search_img），包括注册账号、上传图片、调用接口及解析响应等步骤。二、注册账号与获取API密钥注册淘宝开放平台账号要使用淘宝的按图搜索功能，首先需要在淘宝开放平台
  • 学习C的第32天 2401_87766835 学习c语言c++
    今天是学习C的第32天，分享一下学习感受经验及学习的成果。1.感受：课程已经刷完了，基本的语法和知识点感觉都掌握了，剩下的就是每天做一些题巩固语法，提升代码思维。花了32天学习，从25号过年那天晚上下定决心进步，然后寒假每天都在b站上刷课，每天看七八个小时，然后自己上手去练两三个小时。我是一名计算机小白，到大学才配了电脑，然后对这方面感兴趣就找课程自学，刚开始是很不理解编程语言，什么C、C++、J
  • 深入理解 JavaScript 的 IntersectionObserver API 小华0000 javascript开发语言ecmascript
    现代Web开发中，性能和用户体验是不可忽视的两个核心。为了实现页面的高效滚动加载、懒加载图片、观察元素是否进入视口等功能，JavaScript提供了一个强大的工具——IntersectionObserverAPI。在这篇博客中，我们将深入解析IntersectionObserver的核心功能、使用方法，以及最佳实践。一、什么是IntersectionObserver？IntersectionObs
  • CSS—盒模型(3分钟结合示例精通盒模型) 海晨忆 Web知识点css前端盒模型
    个人博客：haichenyi.com。感谢关注1.目录1–目录2–概念3–内容4–内边距5–边框6–外边距7–类型概念  在HTML中，每一个元素都可以看作一个矩形的盒子。如图  如上图所示，一个一个的矩形都可以堪称一个元素。矩形有大有小，边有粗有细，离HTML四周的边距有近有远。在HTML里面，一个盒子的大小，边的粗细，离四周的距离这都是盒模型的组成要素。  我们以边为分界线，把一个盒模型分为"
  • ASFF改进YOLOv8检测头：提升目标检测精度与效率的创新方法【YOLOv8】 步入烟尘 YOLO系列创新涨点超专栏YOLO目标检测目标跟踪ASFFYOLOv8
    本专栏专为AI视觉领域的爱好者和从业者打造。涵盖分类、检测、分割、追踪等多项技术，带你从入门到精通！后续更有实战项目，助你轻松应对面试挑战！立即订阅，开启你的YOLOv8之旅！专栏订阅地址：https://blog.csdn.net/mrdeam/category_12804295.html文章目录ASFF改进YOLOv8检测头：提升目标检测精度与效率的创新方法【YOLOv8】1.背景介绍1.1Y
  • HTML5期末大作业：基于 html css js仿腾讯课堂首页 web学生网页设计 web前端cssdreamweaverhtmlhtml5期末作业
    精彩专栏推荐文末获取联系✍️作者简介:一个热爱把逻辑思维转变为代码的技术博主作者主页:【主页——获取更多优质源码】web前端期末大作业：【毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【Echarts大屏展示大数据平台可视化(150套)】HTML+CSS+JS实例代码：【️HTML+CSS+JS实例代码
  • 详细介绍STM32（32位单片机）外设应用 日记成书 反正看不懂系列stm32学习
    以下是关于STM32外设应用的详细介绍，结合其功能特点及实际应用场景进行分类说明：一、基本接口与数字外设GPIO（通用输入输出端口）功能：支持输入/输出模式切换，可配置为推挽、开漏、上拉/下拉等模式，驱动能力可调。应用：控制LED、蜂鸣器等简单外设；读取按键、传感器信号（需结合消抖电路或软件消抖算法）；复用为其他外设功能引脚（如SPI、I2C）。代码示例：//配置PA0为推挽输出（HAL库）GPI
  • 探索前端开发的无限可能：30个HTML+CSS案例集锦 唐红娉Trevor
    探索前端开发的无限可能：30个HTML+CSS案例集锦30个HTMLCSS前端开发案例完结篇项目地址:https://gitcode.com/Resource-Bundle-Collection/a6ecb项目介绍在快速发展的前端开发领域，掌握HTML和CSS是每一位开发者的基本功。为了帮助开发者从入门到精通，我们精心打造了一个包含30个案例的HTML+CSS前端开发案例集锦。这个项目不仅涵盖了从
  • 字节的豆包和Kimi 的优劣势对比 eso1983 javapython算法
    字节豆包、Kimi（月之暗面）和深度求索（DeepSeek）三款AI助手的对比分析，涵盖核心技术、功能特性、优劣势及适用场景.1.核心能力对比维度豆包（字节跳动）Kimi（月之暗面）DeepSeek（深度求索）技术基础基于字节自研云雀大模型，多模态能力突出，依托抖音/头条数据生态。Moonshot自研长文本大模型，专注超长上下文理解。自研模型聚焦复杂逻辑推理与代码生成，垂直领域优化。长文本处理支持
  • JavaScript和HTML5游戏：从愤怒的小鸟到ZX Spectrum dingshi7798 移动开发游戏php
    最近，HTML5/JavaScript游戏领域发生了一些爆炸。浏览器游戏的受欢迎程度迅速增加，开发人员开始寻找一套方便使用的API和其他工具。罗伯·霍克斯（RobHawkes）热衷于赞扬HTML5和JavaScript及其在浏览器游戏中的应用。Rob是Mozilla的视觉程序员，作家和技术布道者，在开发人员社区中领导Mozilla工作的游戏方面。他在5月份在墨尔本举行的WebDirectionsC
  • VMware Workstation 11 或者 VMware Player 7安装MAC OS X 10.10 Yosemite iwindyforest vmwaremac os10.10workstationplayer
    最近尝试了下VMware下安装MacOS 系统， 安装过程中发现网上可供参考的文章都是VMware Workstation 10以下， MacOS X 10.9以下的文章， 只能提供大概的思路， 但是实际安装起来由于版本问题， 走了不少弯路， 所以我尝试写以下总结， 希望能给有兴趣安装OSX的人提供一点帮助。     写在前面的话： 其实安装好后发现， 由于我的th
  • 关于《基于模型驱动的B/S在线开发平台》源代码开源的疑虑？ deathwknight JavaScriptjava框架
    本人从学习Java开发到现在已有10年整，从一个要自学 java买成javascript的小菜鸟，成长为只会java和javascript语言的老菜鸟（个人邮箱：[email protected]） 一路走来，跌跌撞撞。用自己的三年多业余时间，瞎搞一个小东西（基于模型驱动的B/S在线开发平台，非MVC框架、非代码生成）。希望与大家一起分享，同时有许些疑虑，希望有人可以交流下 平台
  • 如何把maven项目转成web项目 Kai_Ge mavenMyEclipse
    创建Web工程，使用eclipse ee创建maven web工程 1.右键项目,选择Project Facets,点击Convert to faceted from 2.更改Dynamic Web Module的Version为2.5.(3.0为Java7的,Tomcat6不支持). 如果提示错误,可能需要在Java Compiler设置Compiler compl
  • 主管？？？ Array_06 工作
    转载：http://www.blogjava.net/fastzch/archive/2010/11/25/339054.html 很久以前跟同事参加的培训，同事整理得很详细，必须得转！ 前段时间，公司有组织中高阶主管及其培养干部进行了为期三天的管理训练培训。三天的课程下来，虽然内容较多，因对老师三天来的课程内容深有感触，故借着整理学习心得的机会，将三天来的培训课程做了一个
  • python内置函数大全 2002wmj python
    最近一直在看python的document，打算在基础方面重点看一下python的keyword、Build-in Function、Build-in Constants、Build-in Types、Build-in Exception这四个方面，其实在看的时候发现整个《The Python Standard Library》章节都是很不错的，其中描述了很多不错的主题。先把Build-in Fu
  • JSP页面通过JQUERY合并行 357029540 JavaScriptjquery
    在写程序的过程中我们难免会遇到在页面上合并单元行的情况，如图所示 如果对于会的同学可能很简单，但是对没有思路的同学来说还是比较麻烦的，提供一下用JQUERY实现的参考代码 function mergeCell(){         var trs = $("#table tr"); &nb
  • Java基础 冰天百华 java基础
    学习函数式编程 package base; import java.text.DecimalFormat; public class Main { public static void main(String[] args) { // Integer a = 4; // Double aa = (double)a / 100000; // Decimal
  • unix时间戳相互转换 adminjun 转换unix时间戳
    如何在不同编程语言中获取现在的Unix时间戳(Unix timestamp)？ Java time JavaScript Math.round(new Date().getTime()/1000) getTime()返回数值的单位是毫秒 Microsoft .NET / C# epoch = (DateTime.Now.ToUniversalTime().Ticks - 62135
  • 作为一个合格程序员该做的事 aijuans 程序员
    作为一个合格程序员每天该做的事 1、总结自己一天任务的完成情况 最好的方式是写工作日志，把自己今天完成了什么事情，遇见了什么问题都记录下来，日后翻看好处多多 2、考虑自己明天应该做的主要工作 把明天要做的事情列出来，并按照优先级排列，第二天应该把自己效率最高的时间分配给最重要的工作 3、考虑自己一天工作中失误的地方，并想出避免下一次再犯的方法 出错不要紧，最重
  • 由html5视频播放引发的总结 ayaoxinchao html5视频video
    前言   项目中存在视频播放的功能，前期设计是以flash播放器播放视频的。但是现在由于需要兼容苹果的设备，必须采用html5的方式来播放视频。我就出于兴趣对html5播放视频做了简单的了解，不了解不知道，水真是很深。本文所记录的知识一些浅尝辄止的知识，说起来很惭愧。   视频结构   本该直接介绍html5的<video>的，但鉴于本人对视频
  • 解决httpclient访问自签名https报javax.net.ssl.SSLHandshakeException: sun.security.validat bewithme httpclient
         如果你构建了一个https协议的站点，而此站点的安全证书并不是合法的第三方证书颁发机构所签发，那么你用httpclient去访问此站点会报如下错误   javax.net.ssl.SSLHandshakeException: sun.security.validator.ValidatorException: PKIX path bu
  • Jedis连接池的入门级使用 bijian1013 redisredis数据库jedis
    Jedis连接池操作步骤如下：         a.获取Jedis实例需要从JedisPool中获取；         b.用完Jedis实例需要返还给JedisPool；         c.如果Jedis在使用过程中出错，则也需要还给JedisPool； packag
  • 变与不变 bingyingao 不变变亲情永恒
    变与不变    周末骑车转到了五年前租住的小区，曾经最爱吃的西北面馆、江西水饺、手工拉面早已不在，    各种店铺都换了好几茬，这些是变的。    三年前还很流行的一款手机在今天看起来已经落后的不像样子。    三年前还运行的好好的一家公司，今天也已经不复存在。    一座座高楼拔地而起，
  • 【Scala十】Scala核心四：集合框架之List bit1129 scala
    Spark的RDD作为一个分布式不可变的数据集合，它提供的转换操作，很多是借鉴于Scala的集合框架提供的一些函数，因此，有必要对Scala的集合进行详细的了解   1. 泛型集合都是协变的，对于List而言，如果B是A的子类，那么List[B]也是List[A]的子类，即可以把List[B]的实例赋值给List[A]变量   2. 给变量赋值(注意val关键字，a，b
  • Nested Functions in C bookjovi cclosure
      Nested Functions 又称closure，属于functional language中的概念，一直以为C中是不支持closure的，现在看来我错了，不过C标准中是不支持的，而GCC支持。   既然GCC支持了closure，那么 lexical scoping自然也支持了，同时在C中label也是可以在nested functions中自由跳转的
  • Java-Collections Framework学习与总结-WeakHashMap BrokenDreams Collections
            总结这个类之前，首先看一下Java引用的相关知识。Java的引用分为四种：强引用、软引用、弱引用和虚引用。         强引用：就是常见的代码中的引用，如Object o = new Object();存在强引用的对象不会被垃圾收集
  • 读《研磨设计模式》-代码笔记-解释器模式-Interpret bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 解释器（Interpreter）模式的意图是可以按照自己定义的组合规则集合来组合可执行对象 * * 代码示例实现XML里面1.读取单个元素的值 2.读取单个属性的值 * 多
  • After Effects操作&快捷键 cherishLC After Effects
    1、快捷键官方文档 中文版：https://helpx.adobe.com/cn/after-effects/using/keyboard-shortcuts-reference.html 英文版：https://helpx.adobe.com/after-effects/using/keyboard-shortcuts-reference.html 2、常用快捷键
  • Maven 常用命令 crabdave maven
    Maven 常用命令   mvn archetype:generate mvn install mvn clean mvn clean complie mvn clean test mvn clean install mvn clean package mvn test mvn package mvn site   mvn dependency:res
  • shell bad substitution daizj shell脚本
    #!/bin/sh /data/script/common/run_cmd.exp 192.168.13.168 "impala-shell -islave4 -q 'insert OVERWRITE table imeis.${tableName} select ${selectFields}, ds, fnv_hash(concat(cast(ds as string), im
  • Java SE 第二讲（原生数据类型 Primitive Data Type） dcj3sjt126com java
    Java SE  第二讲： 1.   Windows: notepad, editplus, ultraedit, gvim Linux: vi, vim, gedit 2.   Java 中的数据类型分为两大类： 1）原生数据类型  （Primitive Data Type） 2）引用类型（对象类型）  （R
  • CGridView中实现批量删除 dcj3sjt126com PHPyii
    1，CGridView中的columns添加 array( 'selectableRows' => 2, 'footer' => '<button type="button" onclick="GetCheckbox();" style=&
  • Java中泛型的各种使用 dyy_gusi java泛型
    Java中的泛型的使用：1.普通的泛型使用 在使用类的时候后面的<>中的类型就是我们确定的类型。 public class MyClass1<T> {//此处定义的泛型是T private T var; public T getVar() { return var; } public void setVa
  • Web开发技术十年发展历程 gcq511120594 Web浏览器数据挖掘
    回顾web开发技术这十年发展历程： Ajax 03年的时候我上六年级，那时候网吧刚在小县城的角落萌生。传奇，大话西游第一代网游一时风靡。我抱着试一试的心态给了网吧老板两块钱想申请个号玩玩，然后接下来的一个小时我一直在，注，册，账，号。 彼时网吧用的512k的带宽，注册的时候，填了一堆信息，提交，页面跳转，嘣，”您填写的信息有误，请重填”。然后跳转回注册页面，以此循环。我现在时常想，如果当时a
  • openSession()与getCurrentSession()区别： hetongfei javaDAOHibernate
    来自 http://blog.csdn.net/dy511/article/details/6166134 1.getCurrentSession创建的session会和绑定到当前线程,而openSession不会。 2. getCurrentSession创建的线程会在事务回滚或事物提交后自动关闭,而openSession必须手动关闭。 这里getCurrentSession本地事务(本地
  • 第一章 安装Nginx+Lua开发环境 jinnianshilongnian nginxluaopenresty
    首先我们选择使用OpenResty，其是由Nginx核心加很多第三方模块组成，其最大的亮点是默认集成了Lua开发环境，使得Nginx可以作为一个Web Server使用。借助于Nginx的事件驱动模型和非阻塞IO，可以实现高性能的Web应用程序。而且OpenResty提供了大量组件如Mysql、Redis、Memcached等等，使在Nginx上开发Web应用更方便更简单。目前在京东如实时价格、秒
  • HSQLDB In-Process方式访问内存数据库 liyonghui160com
        HSQLDB一大特色就是能够在内存中建立数据库，当然它也能将这些内存数据库保存到文件中以便实现真正的持久化。   先睹为快！   下面是一个In-Process方式访问内存数据库的代码示例：     下面代码需要引入hsqldb.jar包 （hsqldb-2.2.8）   import java.s
  • Java线程的5个使用技巧 pda158 java数据结构
    Java线程有哪些不太为人所知的技巧与用法？ 　　萝卜白菜各有所爱。像我就喜欢Java。学无止境，这也是我喜欢它的一个原因。日常 工作中你所用到的工具，通常都有些你从来没有了解过的东西，比方说某个方法或者是一些有趣的用法。比如说线程。没错，就是线程。或者确切说是Thread这个类。当我们在构建高可扩展性系统的时候，通常会面临各种各样的并发编程的问题，不过我们现在所要讲的可能会略有不同。
  • 开发资源大整合：编程语言篇——JavaScript（1） shoothao JavaScript
    概述：本系列的资源整合来自于github中各个领域的大牛，来收藏你感兴趣的东西吧。     程序包管理器   管理javascript库并提供对这些库的快速使用与打包的服务。 Bower - 用于web的程序包管理。 component - 用于客户端的程序包管理，构建更好的web应用程序。 spm - 全新的静态的文件包管
  • 避免使用终结函数 vahoa.ma javajvmC++
    终结函数（finalizer）通常是不可预测的，常常也是很危险的，一般情况下不是必要的。使用终结函数会导致不稳定的行为、更差的性能，以及带来移植性问题。不要把终结函数当做C++中的析构函数（destructors）的对应物。       我自己总结了一下这一条的综合性结论是这样的： 1）在涉及使用资源，使用完毕后要释放资源的情形下，首先要用一个显示的方
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他