lambor20000216
lambor20000216

【BootStrap】前端开发框架——快速上手页面神器

文章目录

  • 什么是BootStrap
  • Bootstrap快速入门——基本引入
  • 响应式布局，栅格系统
  • 全局CSS样式
  • 请自行查找Bootstrap官方文档
    • 组件
    • 插件

什么是BootStrap

一个前端开发的框架,来自Twitter.

框架：半成品软件，开发人员在框架的基础上进行开发，简化编码。

优点：

  • 定义了很多css样式和js插件，开发人员可以通过这些样式和插件得到丰富的页面效果
  • 响应式布局：同一页面可兼容不同分辨率的页面

Bootstrap快速入门——基本引入

中文文档

  1. 直接下载（用于生产环境下的Bootstrap）解压
  2. 引用：把三个文件夹(css样式 fonts字体 js插件)复制到自己创建的项目
  3. 创建html文件，引入必要文件。复制以下基本模板（原先的Bootstrap文档中有）再进行修改。原本的文件是放在cdn内容服务器上部署的，以下例子为修改为本地引用。
  4. 验证是否成功导入 ctrl+鼠标移到引用目录上，若没有显示则写法有误
  5. 导入jQuery放在js文件夹下 ，学习js的重要框架，修改引入
.min.css 用于引用，体积小，速度快，压缩版，没有占位符（回车，制表符）的css文件
.css 用于阅读，格式良好

inital-scale=1 缩放比例1：1
快速注释 ctrl+shift+/

基本模板：


<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 101 Templatetitle>

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

    
    
    
  head>
  <body>
    <h1>你好，世界！h1>

    
    <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js">script>
    
    <script src="js/bootstrap.min.js">script>
  body>
html>

bootstrap基本引入模板：快速入门


<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>Bootstraptitle>

    
    <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个格子，可以指定元素占几个格子
步骤：

  • 定义容器：相当于table
container 两边设有留白
container-fluid 每个设备都是100%宽度
  • 定义行，相当于tr，样式：row
  • 定义元素：该元素在不同设备上，所占格子数目。col-设备代码-格子数目

设备代码：
col-xs-12

xs(extra small) 超小屏幕 手机(<768px)
sm(small) 小屏幕 平板(>=768px)
md(medium) 中等屏幕 桌面显示器(>=992px)
lg(large) 大屏幕 大桌面显示器(>=1200px)

快速入门

  • 复制以上配置文件（.html）修改命名。
<style>
    .inner{
        border:1px solid red;
    }
style>
<body>

<div class="container-fluid">

    <div class="row">

        <div class="col-lg-1 inner">grid栅格div>
        <div class="col-lg-1 inner">grid栅格div>
        <div class="col-lg-1 inner">grid栅格div>
        <div class="col-lg-1 inner">grid栅格div>
        <div class="col-lg-1 inner">grid栅格div>
        <div class="col-lg-1 inner">grid栅格div>
        <div class="col-lg-1 inner">grid栅格div>
        <div class="col-lg-1 inner">grid栅格div>
        <div class="col-lg-1 inner">grid栅格div>
        <div class="col-lg-1 inner">grid栅格div>
        <div class="col-lg-1 inner">grid栅格div>
        <div class="col-lg-1 inner">grid栅格div>
    div>
div>
body>

注意：

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

全局CSS样式

Global CSS style
在文档里找，复制别人定义好的样式，进行修改。

  • 按钮
  • 图片
  • 表格
  • 表单

按钮
class="btn btn-default"
.btn-lg、.btn-sm或 .btn-xs 就可以获得不同尺寸的按钮。


<button type="button" class="btn btn-default">（默认样式）Defaultbutton>


<button type="button" class="btn btn-primary">（首选项）Primarybutton>


<button type="button" class="btn btn-link">（链接）Linkbutton>

图片
class="img-responsive"：图片在任意尺寸都占100%

  • 图片形状
    class="img-rounded"：方形
    class="img-circle"： 圆形
    class="img-thumbnail" ：相框
    idea 配置web项目图片无法显示问题
    img src="img/002.jpeg" alt="style"这样设置图片比较好
    表格
    table
    table-bordered
    table-hover
    表单
    class=“form-control”

请自行查找Bootstrap官方文档

组件

  • 导航
  • 分页

插件

  • 轮播图

你可能感兴趣的:(【BootStrap】前端开发框架——快速上手页面神器)

  • Nodejs + MongoDB 快速构建Web应用 (入门级教程) AI天才研究院 Python实战深度学习实战自然语言处理人工智能语言模型编程实践开发语言架构设计
    作者：禅与计算机程序设计艺术1.简介本教程从零开始，带领大家学习如何使用Nodejs和MongoDB快速搭建一个简单的Web应用程序。涵盖的内容包括：使用Nodejs搭建本地服务器安装MongoDB并连接到本地服务器使用Express构建后端API接口配置路由和中间件使用Mongoose连接数据库和管理数据模型使用模板引擎（EJS）渲染视图页面用户注册、登录和身份验证文件上传与下载功能通过Sock
  • 用 ActionNode 重构技术文档助手：从原理到实践的深度解析 海棠AI实验室 智元启示录重构ActionNodeMetaGPT人工智能AIagent
    目录什么是ActionNode？为什么用ActionNode重构技术文档助手？系统架构：从多智能体到ActionNode示例代码实现：技术文档助手中的ActionNode总结在数字化时代，技术文档的重要性日益凸显。一份清晰、准确的文档不仅能帮助用户快速上手，还能提升产品的专业形象。然而，撰写高质量的技术文档往往耗时费力。近年来，随着人工智能技术的飞速发展，自动生成技术文档成为可能。MetaGPT框
  • mapper配置文件中非空判断的重要性 fan510988896 JAVAmapper非空判断
    比如下面的：ANDperson.name=#{name}场景：我一个编辑页面，它的4个框内容都是从后台获取的。用户可能只修改其中一个值，然后提交。这时候，提交的还是四个值。但是：在单元测试中，我只设置一个值，然后测试修改的映射。这时候就出问题了，它会认为你其他三个是空值(null或者'')导致数据丢失我去mapper查看后才发现，是缺少了name!=''样式的判断。也就是说，在mapper中操作数
  • 《从新手到高手：SEO 优化全方位指南》-查词人蜘蛛池 蜘蛛池.中国 seo前端百度sequoiadb
    基础入门篇了解SEO基本概念：SEO即搜索引擎优化，是通过优化网站结构、内容、链接等，提升网站在搜索引擎结果页面中排名的技术和方法。需熟悉搜索引擎的工作原理，包括网页抓取、索引建立和排序机制，同时掌握关键词、标题标签、元描述、外链、内链、锚文本等核心术语12.明确SEO的重要性：SEO能为网站带来自然搜索流量，这种流量质量高、稳定性强。通过优化网站，可在搜索引擎结果页获得更高排名，吸引更多潜在客户
  • 渗透利器-kali工具 (第二章-4) 信息收集之目录扫描 - dirbuster 网络安全指导员 网络安全程序员黑客linux运维服务器安全web安全
    一：目录扫描的作用1.文件目录：文件目录是指：为实现"按名称存取"，必须建立文件名与辅存空间中物理地址的对应关系，体现这种对应关系的数据结构称为文件目录。2.目录扫描：目录扫描可以让我们发现这个网站存在多少个目录，多少个页面，搜索出网站到的整体结构。通过目录扫描我们还能扫敏感文件、后台文件、数据库文件、信息泄露文件等等。3.信息收集的重要部分。二：常见的目录信息泄露1.目录遍历漏洞：目录遍历[路径
  • 【现代前端静态资源打包与缓存管理指南（3万字警告）】 Gazer_S 前端缓存
    现代前端静态资源打包与缓存管理指南一、从「缓存失控」到「精准更新」的认知跃迁1.1缓存问题的本质矛盾用户侧痛点：浏览器缓存加速页面加载vs开发者诉求：代码更新后用户即时生效经典报错场景：#更新后用户看到的诡异错误UncaughtTypeError:(intermediatevalue).sayHelloisnotafunction1.2缓存控制技术图谱控制维度技术方案生效层级文件指纹Hash/Ve
  • 微信小程序授权登录源码 小莉爱编程 uniapp微信小程序
    应广大前端程序员要求，源码附上了这里是授权的页面@import"../assets/sass/setting";.authorization{position:relative;.box{position:absolute;top:50%;
  • 微信小程序流量主提升ecpm的一些方法 任聪聪 应用开发实例教程微信小程序小程序
    本篇文章主要讲解：微信小程序流量主提升ecpm的一些方法日期：2023年1月19日作者：任聪聪一、对ecpm的疑问和科普什么是ecpmecpm就是千次广告曝光收入，是一个预估的价格，而不是额定的，他是随着曝光度，用户点击度，页面访问数来决定的。ecpm为什么会低？微信官方给出的原因说明：实操下来的真实感受：实际上ecpm低的原因可能不是你的部署广告位不合理的问题，更多的应该是用户群体和用户质量导致
  • 【前端开发】能不能用Vue+Bootstrap进行项目开发？有什么需求场景需要用到的地方 爱上大树的小猪 vue.jsbootstrap前端
    简介：Vue.jsVue.js（通常简称为Vue）是一个用于构建用户界面的渐进式JavaScript框架。它允许开发者创建高效的、交互式的单页面应用（SPA）。Vue的核心库专注于视图层，易于学习且集成到现有项目中，同时也能够为复杂的应用提供强大的功能支持。Vue通过组件化的方式让代码更加模块化、可重用和维护。BootstrapBootstrap是一个开源的CSS框架，旨在简化网页和Web应用的前
  • 笔记工具--MD-Markdown的语法技巧 忆源 笔记
    MD格式，全称为Markdown格式，是一种轻量级标记语言文件，主要用于创建格式化文本。以下是对MD格式的详细解释：一、定义与特点定义：MD文件是一种纯文本格式的文件，使用简单的符号或语法来标记标题、列表、链接、图片等元素，从而实现对文本的格式化。特点：易读易写：MD文件的语法简洁明了，使得作者能够快速上手并编写出结构清晰的文档。兼容性强：MD文件可以在不同的平台和设备上打开和编辑，如文本编辑器、
  • Flutter开发者必备面试问题与答案02 flutter
    Flutter开发者必备面试问题与答案02视频https://youtu.be/XYSxTb0iA9Ihttps://www.bilibili.com/video/BV1Zk2dYyEBr/前言原文Flutter完整面试问题及答案02本文是flutter面试问题的第二讲，高频问答10题。正文11.PageRoute是什么？在Flutter中，PageRoute是一个用于管理应用中页面导航的抽象类。
  • 微信小程序面试题 Sunshinedada vue.js前端javascript
    微信小程序面试题微信小程序页面的生命周期函数主要包括哪些？onLoad:页面加载时触发。一个页面只会调用一次，可以在onLoad的参数中获取打开当前页面路径中的参数。onShow:页面显示时触发调用。onReady:页面初次渲染完成时触发,一个页面只会调用一次。onHide:页面隐藏时触发，如navigateTo或底部tab切换到其他页面等。onUnload:页面卸载时触发。如redirectTo
  • 利用Java爬虫精准获取商品销量详情：实战案例指南 小爬虫程序猿 java爬虫开发语言
    在电商领域，商品销量数据是衡量产品受欢迎程度和市场表现的关键指标。精准获取商品销量详情不仅能帮助商家优化产品策略，还能为市场研究和数据分析提供丰富的数据资源。本文将详细介绍如何利用Java爬虫技术精准获取商品销量详情，并分享关键技术和代码示例。一、前期准备（一）环境搭建确保你的开发环境已安装以下必要的Java库：Jsoup：用于解析HTML页面。HttpClient：用于发送HTTP请求。Log4
  • 利用Java爬虫获取Amazon商品详情：实战案例指南 数据小小爬虫 java爬虫开发语言
    在电商领域，Amazon作为全球最大的电商平台之一，其商品详情数据对于市场分析、竞争策略制定以及电商运营优化具有极高的价值。通过Java爬虫技术，我们可以高效地获取这些数据，为电商从业者提供强大的数据支持。本文将详细介绍如何利用Java爬虫技术获取Amazon商品详情数据。一、准备工作（一）环境搭建确保你的开发环境中已经安装了以下必要的Java库：Jsoup：用于解析HTML页面。HttpClie
  • 人工智能深度学习系列—深入探索KL散度：度量概率分布差异的关键工具 学步_技术 自动驾驶人工智能人工智能深度学习自动驾驶机器学习
    人工智能深度学习系列—深度解析：交叉熵损失（Cross-EntropyLoss）在分类问题中的应用人工智能深度学习系列—深入解析：均方误差损失（MSELoss）在深度学习中的应用与实践人工智能深度学习系列—深入探索KL散度：度量概率分布差异的关键工具人工智能深度学习系列—探索余弦相似度损失：深度学习中的相似性度量神器人工智能深度学习系列—深度学习中的边界框回归新贵：GHM（GeneralizedH
  • 数据采集技术：selenium/正则匹配/xpath/beautifulsoup爬虫实例 写代码的中青年 3天入门机器学习seleniumbeautifulsoup爬虫pythonxpath正则表达式
    专栏介绍1.专栏面向零基础或基础较差的机器学习入门的读者朋友，旨在利用实际代码案例和通俗化文字说明，使读者朋友快速上手机器学习及其相关知识体系。2.专栏内容上包括数据采集、数据读写、数据预处理、分类\回归\聚类算法、可视化等技术。3.需要强调的是，专栏仅介绍主流、初阶知识，每一技术模块都是AI研究的细分领域，同更多技术有所交叠，此处不进行讨论和分享。数据采集技术：selenium/正则匹配/xpa
  • 清华大学：DeepSeek-从入门到精通（文件提取附在最后） 浪子西科 opencv数据挖掘人工智能语言模型
    《DeepSeek：从入门到精通》团队专业：由清华大学新闻与传播学院新媒体研究中心元宇宙文化实验室的余梦珑博士后团队精心撰写。内容丰富DeepSeek简介：对DeepSeek的核心概念、目标、功能及应用场景进行解析，指导用户快速上手。核心功能呈现：涵盖文本生成与创作、自然语言理解与分析、编程支持、数据可视化等。使用方法详述：介绍访问平台方式、DeepSeek基本功能、联网搜索与文件上传等操作。从入
  • DeepSeek 助力 Vue 开发：打造丝滑的分割线（Divider） 宝码香车 #DeepSeekvue.jsjavascriptecmascriptDeepSeek前端前端框架
    前言：哈喽，大家好，今天给大家分享一篇文章！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue开发：打造丝滑的分割线（Divider）前言页面效果指令输入属性定义1.样式相关属性2.内容相关属性3.间距相关属性事件定义其他think组件代码代码测试整理后主要代码定义组件\src\components\Divi
  • 龙龙内存遍历神器：高效CPU内存检测与数据分析利器 山峰999 算法软件工程测试工具windows
    在软件开发与游戏修改领域，一款功能强大的内存遍历工具无疑是每位开发者与修改者的必备之选。今天，我们为大家隆重介绍一款备受好评的内存遍历神器——龙龙内存遍历工具电脑版。这款工具以其卓越的性能、丰富的功能以及便捷的操作体验，赢得了广大用户的青睐。接下来，让我们一同深入了解这款工具的独特魅力。一、软件概述龙龙内存遍历工具电脑版是一款专为CPU内存检测设计的强大工具。它不仅能够快速检测CPU的内存情况，还
  • Electron工作流程（2）——进程间通信 MarinaTsang electronjavascript前端
    概述Electron继承了来自Chromium的多进程架构，网页浏览器的基本架构是单个浏览器进程控制不同标签页进程，以及整个应用程序的生命周期。这样可以避免单个浏览器的无响应不会影响到整个浏览器。Electron应用的大致工作流程是：启动APP——主进程创建window——win加载页面（渲染进程）Electron应用程序的结构非常相似。作为应用开发者，你将控制两种类型的进程：主进程和渲染器进程。
  • 【前端】react+ts 轮播图的实现 Loong_DQX 前端react.jstypescript
    一、场景描述在很多网站的页面中都有轮播图，所以我想利用react.js和ts实现一个轮播图。自动轮播图已经在前面实现过了，如：https://blog.csdn.net/weixin_43872912/article/details/145622444?sharetype=blogdetail&sharerId=145622444&sharerefer=PC&sharesource=weixin_
  • HarmonyOS NEXT - 管理网页文件上传与下载 兔子不吃饭 HarmonyOSNEXTharmonyos华为
    上传文件Web组件支持前端页面选择文件上传功能，应用开发者可以使用onShowFileSelector()接口来处理前端页面文件上传的请求，如果应用开发者不做任何处理，Web会提供默认行为来处理前端页面文件上传的请求。下面的示例中，当用户在前端页面点击文件上传按钮，应用侧在onShowFileSelector()接口中收到文件上传请求，在此接口中开发者将上传的本地文件路径设置给前端页面。应用侧代码
  • DeepSeek 助力 Vue 开发：打造丝滑的缩略图列表（Thumbnail List） 宝码香车 #DeepSeekvue.js前端javascriptecmascriptDeepSeek
    前言：哈喽，大家好，今天给大家分享一篇文章！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue开发：打造丝滑的缩略图列表（ThumbnailList）前言页面效果指令输入属性定义数据相关属性布局相关属性样式相关属性交互相关属性事件其他think组件代码代码测试填写参数后主要代码定义组件src\views\Th
  • JavaScript 番茄工作法倒计时器：轻松实现时间管理，新手友好教程前端倒计时设计案例：用 JavaScript 实现番茄工作法，代码全解析从零开始构建番茄工作法倒计时器：JavaScript 南北极之间 前端进阶练手实战javascript前端开发语言1024程序员节番茄工作法倒计时
    效果图：博客教程：用JavaScript构建番茄工作法倒计时器目录项目介绍工具与环境准备项目结构HTML构建页面结构CSS美化倒计时页面JavaScript实现倒计时与番茄工作法功能总结1.项目介绍在本教程中，我们将使用HTML、CSS和JavaScript创建一个带有番茄工作法的倒计时器。番茄工作法是一种有效的时间管理方法，将工作时间分为25分钟的工作时间和5分钟的休息时间循环。你将学习如何：使
  • HarmonyOS 5.0应用开发——鸿蒙接入高德地图实现POI搜索 高心星 鸿蒙os移动应用开发harmonyos华为高德地图鸿蒙接入高德地图HarmonyOS5.0
    【高心星出品】文章目录鸿蒙接入高德地图实现POI搜索运行结果：准备地图编写ArkUI布局来加载HTML地图鸿蒙接入高德地图实现POI搜索在当今数字化时代，地图应用已成为移动设备中不可或缺的一部分。随着鸿蒙系统的日益普及，如何在鸿蒙应用中接入高德地图并实现POI（兴趣点）检索功能，成为了众多开发者关注的焦点。本文将详细介绍这一过程，帮助开发者快速上手，为用户打造更优质的地图体验。鸿蒙系统作为华为自主
  • 鸿蒙NEXT开发【文件上传下载性能提升】常见性能场景 ADgai1987 鸿蒙开发实例状态模式harmonyosopenharmony鸿蒙性能优化鸿蒙系统
    概述在开发应用时，客户端与服务器之间数据交换的效率取决于文件传输的性能。一个数据交换性能较低的应用会导致其在加载过程中耗费较长时间，在很多的场景造成页面卡顿，极大的影响了用户体验。相反，一个数据交换高效的应用，则会让应用变得更加流畅。本文将介绍两种常见的上传下载传输和网络请求的关键技术：数据压缩和断点续传，可减少宽带占用，提高传输效率，从而达到提升数据交换性能。上传下载接口目前系统内提供给文件上传
  • 【Linux网络编程】socket套接字的基础API接口 清水加冰 linux网络
    目录前言1.网络字节序2.socket编程接口2.1socket2.2bind2.3地址转换函数2.4recvfrom2.5sendto2.6TCPsocketAPI2.6.1listen()2.6.2accept()2.6.3close()2.6.4connect()总结前言了解了计算机网络的基础知识，想要快速上手网络编程，那就很有必要了解一下网络套接字相关的接口；本文主要介绍一些socket编
  • 第四篇：微信小程序网络请求与API调用：实现数据交互 Evaporator Core 微信小程序开发入门微信小程序网络小程序
    在前几篇文章中，我们学习了微信小程序的基础知识、数据绑定、事件处理以及页面导航与路由。这些知识帮助我们构建了具备基本交互功能的小程序。然而，一个完整的应用通常需要与服务器进行数据交互，例如获取用户信息、提交表单数据等。本文将深入探讨微信小程序的网络请求与API调用，帮助你实现小程序与服务器的数据交互。一、网络请求的基本概念微信小程序提供了wx.requestAPI，用于发起网络请求。通过wx.re
  • Vue3切换页面后页面不渲染问题其一 数学分析分析什么？ Vue相关前端javascriptvue.js
    在Vue3环境下，页面A在标签内对一级根节点...注释，进入A页面后跳转至B页面，全部页面不渲染。出现错误的页面代码如下：注释内容-->正常内容此时需要将注释内容删除，页面才能正常渲染。
  • el-date-picker 组件限制禁止选择当前时间之前的时间 数学分析分析什么？ Vue相关前端vue.js
    页面代码核心逻辑主要对日期与时分秒逐级分离限制，其中分秒需要注意时、分选择的变化，当分钟大于当前分时应放开所有秒的选择，分钟选择限制同理。constdisabledDateFn=(time)=>{//比当前时间小的时间禁用（返回false则禁用）returntime.getTime(){consta=[];for(leti=0;iif(newDate().getHours(){//选择时大于当前时
  • Spring中@Value注解，需要注意的地方 无量 springbean@Valuexml
    Spring 3以后,支持@Value注解的方式获取properties文件中的配置值，简化了读取配置文件的复杂操作 1、在applicationContext.xml文件(或引用文件中)中配置properties文件 <bean id="appProperty" class="org.springframework.beans.fac
  • mongoDB 分片 开窍的石头 mongodb
        mongoDB的分片。要mongos查询数据时候 先查询configsvr看数据在那台shard上，configsvr上边放的是metar信息，指的是那条数据在那个片上。由此可以看出mongo在做分片的时候咱们至少要有一个configsvr,和两个以上的shard（片）信息。     第一步启动两台以上的mongo服务 &nb
  • OVER(PARTITION BY)函数用法 0624chenhong oracle
    这篇写得很好，引自 http://www.cnblogs.com/lanzi/archive/2010/10/26/1861338.html OVER(PARTITION BY)函数用法 2010年10月26日 OVER(PARTITION BY)函数介绍 开窗函数        &nb
  • Android开发中，ADB server didn't ACK 解决方法 一炮送你回车库 Android开发
    首先通知：凡是安装360、豌豆荚、腾讯管家的全部卸载，然后再尝试。   一直没搞明白这个问题咋出现的，但今天看到一个方法，搞定了！原来是豌豆荚占用了 5037 端口导致。 参见原文章：一个豌豆荚引发的血案——关于ADB server didn't ACK的问题 简单来讲，首先将Windows任务进程中的豌豆荚干掉，如果还是不行，再继续按下列步骤排查。 &nb
  • canvas中的像素绘制问题 换个号韩国红果果 JavaScriptcanvas
    pixl的绘制，1.如果绘制点正处于相邻像素交叉线，绘制x像素的线宽，则从交叉线分别向前向后绘制x/2个像素，如果x/2是整数，则刚好填满x个像素，如果是小数，则先把整数格填满，再去绘制剩下的小数部分，绘制时，是将小数部分的颜色用来除以一个像素的宽度，颜色会变淡。所以要用整数坐标来画的话（即绘制点正处于相邻像素交叉线时），线宽必须是2的整数倍。否则会出现不饱满的像素。 2.如果绘制点为一个像素的
  • 编码乱码问题 灵静志远 javajvmjsp编码
    1、JVM中单个字符占用的字节长度跟编码方式有关，而默认编码方式又跟平台是一一对应的或说平台决定了默认字符编码方式；2、对于单个字符：ISO-8859-1单字节编码，GBK双字节编码，UTF-8三字节编码；因此中文平台(中文平台默认字符集编码GBK)下一个中文字符占2个字节，而英文平台(英文平台默认字符集编码Cp1252(类似于ISO-8859-1))。 3、getBytes()、getByte
  • java 求几个月后的日期 darkranger calendargetinstance
    Date plandate = planDate.toDate(); SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd"); Calendar cal = Calendar.getInstance(); cal.setTime(plandate); // 取得三个月后时间 cal.add(Calendar.M
  • 数据库设计的三大范式（通俗易懂） aijuans 数据库复习
    关系数据库中的关系必须满足一定的要求。满足不同程度要求的为不同范式。数据库的设计范式是数据库设计所需要满足的规范。只有理解数据库的设计范式，才能设计出高效率、优雅的数据库，否则可能会设计出错误的数据库. 目前，主要有六种范式：第一范式、第二范式、第三范式、BC范式、第四范式和第五范式。满足最低要求的叫第一范式，简称1NF。在第一范式基础上进一步满足一些要求的为第二范式，简称2NF。其余依此类推。
  • 想学工作流怎么入手 atongyeye jbpm
    工作流在工作中变得越来越重要，很多朋友想学工作流却不知如何入手。 很多朋友习惯性的这看一点，那了解一点，既不系统，也容易半途而废。好比学武功，最好的办法是有一本武功秘籍。研究明白，则犹如打通任督二脉。 系统学习工作流，很重要的一本书《JBPM工作流开发指南》。 本人苦苦学习两个月，基本上可以解决大部分流程问题。整理一下学习思路，有兴趣的朋友可以参考下。 1  首先要
  • Context和SQLiteOpenHelper创建数据库 百合不是茶 androidContext创建数据库
           一直以为安卓数据库的创建就是使用SQLiteOpenHelper创建,但是最近在android的一本书上看到了Context也可以创建数据库,下面我们一起分析这两种方式创建数据库的方式和区别,重点在SQLiteOpenHelper     一:SQLiteOpenHelper创建数据库:   1,SQLi
  • 浅谈group by和distinct bijian1013 oracle数据库group bydistinct
            group by和distinct只了去重意义一样，但是group by应用范围更广泛些，如分组汇总或者从聚合函数里筛选数据等。         譬如：统计每id数并且只显示数大于3 select id ,count(id) from ta
  • vi opertion 征客丶 macoprationvi
    进入 command mode （命令行模式） 按 esc 键 再按 shift + 冒号 注：以下命令中 带 $ 【在命令行模式下进行】，不带 $ 【在非命令行模式下进行】 一、文件操作 1.1、强制退出不保存 $ q! 1.2、保存 $ w 1.3、保存并退出 $ wq 1.4、刷新或重新加载已打开的文件 $ e 二、光标移动 2.1、跳到指定行 数字
  • 【Spark十四】深入Spark RDD第三部分RDD基本API bit1129 spark
      对于K/V类型的RDD,如下操作是什么含义？   val rdd = sc.parallelize(List(("A",3),("C",6),("A",1),("B",5)) rdd.reduceByKey(_+_).collect  reduceByKey在这里的操作，是把
  • java类加载机制 BlueSkator java虚拟机
    java类加载机制 1.java类加载器的树状结构 引导类加载器 ^ | 扩展类加载器 ^ | 系统类加载器 java使用代理模式来完成类加载，java的类加载器也有类似于继承的关系，引导类是最顶层的加载器，它是所有类的根加载器，它负责加载java核心库。当一个类加载器接到装载类到虚拟机的请求时，通常会代理给父类加载器，若已经是根加载器了，就自己完成加载。 虚拟机区分一个Cla
  • 动态添加文本框 BreakingBad 文本框
      <script>     var num=1; function AddInput() {      var str="";     str+="<input 
  • 读《研磨设计模式》-代码笔记-单例模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ public class Singleton { } /* * 懒汉模式。注意，getInstance如果在多线程环境中调用，需要加上synchronized，否则存在线程不安全问题 */ class LazySingleton
  • iOS应用打包发布常见问题 chenhbc iosiOS发布iOS上传iOS打包
    这个月公司安排我一个人做iOS客户端开发，由于急着用，我先发布一个版本，由于第一次发布iOS应用，期间出了不少问题，记录于此。   1、使用Application Loader 发布时报错：Communication error.please use diagnostic mode to check connectivity.you need to have outbound acc
  • 工作流复杂拓扑结构处理新思路 comsci 设计模式工作算法企业应用OO
    我们走的设计路线和国外的产品不太一样，不一样在哪里呢？  国外的流程的设计思路是通过事先定义一整套规则(类似XPDL)来约束和控制流程图的复杂度(我对国外的产品了解不够多，仅仅是在有限的了解程度上面提出这样的看法)，从而避免在流程引擎中处理这些复杂的图的问题，而我们却没有通过事先定义这样的复杂的规则来约束和降低用户自定义流程图的灵活性，这样一来，在引擎和流程流转控制这一个层面就会遇到很
  • oracle 11g新特性Flashback data archive daizj oracle
    1. 什么是flashback data archive Flashback data archive是oracle 11g中引入的一个新特性。Flashback archive是一个新的数据库对象，用于存储一个或多表的历史数据。Flashback archive是一个逻辑对象，概念上类似于表空间。实际上flashback archive可以看作是存储一个或多个表的所有事务变化的逻辑空间。
  • 多叉树:2-3-4树 dieslrae 树
        平衡树多叉树,每个节点最多有4个子节点和3个数据项,2,3,4的含义是指一个节点可能含有的子节点的个数,效率比红黑树稍差.一般不允许出现重复关键字值.2-3-4树有以下特征:     1、有一个数据项的节点总是有2个子节点(称为2-节点)     2、有两个数据项的节点总是有3个子节点(称为3-节
  • C语言学习七动态分配 malloc的使用 dcj3sjt126com clanguagemalloc
    /* 2013年3月15日15:16:24 malloc 就memory(内存) allocate(分配)的缩写 本程序没有实际含义，只是理解使用 */ # include <stdio.h> # include <malloc.h> int main(void) { int i = 5; //分配了4个字节 静态分配 int * p
  • Objective-C编码规范[译] dcj3sjt126com 代码规范
      原文链接 : The official raywenderlich.com Objective-C style guide 原文作者 : raywenderlich.com Team 译文出自 : raywenderlich.com Objective-C编码规范 译者 : Sam Lau
  • 0.性能优化-目录 frank1234 性能优化
    从今天开始笔者陆续发表一些性能测试相关的文章，主要是对自己前段时间学习的总结，由于水平有限，性能测试领域很深，本人理解的也比较浅，欢迎各位大咖批评指正。 主要内容包括： 一、性能测试指标 吞吐量、TPS、响应时间、负载、可扩展性、PV、思考时间 http://frank1234.iteye.com/blog/2180305 二、性能测试策略 生产环境相同 基准测试 预热等 htt
  • Java父类取得子类传递的泛型参数Class类型 happyqing java泛型父类子类Class
      import java.lang.reflect.ParameterizedType; import java.lang.reflect.Type; import org.junit.Test; abstract class BaseDao<T> { public void getType() { //Class<E> clazz =
  • 跟我学SpringMVC目录汇总贴、PDF下载、源码下载 jinnianshilongnian springMVC
      ----广告-------------------------------------------------------------- 网站核心商详页开发 掌握Java技术，掌握并发/异步工具使用，熟悉spring、ibatis框架； 掌握数据库技术，表设计和索引优化，分库分表/读写分离； 了解缓存技术，熟练使用如Redis/Memcached等主流技术； 了解Ngin
  • the HTTP rewrite module requires the PCRE library 流浪鱼 rewrite
    ./configure: error: the HTTP rewrite module requires the PCRE library. 模块依赖性Nginx需要依赖下面3个包 1. gzip 模块需要 zlib 库 ( 下载: http://www.zlib.net/ ) 2. rewrite 模块需要 pcre 库 ( 下载: http://www.pcre.org/ ) 3. s
  • 第12章 Ajax（中） onestopweb Ajax
    index.html <!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/
  • Optimize query with Query Stripping in Web Intelligence blueoxygen BO
    http://wiki.sdn.sap.com/wiki/display/BOBJ/Optimize+query+with+Query+Stripping+in+Web+Intelligence and a very straightfoward video http://www.sdn.sap.com/irj/scn/events?rid=/library/uuid/40ec3a0c-936
  • Java开发者写SQL时常犯的10个错误 tomcat_oracle javasql
    1、不用PreparedStatements 　　有意思的是，在JDBC出现了许多年后的今天，这个错误依然出现在博客、论坛和邮件列表中，即便要记住和理解它是一件很简单的事。开发者不使用PreparedStatements的原因可能有如下几个： 　　他们对PreparedStatements不了解 　　他们认为使用PreparedStatements太慢了 　　他们认为写Prepar
  • 世纪互联与结盟有感 阿尔萨斯
    10月10日，世纪互联与（Foxcon）签约成立合资公司，有感。 全球电子制造业巨头（全球500强企业）与世纪互联共同看好IDC、云计算等业务在中国的增长空间，双方迅速果断出手，在资本层面上达成合作，此举体现了全球电子制造业巨头对世纪互联IDC业务的欣赏与信任，另一方面反映出世纪互联目前良好的运营状况与广阔的发展前景。 众所周知，精于电子产品制造（世界第一），对于世纪互联而言，能够与结盟
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他