weixin_33872660
weixin_33872660

网页分栏样式

     今天看msdn,上面的页面都做的很好,羡慕不已,所以自己也试着做了下.

效果图

网页分栏样式_第1张图片

     第一个和第二个都用到了div的圆角,网上很多这种代码,第一个的标题的背景色是从上往下渐变的,然后第三个就把渐变用的多一点了标题和整个背景都是,只是他们的渐变方向不同,感觉还可以呵呵.

     下面是这三个的代码:

 

ContractedBlock.gif ExpandedBlockStart.gif Code
<html>
<head>
    <style type="text/css">
        u.corner u
        {
            height: 1px;
            font-size: 1px;
            display: block;
            overflow: hidden;
            text-decoration: none;
            background-color: #E3E3E6;
        }
        u.corner u.h1
        {
            margin: 0px 5px;
            background-color: #B4B4BC;
        }
        u.corner u.h2
        {
            margin: 0 3px;
            border-left: solid 2px #B4B4BC;
            border-right: solid 2px #B4B4BC;
            background-color: #E3E3E6;
        }
        u.corner u.h3
        {
            margin: 0 2px;
            border-left: solid 1px #B4B4BC;
            border-right: solid 1px #B4B4BC;
            background-color: #E3E3E6;
        }
        u.corner u.h4
        {
            margin: 0 1px;
            height: 2px;
            border-left: solid 1px #B4B4BC;
            border-right: solid 1px #B4B4BC;
            background-color: #E3E3E6;
        }
        u.cornertitle u
        {
            height: 1px;
            font-size: 1px;
            display: block;
            overflow: hidden;
            text-decoration: none;
            background-color: #3A3A3A;
        }
        u.cornertitle u.h1
        {
            margin: 0px 5px;
            background-color: #B4B4BC;
        }
        u.cornertitle u.h2
        {
            margin: 0 3px;
            border-left: solid 2px #B4B4BC;
            border-right: solid 2px #B4B4BC;
            background-color: #3A3A3A;
        }
        u.cornertitle u.h3
        {
            margin: 0 2px;
            border-left: solid 1px #B4B4BC;
            border-right: solid 1px #B4B4BC;
            background-color: #3A3A3A;
        }
        u.cornertitle u.h4
        {
            margin: 0 1px;
            height: 2px;
            border-left: solid 1px #B4B4BC;
            border-right: solid 1px #B4B4BC;
            background-color: #3A3A3A;
        }
        .csstitle
        {
            height:20px;
            padding:3 0 0 10;
            filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= 'lightblue' , endColorStr= '#FFFFFF' , gradientType= '1' );
            border-bottom: lightblue 1px solid;
        }
    style>
    <head>
        <body>
            <hr />
            <table width="100%">
                <tr>
                    <td width="50%" valign="top">
                        <div>
                            <u class="corner"><u class="h1">u><u class="h2">u><u class="h3">u><u class="h4">
                            u>u>
                            <div style="border-bottom: solid 1px #B4B4BC; border-left: solid 1px #B4B4BC; border-right: solid 1px #B4B4BC;">
                                <div style="width: 100%; filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#E3E3E6', endColorStr='#F3F3F3', gradientType='0');">
                                    <div style="margin: 0 10 0 10; font-weight: bold;">
                                        分栏效果一
                                    div>
                                div>
                                <div style="margin: 10 10;">
                                    <a style="text-decoration: none;" href="a">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa><br />
                                    <a style="text-decoration: none;" href="a">bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbba><br />
                                    <a style="text-decoration: none;" href="a">cccccccccccccccccccccccccccca>
                                div>
                            div>
                        div>
                        <br />
                        <div>
                            <div style="border-bottom: solid 1px #B4B4BC; border-left: solid 1px #B4B4BC; border-right: solid 1px #B4B4BC;
                                border-top: solid 1px #B4B4BC;">
                                <div class="csstitle">
                                    分栏效果三
                                div>
                                <div style="width: 100%; filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#E8F7F5', endColorStr='#FFFFFF', gradientType='0');">
                                    <div style="margin: 10 10 10 10">
                                        <hr />
                                        <hr />
                                        <hr />
                                        <hr />
                                        <hr />
                                        <hr />
                                        <hr />
                                    div>
                                div>
                            div>
                        div>
                    td>
                    <td width="50%" valign="top">
                        <div>
                            <u class="cornertitle"><u class="h1">u><u class="h2">u><u class="h3">u><u class="h4">
                            u>u>
                            <div style="border-bottom: solid 1px #B4B4BC; border-left: solid 1px #B4B4BC; border-right: solid 1px #B4B4BC;">
                                <div style="width: 100%; background-color: #3A3A3A;">
                                    <div style="margin: 0 10 0 10; font-weight: bold; color: White;">
                                        分栏效果二
                                    div>
                                div>
                                <div style="margin: 10 10;">
                                    <a style="text-decoration: none;" href="a">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa><br />
                                    <a style="text-decoration: none;" href="a">bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbba><br />
                                    <a style="text-decoration: none;" href="a">cccccccccccccccccccccccccccca><br />
                                    <a style="text-decoration: none;" href="a">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa><br />
                                    <a style="text-decoration: none;" href="a">bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbba><br />
                                    <a style="text-decoration: none;" href="a">cccccccccccccccccccccccccccca><br />
                                    <a style="text-decoration: none;" href="a">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa><br />
                                    <a style="text-decoration: none;" href="a">bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbba><br />
                                    <a style="text-decoration: none;" href="a">cccccccccccccccccccccccccccca><br />
                                    <a style="text-decoration: none;" href="a">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa><br />
                                    <a style="text-decoration: none;" href="a">bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbba><br />
                                    <a style="text-decoration: none;" href="a">cccccccccccccccccccccccccccca>
                                div>
                            div>
                        div>
                    td>
                tr>
            table>
        body>
html>

转载于:https://www.cnblogs.com/zrx401558287/archive/2009/02/05/1384706.html

你可能感兴趣的:(网页分栏样式)

  • webView显示网页的时候，右半部分有白色一片空白区域
    这时需要设置他的滚动条wv_showHTML.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY)WebView中android:scrollbarSize="0dip"加上这句就好了引用于：http://www.17jquery.com/html_html5/38376/和http://bbs.csdn.net/topics/350001955
  • 大语言模型应用指南：网页实时浏览 AGI大模型与大数据研究院 AI大模型应用开发实战计算科学神经计算深度学习神经网络大数据人工智能大型语言模型AIAGILLMJavaPython架构设计AgentRPA
    大语言模型应用指南：网页实时浏览作者：禅与计算机程序设计艺术1.背景介绍1.1大语言模型的崛起1.1.1自然语言处理的发展历程1.1.2Transformer模型的突破1.1.3预训练语言模型的优势1.2网页浏览的痛点1.2.1信息过载与检索困难1.2.2内容理解与知识提取1.2.3个性化与智能化需求1.3大语言模型与网页浏览的结合1.3.1智能问答与对话系统1.3.2知识图谱与语义搜索1.3.3
  • UniApp TabBar 用户头像方案：绕过原生限制的实践 金翅 uni-app
    需求场景：在UniApp项目中，需要将TabBar首页项(index)的图标替换为当前用户的网络图片，并实现：放大且圆形显示。点击该图标时，页面滚动回顶部。切换到其他分类时，首页Tab项恢复为普通首页图标。尝试方案与问题：自定义TabBar：○可实现功能：网络图片、样式定制、点击事件。○致命缺点：页面切换时TabBar闪烁，页面重新加载，体验极差。❌放弃原生TabBar：○优点：切换流畅无闪烁，体
  • 网页源码保护助手 海洋网页在线加密：HTML 源码防复制篡改，密文安全如铜墙铁壁 小瑞软件库 开源软件软件构建电脑
    各位网页开发的大神们！今天给你们介绍个超厉害的东西——海洋网页在线加密，软件下载地址安装包它就是专门给咱网页开发者量身打造的代码保护神器啊！它的核心功能就是给HTML源码加密，能防止别人在咱没同意的情况下复制或者篡改代码内容。咱用户呢，直接把网页源代码复制到软件界面就行，然后它通过自动化加密流程，就能生成一堆谁也看不懂的密文。而且啊，它还支持把密文保存成TXT文件，或者直接嵌入到新网页里。这软件还
  • 如何在淘宝上领取无门槛优惠券?淘宝购物哪里可以领优惠券? 氧惠全网优惠
    通过淘宝APP领取：打开淘宝APP，点击首页的“领券中心”或直接在搜索框输入“优惠券”进行搜索。在领券中心页面或搜索结果中，浏览并找到标有“无门槛”或“全场通用”的优惠券。点击领取按钮，按照提示完成领取操作。领取成功后，优惠券会自动保存到用户的淘宝账户中。通过商品详情页领取：在淘宝APP或网页版中，搜索并找到想要购买的商品，点击进入商品详情页。在商品详情页下方，寻找“优惠券”或“领券”等标识，点击
  • 前端——HTML 哪里不会点哪里. 前端html前端
    目录HTML简介HTML基本框架JavaScript内嵌JavaScript外引JavaScriptCSS内部样式外部样式HTML简介HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。超文本是
  • 遥感云平台-GEE下载Landsat8/9影像数据（python）
    内容介绍上期文章介绍如何在网页端导出Landsat8/9数据，本期主要介绍如何在本地GEE-python端导出数据以及出图。环境配置：Vscode+Jupyternotebook+gee+geemap+python3.10#导出所需要的包，注意提前安装ee和geemapimporteeimportosimportnumpyasnpimportgeemapfromgeemap.datasetsimp
  • 利用Wget批量下载网页链接中的数据 勇博士科研能干明白么 工具包信息可视化数据库
    1、电脑下载安装好Wget程序，具体操作流程可参照：wget的安装与使用（Windows）_wgetwindows-CSDN博客https://blog.csdn.net/m0_45447650/article/details/125786723?ops_request_misc=%257B%2522request%255Fid%2522%253A%252217144722051680018582
  • 用Python爬取网易云歌单 Avaricious_Bear python开发语言
    最近，博主喜欢上了听歌，但是又苦于找不到好音乐，于是就打算到网易云的歌单中逛逛本着“用技术改变生活”的想法，于是便想着写一个爬虫爬取网易云的歌单，并按播放量自动进行排序这篇文章，我们就来讲讲怎样爬取网易云歌单，并将歌单按播放量进行排序1、用requests爬取网易云歌单打开网易云音乐歌单首页，不难发现这是一个静态网页，而且格式很有规律，爬取起来应该十分简单按照以前的套路，很快就可以写完代码，无非就
  • Python爬虫实战：高效解析OpenGraph协议数据 Python爬虫项目 python爬虫开发语言宽度优先音视频json
    OpenGraph协议简介OpenGraph协议是由Facebook于2010年推出的一种网页元数据标准，旨在使任何网页都能成为社交图中的丰富对象。通过在网页的部分添加特定的标签，网站所有者可以控制内容在社交媒体上分享时的呈现方式。OpenGraph协议的核心元数据包括：html这些标签不仅被Facebook使用，也被Twitter、LinkedIn、WhatsApp等主流社交平台广泛支持。据统计
  • 如何使用爬虫简单的爬取一个网页的静态前端代码
    什么是爬虫？Python爬虫是一种使用Python语言编写的程序，用于自动访问网页并提取所需信息。它通常用于网络数据抓取、数据挖掘和信息收集。Python爬虫可以模拟浏览器行为，向服务器发送请求并接收响应数据，然后解析这些数据以获取有用的信息。爬虫的基本原理（流程）发送请求：爬虫向目标网站的服务器发送HTTP请求（通常是GET请求）。获取响应：服务器返回网页的HTML内容。解析内容：爬虫解析HTM
  • 2023-03-22 小郭不会打篮球
    3.21笔记一、定位作用：显示定在所有其他元素之上、可以让元素在浏览器中任意位置。a标准流块级元素独占一行→垂直布局行内元素/行内块元素一行显示多个→水平布局b浮动可以让原本垂直布局的块级元素变成水平布局c定位可以让元素自由的摆放在网页的任意位置一般用于盒子之间的层叠情况1、属性名：position静态定位：static相对定位：relative绝对定位：absolute固定定位：fixed向下移
  • CSS 样式设计：背景、字体与边框渐变详解 前端呆猿 css前端
    一、CSS背景渐变CSS背景渐变是现代网页设计中常用的技术，可以创建平滑的颜色过渡效果，替代传统的静态背景图像。1.线性渐变(LinearGradient).element{background:linear-gradient(toright,#ff7e5f,#feb47b);}方向参数：toright、toleft、tobottom、totop，或角度如45deg可以添加多个颜色节点：linea
  • XSS的介绍 lq_ioi_pl xss前端
    目录XSS的原理反射型XSSDOM型XSS存储型XSS常见的XSSPayloadXSS的原理XSS全称跨站脚本(CrossSiteScripting)，为避免与层叠样式表(CascadingStyleSheets,CSS)的缩写混淆，故缩写为XSS。这是一种将任意Javascript代码插入到其他Web用户页面中执行以达到攻击目的的漏洞。攻击者利用浏览器的动态展示数据功能，在HTML页面里嵌入恶意
  • 从头学前端-HTML简介 liangblog 笔记前端htmljavascript
    HTML简介:先说下什么是网页：网页是网站中的页面，通长是HTML格式的文件，单个或多个页面就组成了一个网站；现在的技术发展到一般都是单页应用，在一个页面中，通过页面跳转的方式，访问不同数据页面；网页基本都是通过浏览器访问；网页主要有图片，文字、链接、视音频等元素组成；使用不同的标签引入元素；最终生成的文件和展示的方式一般都是html或htm文件;什么是HTMLHTML是超文本标记语言《Hyper
  • CSS实现前端响应式布局
    一、响应式布局概述响应式布局的定义与重要性响应式布局是一种能够使网页在不同设备上（如桌面电脑、平板电脑、手机等）都能呈现出良好视觉效果和用户体验的设计方法。它通过使用灵活的布局、可适应的图像和媒体查询等技术，确保网页能够根据设备的屏幕尺寸、分辨率和方向进行自动调整和优化。在当今数字化时代，响应式布局至关重要。随着移动设备的广泛使用，用户越来越多地通过各种设备访问网页。如果网页不能在不同设备上良好地
  • 我在黑马程序员学web前端 新手来了@click 前端
    1网页由三部分组成1.、html负责网页的结构2.css、负责网页的美化，控制网页元素的样式3、js，负责网页交互html常见的标签：1、form表单input输入框select下拉菜单option下拉列表2、table表格thead表头ｔｂｏｄｙ是表体tr行th表头加粗ｔｄ是列ｂｒ是换行2/CＳＳ常见的三种引入方式行内样式、内部样式、外部样式用ｌｉｎｋ关键字常用的元素选择器：标签选择器、id选择
  • CSS样式中的布局、字体、响应式布局
    目录一、使用内联块级元素布局二、使用float布局三、使用弹性盒子布局四、服务器字体五、响应式布局相关文章积累CSS样式属性：padding、margin、display:flex、font、position、cursor、:hover、:nth-child()、border-radius一、使用内联块级元素布局让想要横着的元素（left、mid、right）变成内联块级元素。示例leftmidr
  • JavaScript语言基础全解析：语法、面向对象与异步编程 白仑色 前端系列javascriptudp开发语言
    引言：JavaScript的三大核心支柱JavaScript作为一门跨平台、多范式的编程语言，已从最初的网页脚本发展为全栈开发的基石。其语言基础可概括为三大核心：语法基础（变量、数据类型、控制流等）、面向对象与原型系统（独特的原型继承机制）、异步编程模型（处理非阻塞操作的核心方案）。掌握这三部分，不仅能写出规范的代码，更能深入理解JavaScript的设计哲学。本文将系统讲解这三大模块，每个知识点
  • 服务器与工控机的区别解析 D-海漠 其他
    服务器和工控机虽然都是计算机，但它们的设计目标、使用环境和核心特性有本质的区别，就像轿车和越野车虽然都是车，但用途和构造截然不同。以下是它们的主要区别：核心设计目标：服务器：数据处理、存储、网络服务和应用托管。核心目标是高性能、高吞吐量、高可靠性、可扩展性和高可用性（通常通过集群、冗余实现）。它需要处理海量并发请求（如网页服务、数据库查询、文件共享、虚拟化等）。工控机：工业环境中的过程控制、数据采
  • (5)从零开发 Chrome 插件：Vue3 Chrome 插件待办事项应用 超龄超能程序猿 Chrome插件html5jsonjavascriptvue.js前端框架
    (1)从零开发Chrome插件：构建你的第一个插件(3)从零开发Chrome插件：实现API登录与本地存储功能(3)从零开发Chrome插件：网页图片的批量下载(4)从零开发Chrome插件：Chrome插件调试全攻略(5)从零开发Chrome插件：Vue3Chrome插件待办事项应用Vue3Chrome插件待办事项应用功能概述一个基于Vue3的Chrome插件待办事项应用，具有以下功能：添加/删
  • MD编辑器基本使用方法 斟的是酒中桃 编辑器Markdown
    这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML图表FLowchart流程图导出与导入导出导入欢迎使用Mark
  • 这么简单的从零到一做HTML 网页，你确定不来看看吗？ paid槮 html服务器前端
    HTML网页的介绍HTML(HypertextMarkupLanguage,超文本标记语言)是一种用于创建网页的标准标记语言,是一种与Python不同的编程语言。网页文件的扩展名通常为,html或.htm,这两种扩展名都可使用,并不会影响文件内容简单的HTML网页框架每一个HTML网页都包含一个基础框架，其他的内容都是在基础框架内进行扩充的。示例代码:这里是标题在这里填入正文这是一个较为基础的HT
  • HTML5如何创建容器 paid槮 html5前端html
    为了让网页的布局更加美观，HTML提供了容器的概念，即在网页中占用一块区域,在此区域内可以添加多种标签,且这些标签只会在该区域内显示，使得标签有了各自的容器，能在各自的区域内显示内容。标签在HTML中使用标签来建立一个容器。其使用形式如下!其他标签被标签所包含的标签都隶属于同一个容器,当使用标签设置属性样式(即style通用样式)时整个容器都会显示此样式。示例代码:我是标题1我纻蜞居是腭绠纩定标题
  • HTTPS协议的应用场景分析 Arwen303 https网络协议http
    HTTPS协议的应用场景分析一、Web服务与交互网页浏览场景：用户通过浏览器访问各类网站（如门户网站、资讯平台），传输HTML、CSS、JavaScript等静态资源。应用：主流网站普遍采用HTTPS，确保页面内容安全加载。例如，Wikipedia、新浪等站点通过HTTPS防止内容被篡改。安全需求：防止页面被中间人劫持植入恶意广告或脚本。在线表单与用户登录场景：用户提交注册表单、登录账号时传输用户
  • 爬虫基础理论总结 qianxun0921
    一、什么是爬虫爬虫：又称网页蜘蛛,网络机器人，从互联网上自动抓取数据的程序，通俗地讲，就是可以爬取浏览器中看得到的数据二、爬虫的基本流程1、分析网站，得到目标url2、根据url，发起请求，获取页面的HTML源码3、从页面源码中提取数据：a、提取到目标数据，做数据的筛选和持久化存储b、从页面中提取新的url地址，继续执行第二步操作4、爬虫结束：所有的目标url都提取完毕，并且得到数据了，再也没有其
  • socket简介 furuiyang
    什么是socketsocket(简称套接字)是进程间通信的一种方式，它与其他进程间通信的一个主要不同是：它能实现不同主机间的进程间通信，我们网络上各种各样的服务大多都是基于Socket来完成通信的。例如我们每天浏览网页、QQ聊天、收发email等等。什么是进程间通信所谓进程间通信指的是：运行的程序之间的数据共享。不同电脑上的进程之间如何通信首要解决的问题是如何唯一标识一个进程，否则通信无从谈起。在
  • 教你解决禁止F12、调试Debugger、丑化JS等反爬 Python研究者
    1前言在爬取数据时，有一些网站设置了反爬（禁止F12、网页调试Debugger、丑化Js），比如下面这几种情况：1.禁止查看源代码imageimage2.网页调试Debugger上面禁止查看网页问题，可以先按F12，再访问网站，但是又有网页调试Debuggerimage经过各种百度之后，可以在浏览器里面关闭Debug调试image这样就点击为蓝色就可以关闭了。3.丑化JS通过查看，可以发现数据是异
  • HTML之创建容器和表格 一百天成为python专家 java开发语言前端csshtmlhtml5
    创建容器为了让网页的布局更加美观，HTML提供了容器的概念，即在网页中占用一块区域,在此区域内可以添加多种标签,且这些标签只会在该区域内显示，使得标签有了各自的容器，能在各自的区域内显示内容。标签在HTML中使用标签来建立一个容器。其使用形式如下:kdiv>其他标签被标签所包含的标签都隶属于同一个容器,当使用标签设置属性样式(即style通用样式)时整个容器都会显示此样式。示例代码:这里是标题我是
  • python爬虫入门（小白五分钟从入门到精通） 一百天成为python专家 python爬虫开发语言网络爬虫python3.11ipython
    网络爬虫的介绍本节主要介绍Pytbon语言中支持网络爬虫的库,此外还将介绍如何获取网站的爬取规则，读者在学习和践过程中一定要严格遵守网站提供的爬取规则。网络爬虫网络爬虫通俗来讲就是使用代码将HTML网页的内容下载到本地的过程。爬取网页主要是为了获取网中的关键信息，例如网页中的数据、图片、视频等。Python语言中提供了多个具有爬虫功能的库，下面将具urHIib库:是Python自带的标准库，无须下
  • 二分查找排序算法 周凡杨 java二分查找排序算法折半
    一：概念 二分查找又称 折半查找（ 折半搜索/ 二分搜索），优点是比较次数少，查找速度快，平均性能好；其缺点是要求待查表为有序表，且插入删除困难。因此，折半查找方法适用于不经常变动而 查找频繁的有序列表。首先，假设表中元素是按升序排列，将表中间位置记录的关键字与查找关键字比较，如果两者相等，则查找成功；否则利用中间位置记录将表 分成前、后两个子表，如果中间位置记录的关键字大于查找关键字，则进一步
  • java中的BigDecimal bijian1013 javaBigDecimal
            在项目开发过程中出现精度丢失问题，查资料用BigDecimal解决，并发现如下这篇BigDecimal的解决问题的思路和方法很值得学习，特转载。         原文地址：http://blog.csdn.net/ugg/article/de
  • Shell echo命令详解 daizj echoshell
    Shell echo命令 Shell 的 echo 指令与 PHP 的 echo 指令类似，都是用于字符串的输出。命令格式： echo string 您可以使用echo实现更复杂的输出格式控制。 1.显示普通字符串: echo "It is a test" 这里的双引号完全可以省略，以下命令与上面实例效果一致： echo Itis a test 2.显示转义
  • Oracle DBA 简单操作 周凡杨 oracle dba sql
    --执行次数多的SQL select sql_text,executions from (      select sql_text,executions from v$sqlarea order by executions desc      ) where rownum<81;  &nb
  • 画图重绘 朱辉辉33 游戏
      我第一次接触重绘是编写五子棋小游戏的时候，因为游戏里的棋盘是用线绘制的，而这些东西并不在系统自带的重绘里，所以在移动窗体时，棋盘并不会重绘出来。所以我们要重写系统的重绘方法。   在重写系统重绘方法时，我们要注意一定要调用父类的重绘方法，即加上super.paint(g)，因为如果不调用父类的重绘方式，重写后会把父类的重绘覆盖掉，而父类的重绘方法是绘制画布，这样就导致我们
  • 线程之初体验 西蜀石兰 线程
    一直觉得多线程是学Java的一个分水岭，懂多线程才算入门。 之前看《编程思想》的多线程章节，看的云里雾里，知道线程类有哪几个方法，却依旧不知道线程到底是什么？书上都写线程是进程的模块，共享线程的资源，可是这跟多线程编程有毛线的关系，呜呜。。。 线程其实也是用户自定义的任务，不要过多的强调线程的属性，而忽略了线程最基本的属性。 你可以在线程类的run()方法中定义自己的任务，就跟正常的Ja
  • linux集群互相免登陆配置 林鹤霄 linux
    配置ssh免登陆 1、生成秘钥和公钥    ssh-keygen -t rsa 2、提示让你输入，什么都不输，三次回车之后会在~下面的.ssh文件夹中多出两个文件id_rsa 和 id_rsa.pub    其中id_rsa为秘钥，id_rsa.pub为公钥，使用公钥加密的数据只有私钥才能对这些数据解密    c
  • mysql : Lock wait timeout exceeded; try restarting transaction aigo mysql
    原文：http://www.cnblogs.com/freeliver54/archive/2010/09/30/1839042.html   原因是你使用的InnoDB   表类型的时候, 默认参数:innodb_lock_wait_timeout设置锁等待的时间是50s, 因为有的锁等待超过了这个时间,所以抱错.   你可以把这个时间加长,或者优化存储
  • Socket编程 基本的聊天实现。 alleni123 socket
    public class Server { //用来存储所有连接上来的客户 private List<ServerThread> clients; public static void main(String[] args) { Server s = new Server(); s.startServer(9988); } publi
  • 多线程监听器事件模式(一个简单的例子) 百合不是茶 线程监听模式
        多线程的事件监听器模式   监听器时间模式经常与多线程使用,在多线程中如何知道我的线程正在执行那什么内容,可以通过时间监听器模式得到        创建多线程的事件监听器模式 思路:    1, 创建线程并启动,在创建线程的位置设置一个标记     2,创建队
  • spring InitializingBean接口 bijian1013 javaspring
    spring的事务的TransactionTemplate，其源码如下： public class TransactionTemplate extends DefaultTransactionDefinition implements TransactionOperations, InitializingBean{ ... } TransactionTemplate继承了DefaultT
  • Oracle中询表的权限被授予给了哪些用户 bijian1013 oracle数据库权限
            Oracle查询表将权限赋给了哪些用户的SQL，以备查用。 select t.table_name as "表名", t.grantee as "被授权的属组", t.owner as "对象所在的属组"
  • 【Struts2五】Struts2 参数传值 bit1129 struts2
    Struts2中参数传值的3种情况 1.请求参数绑定到Action的实例字段上 2.Action将值传递到转发的视图上 3.Action将值传递到重定向的视图上   一、请求参数绑定到Action的实例字段上以及Action将值传递到转发的视图上 Struts可以自动将请求URL中的请求参数或者表单提交的参数绑定到Action定义的实例字段上，绑定的规则使用ognl表达式语言
  • 【Kafka十四】关于auto.offset.reset[Q/A] bit1129 kafka
    I got serveral questions about  auto.offset.reset. This configuration parameter governs how  consumer read the message from  Kafka when  there is no initial offset in ZooKeeper or
  • nginx gzip压缩配置 ronin47 nginx gzip 压缩范例
    nginx gzip压缩配置 更多 0 nginx gzip 配置   随着nginx的发展，越来越多的网站使用nginx，因此nginx的优化变得越来越重要，今天我们来看看nginx的gzip压缩到底是怎么压缩的呢？ gzip(GNU-ZIP)是一种压缩技术。经过gzip压缩后页面大小可以变为原来的30%甚至更小，这样，用
  • java-13.输入一个单向链表，输出该链表中倒数第 k 个节点 bylijinnan java
    two cursors. Make the first cursor go K steps first. /* * 第 13 题：题目：输入一个单向链表，输出该链表中倒数第 k 个节点 */ public void displayKthItemsBackWard(ListNode head,int k){ ListNode p1=head,p2=head;
  • Spring源码学习-JdbcTemplate queryForObject bylijinnan javaspring
    JdbcTemplate中有两个可能会混淆的queryForObject方法： 1. Object queryForObject(String sql, Object[] args, Class requiredType) 2. Object queryForObject(String sql, Object[] args, RowMapper rowMapper) 第1个方法是只查
  • [冰川时代]在冰川时代,我们需要什么样的技术? comsci 技术
         看美国那边的气候情况....我有个感觉...是不是要进入小冰期了?      那么在小冰期里面...我们的户外活动肯定会出现很多问题...在室内呆着的情况会非常多...怎么在室内呆着而不发闷...怎么用最低的电力保证室内的温度.....这都需要技术手段...   &nb
  • js 获取浏览器型号 cuityang js浏览器
    根据浏览器获取iphone和apk的下载地址 <!DOCTYPE html> <html> <head>     <meta charset="utf-8" content="text/html"/>     <meta name=
  • C# socks5详解 转 dalan_123 socketC#
    http://www.cnblogs.com/zhujiechang/archive/2008/10/21/1316308.html  这里主要讲的是用.NET实现基于Socket5下面的代理协议进行客户端的通讯，Socket4的实现是类似的，注意的事，这里不是讲用C#实现一个代理服务器，因为实现一个代理服务器需要实现很多协议，头大，而且现在市面上有很多现成的代理服务器用，性能又好，
  • 运维 Centos问题汇总 dcj3sjt126com 云主机
    一、sh 脚本不执行的原因 sh脚本不执行的原因 只有2个 1.权限不够 2.sh脚本里路径没写完整。   二、解决You have new mail in /var/spool/mail/root 修改/usr/share/logwatch/default.conf/logwatch.conf配置文件 MailTo = MailFrom   三、查询连接数
  • Yii防注入攻击笔记 dcj3sjt126com sqlWEB安全yii
    网站表单有注入漏洞须对所有用户输入的内容进行个过滤和检查，可以使用正则表达式或者直接输入字符判断，大部分是只允许输入字母和数字的，其它字符度不允许；对于内容复杂表单的内容，应该对html和script的符号进行转义替换：尤其是<,>,',"",&这几个符号 这里有个转义对照表： http://blog.csdn.net/xinzhu1990/articl
  • MongoDB简介[一] eksliang mongodbMongoDB简介
    MongoDB简介 转载请出自出处：http://eksliang.iteye.com/blog/2173288 1.1易于使用        MongoDB是一个面向文档的数据库，而不是关系型数据库。与关系型数据库相比，面向文档的数据库不再有行的概念，取而代之的是更为灵活的“文档”模型。        另外，不
  • zookeeper windows 入门安装和测试 greemranqq zookeeper安装分布式
    一、序言       以下是我对zookeeper 的一些理解：      zookeeper 作为一个服务注册信息存储的管理工具，好吧，这样说得很抽象，我们举个“栗子”。       栗子1号：       假设我是一家KTV的老板，我同时拥有5家KTV，我肯定得时刻监视
  • Spring之使用事务缘由(2-注解实现) ihuning spring
      Spring事务注解实现   1. 依赖包：     1.1 spring包：           spring-beans-4.0.0.RELEASE.jar           spring-context-4.0.0.
  • iOS App Launch Option 啸笑天 option
    iOS 程序启动时总会调用application:didFinishLaunchingWithOptions:，其中第二个参数launchOptions为NSDictionary类型的对象，里面存储有此程序启动的原因。   launchOptions中的可能键值见UIApplication Class Reference的Launch Options Keys节 。 1、若用户直接
  • jdk与jre的区别（_） macroli javajvmjdk
    简单的说JDK是面向开发人员使用的SDK，它提供了Java的开发环境和运行环境。SDK是Software Development Kit 一般指软件开发包，可以包括函数库、编译程序等。  JDK就是Java Development Kit JRE是Java Runtime Enviroment是指Java的运行环境，是面向Java程序的使用者，而不是开发者。 如果安装了JDK，会发同你
  • Updates were rejected because the tip of your current branch is behind qiaolevip 学习永无止境每天进步一点点众观千象git
    $ git push joe prod-2295-1 To [email protected]:joe.le/dr-frontend.git ! [rejected] prod-2295-1 -> prod-2295-1 (non-fast-forward) error: failed to push some refs to '[email protected]
  • [一起学Hive]之十四-Hive的元数据表结构详解 superlxw1234 hivehive元数据结构
    关键字：Hive元数据、Hive元数据表结构   之前在 “[一起学Hive]之一–Hive概述，Hive是什么”中介绍过，Hive自己维护了一套元数据，用户通过HQL查询时候，Hive首先需要结合元数据，将HQL翻译成MapReduce去执行。 本文介绍一下Hive元数据中重要的一些表结构及用途，以Hive0.13为例。   文章最后面，会以一个示例来全面了解一下，
  • Spring 3.2.14，4.1.7，4.2.RC2发布 wiselyman Spring 3
      Spring 3.2.14、4.1.7及4.2.RC2于6月30日发布。   其中Spring 3.2.1是一个维护版本(维护周期到2016-12-31截止)，后续会继续根据需求和bug发布维护版本。此时，Spring官方强烈建议升级Spring框架至4.1.7 或者将要发布的4.2 。   其中Spring 4.1.7主要包含这些更新内容。
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他