林场
林场

BootStrap入门教程 (一)

     2011年，twitter的“一小撮”工程师为了提高他们内部的分析和管理能力，用业余时间为他们的产品构建了一套易用、优雅、灵活、可扩展的前端工具集-- BootStrap。Bootstrap由 MARK OTTO和 Jacob Thornton所设计和建立，在 github上开源之后，迅速成为该站上最多人 watch& fork的项目。大量工程师踊跃为该项目贡献代码，社区惊人地活跃，代码版本进化非常快速，官方文档质量极其高(可以说是优雅)，同时涌现了许多基于Bootstrap建设的网站：界面清新、简洁;要素排版利落大方。如下图所示：

                                                                            https://kippt.com /

BootStrap入门教程 (一)_第1张图片

                                                                               http://www.fleetio.com /

BootStrap入门教程 (一)_第2张图片

     GitHub上 这样介绍 bootstrap：简单灵活可用于架构流行的用户界面和交互接口的html,css,javascript工具集。基于html5、css3的bootstrap，具有大量的诱人特性：友好的学习曲线，卓越的兼容性，响应式设计，12列格网，样式向导文档，自定义JQuery插件，完整的类库，基于 Less等。本系列教程遵循官方文档结构来介绍bootstrap，包括手脚架（Scaffolding),基础CSS,组件,javascript插件，使用LESS与自定义.本文主要介绍Bootstrap的基础布局-- Scaffolding.

      Bootstrap建立了一个响应式的12列格网布局系统，它引入了fixed和fluid-with两种布局方式。我们从全局样式(Global Style),格网系统(Grid System),流式格网(Fluid grid System),自定义(Customing),布局(Layouts),响应式设计(Responsive  Design)这六五个方面深入讲解Boostrap的scaffolding.

  1.   全局样式(Global Style).Bootstrap要求html5的文件类型，所以必须在每个使用bootstrap页面的开头都引用:
    <!DOCTYPE html>
    <html lang="en">
    ...
    </html>
    同时，它通过Bootstrap.less文件来设置全局的排版和连接显示风格.其中去掉了Body的margin，使用@baseFontFamily,@baseFontSize,@linkColor等变量来控制基本排版。
  2.   格网系统(Grid System).默认的Bootstrap格网系统提供一个宽达940像素的,12列的格网。这意味着你页面默认宽度是940px,最小的单元要素宽度是940/12px.Bootstrap能够使得你的网页可以更好地适应多种终端设备(平板电脑，智能手机等)。默认格网系统直观概念如图1-1所示：                                                                                                                                                             图1-1 默认格网系统(Default Grid System)                                                                                                                                                                 以下简单的代码则是实现图1-1中，第三列的宽度为4和宽度为8的两个div.
    <div class="row">
    <div class="span4">...</div>
    <div class="span8">...</div>
    </div>

    2.2  偏移列. 有时候，页面要素前面需要一些空白，bootstrap提供了偏移列来实现，如图1-2所示：

                                                                              图1-２ 偏移列(Offset columns)

    以下代码实现了是实现图1-2中，第一列的宽度为4和偏移度为4宽度为4的两个div.

    <div class="row">
    <div class="span4">...</div>
    <div class="span4 offset4">...</div>
    </div>

    2.3 嵌套列. 嵌套列是容许用户实现更复杂的页面要素布局。在bootstrap中实现嵌套列非常简单，只需要在原有的div中加入.row 和相应的长度的span* div即可。       如图1-3所示：

                                                                                                                                                     图1-3     嵌套列(Nesting columns) 

    以下代码实现了是实现图1-3中，第一层的宽度为12和第二层两个宽度为6的两个div.

    <div class="row">
    <div class="span12">
    Level 1 of column
    <div class="row">
    <div class="span6">Level 2</div>
    <div class="span6">Level 2</div>
    </div>
    </div>
    </div>

    嵌套的div长度之和不能大于它的父div，否则会溢出叠加。各位可以试试将第一层的div长度改为其他值，看看效果。

  3. 流式格网系统(Fluid grid system).它使用%，而不是固定的px,来确定页面要素的宽度.只需要简单的将.row 改成.row-fluid ，就可以将fixed行改为fluid.如图1-4所示：                                                     BootStrap入门教程 (一)_第3张图片                                                                                                                     图1-4 流式格网系统(Fluid grid system)                                                                                                                                                                                  以下代码实现了是实现图1-4中，两个不同长度的流式页面要素.
    <div class="row-fluid">
    <div class="span4">...</div>
    <div class="span8">...</div>
    </div>

    嵌套的流式格网和嵌套的固定格网，稍微有些不同。嵌套流式格网(Fluid nesting)的子要素不用匹配父要素的宽度，子要素用100%来表示占满父要素的页面宽度。

  4. 自定义格网(Grid customization).Bootstrap允许通过修改variables.less的参数值来自定义格网系统。主要包括如表1-1所示的变量：
    变量 默认值 说明
    @gridColumns 12 列数
    @gridColumnWidth 60px 每列的宽度
    @gridGutterWidth 20px 列间距

                                                                                                    表1-1 格网变量                                                                                                                                                                                                                                               我们通过修改以上值，并重新编译Bootstrap来实现自定义格网系统。如果添加新的列，需要同时修改grid.less.同样的,需要修改responsive.less来获得多设备兼容.

  5. 布局(Layout).本文最后我们讨论创建页面基础模板的布局。如前面所言，Bootstrap提供两种布局方式，包括固定(Fixed)和流式(Fliud)布局。如图1-5所示，左边为Fixed布局，右边为Fluid布局：                           BootStrap入门教程 (一)_第4张图片                                                                                                                    图1-5 布局(Layout)                                                                                                                                                                                           固定布局代码如下：
    <body>
    <div class="container">
    ...
    </div>
    </body>

    流式布局代码如下：

    <div class="container-fluid">
    <div class="row-fluid">
    <div class="span2">
    <!--Sidebar content-->
    </div>
    <div class="span10">
    <!--Body content-->
    </div>
    </div>
    </div>

    如果对Bootstrap提供的布局不够满意，可以参见 Less Frame Work 提供的模板。

    最后， 再次强调，官方文档极其优秀，强烈推荐各位直接参考和学习之。 http://twitter.github.com/bootstrap/index.html

    参考文献与延伸阅读：

    1.Bootstrap的来由和发展。 http://www.alistapart.com/articles/building-twitter-bootstrap/

    2.Less与Sass的介绍与对比. http://coding.smashingmagazine.com/2011/09/09/an-introduction-to-less-and-comparison-to-sass/

    3.Html5模板  http://html5boilerplate.com/

    4.Html5与Bootstrap混合项目(H5BP) https://gist.github.com/1422879

    5.20个有用的Bootstrap资源  http://www.webresourcesdepot.com/20-beautiful-resources-that-complement-twitter-bootstrap/

    6.Bootstrap按钮生成器  http://charliepark.org/bootstrap_buttons/

    7.前后端结合讨论   http://stackoverflow.com/questions/9525170/backend-technology-for-front-end-technologies-like-twitter-bootstrap

    8. Bootstrap英文教程   http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/stepping-out-with-bootstrap-from-twitter/

     

本文链接

你可能感兴趣的:(bootstrap)

  • 用Python写一个天气预报小程序 穿梭的编织者 Python脚本python小程序
    一、界面效果二、完整代码importtkinterastkfromtkinterimportttkimportrequestsimportjsonfromdatetimeimportdatetimefromPILimportImage,ImageTkimportiofromttkbootstrapimportStyleclassWeatherApp:def__init__(self,root):s
  • kubernetes集群证书过期问题解决 后端java
    证书过期问题查看证书过期时间kubeadmalphacertscheck-expiration证书过期升级命令kubeadmalphacertsrenewall日志查看命令journalctl-xefukubelet发现更新证书后，日志还是报错未发现/etc/kubernetes/bootstrap-kubelet.conf，则继续执行如下操作重新生成证书cd/etc/kubernetes/pki
  • JVM 如何保证 Java 程序的安全性？ 冰糖心书房 JVM2025Java面试系列jvmjava
    JVM（JavaVirtualMachine）在设计时就考虑了安全性，它提供了一套多层次的安全机制，以保护系统免受恶意代码的侵害。这些机制主要包括：1.类加载器(ClassLoader)及双亲委派模型:类加载器的作用：负责加载Java类（.class文件）到JVM中。将类的字节码转换为内存中的Class对象。执行类的初始化。类加载器的类型：启动类加载器(BootstrapClassLoader):
  • 23章11节：自助抽样及其在R语言中的实现与验证 DAT｜R科学与人工智能 用R探索医药数据科学r语言开发语言r-4.2.1microsoft信息可视化
    在统计学中，数据分析的核心任务之一是如何在样本数据的基础上推断总体的性质。传统方法往往依赖于已知的概率分布假设和解析推导，但在现实问题中，我们往往无法准确得知总体分布，或者数据样本量较小，难以满足经典统计推断方法的要求。自助抽样作为一种非参数的计算方法，为我们提供了基于样本数据“自我重复”构建抽样分布的途径。1977年，斯坦福大学的B.Efron在著名论文《BootstrapMethods:Ano
  • express+ bootstrap/vue.js+mongodb 开发综合学生管理WEB项目系统 鱼弦 前端expressbootstrap
    该WEB项目要求如下：整个系统要有比较完整的功能，有前端网页数据示，也要有后台管理功能，具有一定的实用性。网页前端展示页面设计可以采用bootstrap框架，也可以使用vue.js实现，前端网页数据均要来自于后端从数据库中查询出来的数据。下面是利用Express后端+Bootstrap前端+MongoDB数据库的代码示例，用于实现一个综合的学生管理系统：1.安装所需模块在终端中输入以下命令，安装所
  • JVM类加载 zhujilisa javajvm
    JVM类加载类加载类加载器类加载加载：查找并加载类的字节码文件验证：确保加载的字节码是合法且符合JVM规范准备：给类的静态变量分配内存，并赋默认值解析：符号引用替换为直接引用初始化：静态变量赋值，执行静态代码块类加载器引导类加载器（BootstrapClassLoader）：加载JVM核心类库（如rt.jar中的类），位于JAVA_HOME/lib目录下扩展类加载器（ExtClassLoader）
  • 基于Python + Flask + PyEcharts + Bootstrap实现疫情可视化平台 小夕Coding 大数据系列可视化python数据可视化javavue
    基于Python+Flask+PyEcharts+Bootstrap实现的疫情可视化平台依赖库DependencyVersionPython3.6flask1.1.1pyecharts1.7.1requests2.22使用pythonrun.py#在浏览器中访问http://localhost:776前端展示项目下载链接：https://pan.baidu.com/s/1l1y2eiTWMTApQ
  • Vue-前端发展史 lengzher_5601 Vuevue.jshtmlcssjsjsp
    文章目录Vue-前端发展史二、前端发展史1、UI框架2、JavaScript构建工具3、三端同一4、后端技术5、主流前端框架混合开发微信小程序Vue-前端发展史二、前端发展史1、UI框架Ant-Design：阿里巴巴出品，基于React的UI框架ElementUI、iview、ice：饿了么出品，基于Vue的UI框架BootStrap：Teitter推出的一个用于前端开发的开源工具包AmazeUI
  • JavaEE 项目常见错误解决方案 一弦一柱 JavaEE常见错误中文乱码JSP404
    JavaEE项目常见错误解决方案数据库连接JavaBean获取不到数据库字段值或出现意料之外的值业务中出现null或""404NOTFOUNDGET请求中文乱码form表单提交中文乱码最近的实训中，练了一个比较基础的项目，JSP+Servlet+JavaBean，完成两张表的CRUD操作，前端使用Bootstrap和JQuery，交互使用AJAX，IDE选用Eclipse,在时间比较仓促的情况下完
  • 电脑问题勘查 —— BIOS 五道口纳什 计算机组成原理
    0.BIOS与BIOS的分类目前主流的BIOS，华硕的AMIBIOS；升技的AWARDBIOS；BIOS的全称是ROM－BIOS，只读存储器基本输入输出系统。它是一组固化到计算机内主板上一个ROM芯片上的程序，它保存着计算机最重要的基本输入输出的程序、系统设置信息、开机上电自检程序和系统启动自举程序（bootstrap）。有人认为既然BIOS是”程序”，那它就应该是属于软件，感觉就像自己常用的Wo
  • 在 CLion 中使用 Boost.Test 进行 C++ 单元测试 獨梟 单元测试c++单元测试开发语言
    1.安装Boost.TestBoost.Test是BoostC++库的一部分，因此需要安装完整的Boost库。方法1：使用包管理器安装（推荐）Windows（vcpkg）直接使用CLion集成的vcpkg安装boost-test：也可以通过命令来安装：gitclonehttps://github.com/microsoft/vcpkg.gitcdvcpkgbootstrap-vcpkg.batvc
  • Vue-Vant YY小怪兽 Vue常用框架vue.js前端javascript
    详情可见1.什么是Vant?在使用MintUI的过程中发现有很多的坑,所以个人不推荐在移动端中选择MintUIVant是有赞前端开发团队又推出的一款基于Vue的移动端UI框架大白话:和Bootstrap一样对原生的HTML标签进行了封装,进行了美化,让我们能够专注于业务逻辑而不是UI界面2.Vant使用https://youzan.github.io/vant/#/zh-CN/intro（1）通过
  • 假如有10 个微服务模块，然后每个模块里面都要改yaml配置，比如改Redis配置，这样就意味着我 Redis 一改，那10 个模块的配置都要改一遍吗？ 我是一只代码狗 springcloudalibabanacos
    1.在nacos创建一个公共的redis-config.yaml2.在每个微服务的bootstrap.yml中引入公共的redis配置3.这样公共配置改了，其他微服务模块就不需要做任何改动
  • tools:制作根文件系统debian9 maze.ma toolsdebianrootfs文件系统制作
    首先你先新建一个用于mount的目录mkdir/debian9其次你需要保证主机上有debootstrap以及qemu-user-staticapt-get-yinstalldebootstrapqemu-user-static现在你需要dd命令去生成rootfs.img文件ddif=/dev/zeroof=rootfs.imgbs=1Mcount=1024dd命令的话。bs代表一次读入写入大小。
  • bootstrap row 之间的竖直方向的距离要怎么调整？ yzy85
    问：我有两个rowa和rowb,我发现这两个row之间的竖直方向的距离靠的有点近，我想调整a和b之间的距离，row之前的水平距离可以通过col-md-offset*调整，那竖直方向上的距离要怎么调整，谢谢！答：1、目前我是通过直接加一个空的h1标签，来拉开距离，感觉有点不太rails.大家有更合适的方法吗？谢谢！2、可以自己在css中给top-offset的class写个margin，然后把这个c
  • Nacos配置管理Feign远程调用Gateway服务网关 程序员要奋斗 #微服务gatewayjavaspring
    1.统一配置管理1.统一配置管理流程1.引入Nacos的配置管理客户端依赖      com.alibaba.cloud    spring-cloud-starter-alibaba-nacos-config  2.在userservice中的resource目录添加一个bootstrap.yml文件，这个文件是引导文件，优先级高于application.yml  spring:    appl
  • vscode安装使用，开发python项目环境配置 橘子菌菌 djangopythonvscode
    #一、vscode设置python解释器1.使用vscode添加需要的插件在扩展商店汉化chinese进行python开发python完成汉化以及提示补全django用到的GithistoryPythonDjangoDjangoTemplate其它可能用到：jqueryCodeSnippetsBootstrap3Snippets2.ctrl+shift+p调出输入框SelectInterprete
  • Bootstrap笔记 湖前一人对影成双 bootstrap笔记前端
    初识Bootstrapv4.bootcss.com图标库bootstrap与...相联系编译版Bootstrap文件结构：快速开发使用Bootstrap4.4.1编译版包中包含css和js文件夹。css和js文件夹中都提供了两种类型的文件，压缩的和未压缩的的文件。bootstrap.*是预编译的文件，bootstrap.min.*是编译且压缩后的文件。bootstrap.*.map格式的文件，是s
  • Bootstrap4 导航active状态切换 君子……如玉 H5Bootstrap4
    页面HTML代码：首页数据统计用户列表AnotheractionSomethingelsehereSeparatedlinkLinkDisabledjs代码如下：$('.nav-pills').find('a').each(function(){if(this.href==document.location.href||document.location.href.search(this.href
  • Param ‘serviceName‘ is illegal, serviceName is blank wyz0923 nacosspringboot
    背景有个朋友在学习nacos遇到一个问题，在bootstrap.yml文件中配置注册服务的地址信息时，启动服务报错：Param‘serviceName’isillegal,serviceNameisblank。但是在application.yml中配置就不会报错。这里记录一下解决的方法。项目环境：springboot2.4.2spring-cloud-alibaba-dependencies202
  • SpringBoot配置文件的优先级（保姆级超详细讲解） 来杯@Java springbootpython后端
    文章目录配置优先级排序项目外部配置文件项目内部配置文件Bootstrap配置文件配置优先级排序命令行参数；java:comp/env的JNDI属性(当前J2EE应用的环境)；JAVA系统的环境属性；操作系统的环境变量；JAR包外部的application-xxx.properties或application-xxx.yml配置文件；JAR包内部的application-xxx.properties
  • SpringBoot 的核心只有几张图 知行小栈 SpringBootspringbootjava后端
    前言SpringBoot是一个让所有Java开发者都又爱又恨的框架。喜欢它是因为其易用性和提供的丰富功能，而它较为复杂的设计也让许多开发者头疼不已。本期知行将会为大家带来以下内容，和大家一起梳理SpringBoot中一些较为核心的内容。SpringBoot启动流程SpringBoot的启动流程主要有以下几个核心步骤：创建启动容器：创建DefaultBootstrapContext，用于引导IOC容
  • Anaconda 创建环境 aitie1479 python
    2019-03-2517:10:51Anaconda给不同的项目创建不同的环境真的非常重要，最近在使用flask的时候在base环境中安装flask-bootstrap，竟然将我原本的py3.7的conda直接删除，完全降到了py2。最后只能重新安装anaconda。这个事件给我一个启示就是尽量不要在初始环境中安装各种包，而是使用anaconda的环境，来给不同的项目分配各自的环境。Anacond
  • 快速入门 FastAdmin 的开发环境搭建 奥顺互联_老张 php教程php缓存mysql
    快速入门FastAdmin的开发环境搭建FastAdmin是一个基于ThinkPHP和Bootstrap的后台管理框架，专为快速开发而设计。本文将为您详细介绍如何搭建FastAdmin的开发环境，包括所需的环境配置、安装步骤以及简单的示例代码。1.环境要求在开始之前，请确保您的开发环境满足以下要求：PHP7.2及以上版本ComposerMySQL5.6及以上版本Nginx或ApacheGit（可选
  • Spring Boot 整合Swagger启动失败Failed to start bean ‘documentationPluginsBootstrapper‘的解决方案 码云217 springbootjavarpc
    目录问题原因方案一（治标）[本人用了方案一解决了]方案二（治标）方案三（治本）问题SpringBoot2.7.3版本引入依赖springfox-boot-starter(Swagger3.0)后，启动容器会报错：org.springframework.context.ApplicationContextException:Failedtostartbean'documentationPlugins
  • Linux中es启动成功，windows服务器访问不了的解决方案 码代码的小仙女 笔记linuxwindowselasticsearch
    1.在Linux服务器中安装elasticsearch。在bin目录下执行./elasticsearch报错信息：org.elasticsearch.bootstrap.StartupException:java.lang.RuntimeException:cannotrunelasticsearchasrootatorg.elasticsearch.bootstrap.Elasticsearch
  • 【SpringCloud】Gateway m0_74825526 面试学习路线阿里巴巴springcloudgatewayjava
    目录一、网关路由1.1.认识网关1.2.快速入门?1.2.1.引入依赖1.2.2.配置路由二、网关登录校验2.1.Gateway工作原理?2.2.自定义过滤器2.3.登录校验2.4.微服务获取用户2.4.1.保存用户信息到请求头2.4.2.拦截器获取用户??2.5.OpenFeign传递用户三、配置管理3.1.配置共享?3.2.拉取配置共享3.2.1.引入依赖3.2.2.创建bootstrap.y
  • 响应式前端开发框架Bootstrap实战应用 马屿人
    本文还有配套的精品资源，点击获取简介：Bootstrap是广受欢迎的前端框架，用于创建响应式和移动优先的网站。结合JavaEE、Spring、SpringMVC和MyBatis后端技术，开发者可利用Bootstrap快速开发出模块化、用户友好的Web应用。该框架含有预定义的CSS样式、JavaScript插件、HTML模板和更多资源，以支持高效和模块化的Web应用开发流程。本压缩包中可能包含Boo
  • Ubuntu，centos下源码安装cmake指定版本 你若盛开，清风自来！ ubuntucentoslinux
    网址：Indexof/files/v3.23常规安装出错1.先把安装包cmake-3.12.4-Linux-x86_64.tar.gz复制到指定目录2.解压tar-zxvfcmake-3.12.4-Linux-x86_64.tar.gz3.进入解压之后的文件夹cdcmake-3.12.4-Linux-x86_64.tar.gz4.运行下面命令出错bash:./bootstrap:Nosuchfil
  • 《从零到全栈：Bootstrap 响应式布局指南》 CodeComposer bootstrap前端html
    一、概念1.Bootstrap是什么？Bootstrap是一个基于HTML、CSS和JavaScript的开源前端框架，主要用于快速构建响应式网页。它是UI库（CSS库），提供了丰富的预定义样式和组件，帮助开发者快速实现美观且功能强大的界面。文档地址：Bootstrap中文文档2.响应式布局响应式布局是一种网页设计方法，使页面能够根据设备屏幕尺寸自动调整布局和样式。核心原理：通过媒体查询（@med
  • log4j对象改变日志级别 3213213333332132 javalog4jlevellog4j对象名称日志级别
    log4j对象改变日志级别可批量的改变所有级别，或是根据条件改变日志级别。 log4j配置文件： log4j.rootLogger=ERROR,FILE,CONSOLE,EXECPTION #log4j.appender.FILE=org.apache.log4j.RollingFileAppender log4j.appender.FILE=org.apache.l
  • elk+redis 搭建nginx日志分析平台 ronin47 elasticsearchkibanalogstash
                 elk+redis 搭建nginx日志分析平台 logstash,elasticsearch,kibana 怎么进行nginx的日志分析呢？首先，架构方面，nginx是有日志文件的，它的每个请求的状态等都有日志文件进行记录。其次，需要有个队 列，redis的l
  • Yii2设置时区 dcj3sjt126com PHPtimezoneyii2
    时区这东西，在开发的时候，你说重要吧，也还好，毕竟没它也能正常运行，你说不重要吧，那就纠结了。特别是linux系统，都TMD差上几小时，你能不痛苦吗？win还好一点。有一些常规方法，是大家目前都在采用的1、php.ini中的设置，这个就不谈了，2、程序中公用文件里设置，date_default_timezone_set一下时区3、或者。。。自己写时间处理函数，在遇到时间的时候，用这个函数处理（比较
  • js实现前台动态添加文本框，后台获取文本框内容 171815164 文本框
    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w
  • 持续集成工具 g21121 持续集成
            持续集成是什么？我们为什么需要持续集成？持续集成带来的好处是什么？什么样的项目需要持续集成？...        持续集成(Continuous integration ,简称CI)，所谓集成可以理解为将互相依赖的工程或模块合并成一个能单独运行
  • 数据结构哈希表(hash)总结 永夜-极光 数据结构
    1.什么是hash 来源于百度百科: Hash，一般翻译做“散列”，也有直接音译为“哈希”的，就是把任意长度的输入，通过散列算法，变换成固定长度的输出，该输出就是散列值。这种转换是一种压缩映射，也就是，散列值的空间通常远小于输入的空间，不同的输入可能会散列成相同的输出，所以不可能从散列值来唯一的确定输入值。简单的说就是一种将任意长度的消息压缩到某一固定长度的消息摘要的函数。  
  • 乱七八糟 程序员是怎么炼成的
    eclipse中的jvm字节码查看插件地址： http://andrei.gmxhome.de/eclipse/ 安装该地址的outline 插件  后重启，打开window下的view下的bytecode视图 http://andrei.gmxhome.de/eclipse/   jvm博客： http://yunshen0909.iteye.com/blog/2
  • 职场人伤害了“上司” 怎样弥补 aijuans 职场
    由于工作中的失误，或者平时不注意自己的言行“伤害”、“得罪”了自己的上司，怎么办呢？ 　　在职业生涯中这种问题尽量不要发生。下面提供了一些解决问题的建议： 　　一、利用一些轻松的场合表示对他的尊重 　　即使是开明的上司也很注重自己的权威，都希望得到下属的尊重，所以当你与上司冲突后，最好让不愉快成为过去，你不妨在一些轻松的场合，比如会餐、联谊活动等，向上司问个好，敬下酒，表示你对对方的尊重，
  • 深入浅出url编码 antonyup_2006 应用服务器浏览器servletweblogicIE
    出处：http://blog.csdn.net/yzhz  杨争   http://blog.csdn.net/yzhz/archive/2007/07/03/1676796.aspx 一、问题：         编码问题是JAVA初学者在web开发过程中经常会遇到问题，网上也有大量相关的
  • 建表后创建表的约束关系和增加表的字段 百合不是茶 标的约束关系增加表的字段
      下面所有的操作都是在表建立后操作的,主要目的就是熟悉sql的约束,约束语句的万能公式   1,增加字段(student表中增加 姓名字段)   alter table 增加字段的表名 add 增加的字段名 增加字段的数据类型 alter table student add name varchar2(10);   &nb
  • Uploadify 3.2 参数属性、事件、方法函数详解 bijian1013 JavaScriptuploadify
    一.属性 属性名称 默认值 说明 auto true 设置为true当选择文件后就直接上传了，为false需要点击上传按钮才上传。 buttonClass ” 按钮样式 buttonCursor ‘hand’ 鼠标指针悬停在按钮上的样子 buttonImage null 浏览按钮的图片的路
  • 精通Oracle10编程SQL(16)使用LOB对象 bijian1013 oracle数据库plsql
    /* *使用LOB对象 */ --LOB(Large Object)是专门用于处理大对象的一种数据类型，其所存放的数据长度可以达到4G字节 --CLOB/NCLOB用于存储大批量字符数据，BLOB用于存储大批量二进制数据，而BFILE则存储着指向OS文件的指针 /* *综合实例 */ --建立表空间 --#指定区尺寸为128k,如不指定，区尺寸默认为64k CR
  • 【Resin一】Resin服务器部署web应用 bit1129 resin
    工作中，在Resin服务器上部署web应用，通常有如下三种方式：   配置多个web-app 配置多个http id 为每个应用配置一个propeties、xml以及sh脚本文件 配置多个web-app   在resin.xml中,可以为一个host配置多个web-app   <cluster id="app&q
  • red5简介及基础知识 白糖_ 基础
      简介   Red5的主要功能和Macromedia公司的FMS类似，提供基于Flash的流媒体服务的一款基于Java的开源流媒体服务器。它由Java语言编写，使用RTMP作为流媒体传输协议，这与FMS完全兼容。它具有流化FLV、MP3文件，实时录制客户端流为FLV文件，共享对象，实时视频播放、Remoting等功能。用Red5替换FMS后,客户端不用更改可正
  • angular.fromJson boyitech AngularJSAngularJS 官方APIAngularJS API
    angular.fromJson 描述: 把Json字符串转为对象 使用方法: angular.fromJson(json); 参数详解: Param Type Details json string JSON 字符串 返回值: 对象, 数组, 字符串 或者是一个数字 示例: <!DOCTYPE HTML> <h
  • java-颠倒一个句子中的词的顺序。比如： I am a student颠倒后变成：student a am I bylijinnan java
    public class ReverseWords { /** * 题目：颠倒一个句子中的词的顺序。比如： I am a student颠倒后变成：student a am I.词以空格分隔。 * 要求： * 1.实现速度最快,移动最少 * 2.不能使用String的方法如split,indexOf等等。 * 解答：两次翻转。 */ publ
  • web实时通讯 Chen.H Web浏览器socket脚本
    关于web实时通讯，做一些监控软件。 由web服务器组件从消息服务器订阅实时数据，并建立消息服务器到所述web服务器之间的连接，web浏览器利用从所述web服务器下载到web页面的客户端代理与web服务器组件之间的socket连接，建立web浏览器与web服务器之间的持久连接；利用所述客户端代理与web浏览器页面之间的信息交互实现页面本地更新，建立一条从消息服务器到web浏览器页面之间的消息通路
  • [基因与生物]远古生物的基因可以嫁接到现代生物基因组中吗? comsci 生物
          大家仅仅把我说的事情当作一个IT行业的笑话来听吧..没有其它更多的意思     如果我们把大自然看成是一位伟大的程序员,专门为地球上的生态系统编制基因代码,并创造出各种不同的生物来,那么6500万年前的程序员开发的代码,是否兼容现代派的程序员的代码和架构呢?   
  • oracle 外部表 daizj oracle外部表external tables
        oracle外部表是只允许只读访问，不能进行DML操作，不能创建索引，可以对外部表进行的查询，连接，排序，创建视图和创建同义词操作。 you can select, join, or sort external table data. You can also create views and synonyms for external tables. Ho
  • aop相关的概念及配置 daysinsun AOP
    切面(Aspect): 通常在目标方法执行前后需要执行的方法（如事务、日志、权限），这些方法我们封装到一个类里面，这个类就叫切面。 连接点（joinpoint） spring里面的连接点指需要切入的方法，通常这个joinpoint可以作为一个参数传入到切面的方法里面（非常有用的一个东西）。 通知（Advice） 通知就是切面里面方法的具体实现，分为前置、后置、最终、异常环
  • 初一上学期难记忆单词背诵第二课 dcj3sjt126com englishword
    middle 中间的，中级的 well 喔，那么；好吧 phone 电话，电话机 policeman 警察 ask 问 take 拿到；带到 address 地址 glad 高兴的，乐意的 why 为什么  China 中国 family 家庭 grandmother (外)祖母 grandfather (外)祖父 wife 妻子 husband 丈夫 da
  • Linux日志分析常用命令 dcj3sjt126com linuxlog
    1.查看文件内容 cat -n 显示行号 2.分页显示 more Enter 显示下一行 空格 显示下一页 F 显示下一屏 B 显示上一屏 less /get 查询"get"字符串并高亮显示 3.显示文件尾 tail -f 不退出持续显示 -n 显示文件最后n行 4.显示头文件 head -n 显示文件开始n行 5.内容排序 sort -n 按照
  • JSONP 原理分析 fantasy2005 JavaScriptjsonpjsonp 跨域
    转自 http://www.nowamagic.net/librarys/veda/detail/224 JavaScript是一种在Web开发中经常使用的前端动态脚本技术。在JavaScript中，有一个很重要的安全性限制，被称为“Same-Origin Policy”（同源策略）。这一策略对于JavaScript代码能够访问的页面内容做了很重要的限制，即JavaScript只能访问与包含它的
  • 使用connect by进行级联查询 234390216 oracle查询父子Connect by级联
    使用connect by进行级联查询          connect by可以用于级联查询，常用于对具有树状结构的记录查询某一节点的所有子孙节点或所有祖辈节点。          来看一个示例，现假设我们拥有一个菜单表t_menu，其中只有三个字段：
  • 一个不错的能将HTML表格导出为excel,pdf等的jquery插件 jackyrong jquery插件
    发现一个老外写的不错的jquery插件，可以实现将HTML 表格导出为excel,pdf等格式， 地址在： https://github.com/kayalshri/ 下面看个例子，实现导出表格到excel,pdf <html> <head> <title>Export html table to excel an
  • UI设计中我们为什么需要设计动效 lampcy UIUI设计
    关于Unity3D中的Shader的知识 首先先解释下Unity3D的Shader，Unity里面的Shaders是使用一种叫ShaderLab的语言编写的，它同微软的FX文件或者NVIDIA的CgFX有些类似。传统意义上的vertex shader和pixel shader还是使用标准的Cg/HLSL 编程语言编写的。因此Unity文档里面的Shader，都是指用ShaderLab编写的代码，
  • 如何禁止页面缓存 nannan408 htmljspcache
    禁止页面使用缓存~ ------------------------------------------------ jsp:页面no cache： response.setHeader("Pragma","No-cache"); response.setHeader("Cache-Control","no-cach
  • 以代码的方式管理quartz定时任务的暂停、重启、删除、添加等 Everyday都不同 定时任务管理spring-quartz
          【前言】在项目的管理功能中，对定时任务的管理有时会很常见。因为我们不能指望只在配置文件中配置好定时任务就行了，因为如果要控制定时任务的 “暂停” 呢？暂停之后又要在某个时间点 “重启” 该定时任务呢？或者说直接 “删除” 该定时任务呢？要改变某定时任务的触发时间呢？ “添加” 一个定时任务对于系统的使用者而言，是不太现实的，因为一个定时任务的处理逻辑他是不
  • EXT实例 tntxia ext
      （1） 增加一个按钮   JSP:   <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); Stri
  • 数学学习在计算机研究领域的作用和重要性 xjnine Math
    最近一直有师弟师妹和朋友问我数学和研究的关系，研一要去学什么数学课。毕竟在清华，衡量一个研究生最重要的指标之一就是paper,而没有数学，是肯定上不了世界顶级的期刊和会议的，这在计算机学界尤其重要！你会发现，不论哪个领域有价值的东西，都一定离不开数学！在这样一个信息时代，当google已经让世界没有秘密的时候，一种卓越的数学思维，绝对可以成为你的核心竞争力.  无奈本人实在见地
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他