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

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

  • js操作样式 郝加升
    DOM样式属性和方法：指定的元素，它的style有这么几个属性和方法：cssText：通过这个属性可以访问到元素的特性style设置的属性，并且可以直接赋值设置。removeProperty（属性名称）：从样式中删除给定属性。setProperty（属性名称，值，权重）：可以通过这个方法设置给定样式的同时设置其权重，可以传入”important”或者一个空字符串。获取计算后样式：window.ge
  • 用代码生成艺术字：设计个性化海报的秘密
    本文围绕“用代码生成艺术字：设计个性化海报的秘密”展开，先概述代码生成艺术字在海报设计中的独特价值，接着介绍常用的代码工具（如HTML、CSS、JavaScript等），详细阐述从构思到实现的完整流程，包括字体样式设计、动态效果添加等，还分享了提升艺术字质感的技巧及实际案例。最后总结代码生成艺术字的优势，为设计师提供打造个性化海报的实用指南，助力提升海报设计的独特性与吸引力，符合搜索引擎SEO标准
  • selenium 特殊场景处理
    文章目录前言一、windows的弹窗二、内嵌网页frame三、页签切换四、截图五、弹窗六、JS执行总结前言selenium处理web操作师，有很多特殊的情况需要处理，例如弹窗、内嵌网页，页签切换，js执行等，下面介绍一些可能会遇到的特殊场景一、windows的弹窗importwin32com.client'''创建了一个WScript.ShellCOM(ComponentObjectModel)对
  • SVG 在线编辑器 lly202406 开发语言
    SVG在线编辑器引言随着互联网技术的发展，矢量图形在网页设计和数据可视化中扮演着越来越重要的角色。SVG（可缩放矢量图形）因其文件小、无限缩放不模糊的特性，成为了网页设计中常用的图形格式。SVG在线编辑器的出现，为设计师和开发者提供了极大的便利，使得图形的创建和修改变得更加高效。本文将详细介绍SVG在线编辑器的功能、应用场景以及发展趋势。SVG在线编辑器概述SVG在线编辑器是一种基于网页的图形编辑
  • 漫画人家隐私政策 呵呵一笑_e8f9
    漫画人家APP（以下简称漫画人家）非常重视对您的个人隐私保护，有时候我们需要某些信息才能为您提供您请求的服务，本隐私声明解释了这些情况下的数据收集和使用情况。本隐私声明适用于漫画人家的所有相关服务，随着漫画人家服务范围的扩大，隐私声明的内容可由漫画人家随时更新，且毋须另行通知。更新后的隐私声明一旦在网页上公布即有效代替原来的隐私声明。我们收集哪些信息通常，您能在匿名的状态下访问漫画人家并获取信息。
  • 群晖 File Station：集中浏览与管理 NAS 文件的工具 Trihawk宇麦科技 群晖NAS
    FileStation是SynologyDSM（DiskStationManager）操作系统中的核心内建应用，以网页形式提供友好的图形界面，供用户在浏览器中管理NAS上的文件和共享资料核心功能特色1.文件浏览与管理Navigate文件夹、执行拖放上传、剪贴、重命名、移动、删除等常用操作，类似WindowsExplorer或macOSFinder的使用体验，直观且便捷支持批量操作、压缩与解压、多文
  • 开发避坑短篇(7)：Vue+window.print()打印实践 帧栈 避坑指南vue.js前端elementui
    需求vue项目中如何打印当前页面内容？解决办法使用浏览器原生APIwindow.print()，这是最简单直接的方式，通过调用window.print()方法触发浏览器打印功能‌。在vue项目中直接调用print()方法即可，无须引入任何插件。如下：functionhandlePrint(){setTimeout(_=>print(),500)}打印页面样式控制可以使用@mediaprint来控制
  • 开启 PHP 初阶之旅：解锁高效入门之道 API_Zevin php开发语言人工智能大数据前端python后端
    在当今动态网页开发领域，PHP作为一门久经沙场的服务器端脚本语言，以其强大功能与广泛适用性，持续吸引着无数初学者踏入编程殿堂。若你决心攻克PHP，为Web开发世界添砖加瓦，一系列精准策略与实用方法将成为你加速入门的得力伙伴，引领你穿越初期懵懂，迈向熟练驾驭的新征程。一、筑牢基础：语法地基稳扎稳打PHP语法虽具灵活性，初学者仍需系统研习，构建扎实根基。从变量声明起步，领会PHP变量“$”符号前缀特色
  • 全栈工程师必备开发利器 东风牧野 全栈开发技术网络全栈开发工具
    一、团队协作工具团队协作软件Teambition：团队协作工具创导者有道云协作：企业知识管理与协作平台tower：深受用户喜爱的团队协作工具笔记备忘印象笔记：工作必备效率应用有道云笔记：网易出品，获得5000万用户青睐的笔记软件。提供了PC端、移动端、网页端等多端应用，用户可以随时随地对线上资料进行编辑、分享以及协同。日事清：怕工作进度延误就用日事清滴答清单：一个帮你高效完成任务和规划时间的应用远
  • 古桥拿什么来拯救你 81d1aa263da清风
    一缕清风查看网页版>拿什么拯救你，古桥2011-10-2215:53热衷于旧影觅踪的绿盦先生和远望先生，在松陵南郊意外找到了这座被荒弃许久的古桥“太平桥”。乱藤野蔓遮盖下露出残桥的一截身影，让人心生怜惜。河没了，路没了，村庄没了，桥遗弃了。还有多少可以遗忘？还有多少可以丢弃？视觉在模糊，走过的岁月在流逝，心中的印痕却难抹去，淡忘的记忆在追踪定格的影象中回放。脑波中荡漾，那桥、那水、那人、那事...
  • 人工智能概念之九：深度学习概述
    文章目录相关文章一、深度学习的定位：AI时代的基石技术1.1技术生态全景图1.2技术革命的催化剂二、深度学习的双面性：性能优势与技术挑战2.1技术优势全景扫描2.2技术挑战深度剖析三、技术演进时间轴：70年的厚积薄发四、主流框架生态对比五、未来演进方向相关文章人工智能概念之二：人工智能核心概念：网页链接一、深度学习的定位：AI时代的基石技术1.1技术生态全景图深度学习处于人工智能（AI）技术金字塔
  • 页面开发样式和布局入门：Vite + Vue 3 + Less
    页面开发样式和布局入门：Vite+Vue3+Less引言在现代前端开发中，样式和布局是页面开发的核心部分。随着技术的不断发展，Vite、Vue3和Less等工具和框架的出现，使得前端开发变得更加高效和灵活。然而，尽管这些工具和框架提供了强大的功能，但在实际开发中仍然会遇到各种样式和布局的问题。本文将结合Vite、Vue3和Less，详细介绍在页面开发中常见的样式和布局问题，并提供解决方案和最佳实践
  • JSP编程从入门到精通：现代Web开发与AI集成实战指南 AI编程员 001AI传统＆编程语言002AI编程工具汇总003AI编程作品汇总人工智能AI编程笔记开发语言深度学习
    JSP编程从入门到精通：现代Web开发与AI集成实战指南一、JSP基础与环境搭建1.1JSP核心概念与工作原理JSP（JavaServerPages）是一种动态网页开发技术，通过在HTML中嵌入Java代码实现服务器端逻辑。其本质是Servlet的扩展，当客户端首次请求JSP页面时，服务器会将其编译为Servlet类（如index_jsp.java），再执行该类的_jspService()方法生成
  • 【JSON】Json与Java对象的互相转化 林雨涵 Java基础jsonjava
    目录一、常用方法1.导入依赖2.常用的方法1.Java字符串的转化Java字符串->Json数组Json字符串->Json对象Java字符串->Java对象Java字符串->Java对象集合2.Java对象的转化Java对象->Java字符串(Json样式)Java对象->Json对象3.Json对象的转化Json对象->Java字符串Json对象->Java对象二、实战一、常用方法官方文档：ht
  • 《博客园精华集》web标准分册第2论筛选结果文章列表
    《博客园精华集》web标准部分筛选结果（共55篇）一个喜欢网页设计的程序员作者：Awen根本不存在DIV+CSS布局这回事作者：CatChen欲练CSS，必先宫IE作者：CatChen你有强迫症吗？作者：CatChenSPAN元素和DIV元素的区别作者：ChrisLiudiv的认识作者：ChrisLiu实时检验您的页面是否符合XHTML标准——使用ValidatorModule作者：Dflying
  • 移动端布局 小唱同学
    viewport详解viewport:视口,指的是浏览器中放网页内容的区域移动端的viewport不会自动随着设备的变化而变化,被设定为一个固定值980或者1024,为了能够在移动端正常查看pc端页面.做移动端布局时,需要把viewport设置为随着设备的变化而变化参数说明:width:设置视口的宽度device-width设备宽度initial-scale:页面的初始缩放比例1.0原始大小max
  • 第七篇 快速开始-序 深圳都这么冷
    快速开始欢迎使用React文档！本页将向您介绍您每天会用到的80%的React概念。本章内容预告如何创建和嵌套组件如何添加标记和样式如何显示数据如何渲染条件表达式和列表表达式如何响应事件和更新屏幕如何在组件之间共享数据创建和嵌套组件React应用程序由组件组成。组件是UI（用户界面）的一部分，具有自己的逻辑和外观。组件可以小到一个按钮，也可以大到整个页面。React组件是返回标记的JavaScri
  • 记录几个实用的网页工具 Donald_32e5
    收录的几个还不错的网页工具一、图片背景转换可以把纯色的背景转化成透明背景传送门二、泼辣修图网页上传图片直接修图，工具还比较丰富，日常P图还是可以满足的传送门三、稿定抠图一款在线抠图的利器。傻瓜式抠图，简单方便传送门四、色彩笔图片在线压缩工具，精度还是比较不错的传送门五、crontab表达式输入表达式，查看执行结果传送门这个网站提供了很多网页工具，覆盖面是很广的。传送门
  • PyQt5窗口背景设置全攻略：三种方法实现精美界面
    QSS样式表法（最常用）特点：声明式语法、支持CSS特性、子控件自动继承样式1.纯色背景设置创建主窗口并设置黄色背景win=QMainWindow()win.setObjectName("MainWindow")win.setStyleSheet("#MainWindow{background-color:yellow}")2.背景图片设置（自适应尺寸）使用border-image实现背景图平铺w
  • 正则表达式 hui函数 python正则表达式
    正则表达式Python中提供了多种解析网页数据的技术，正则表达式就是其中的一种，其他技术还包括：XPath、BeautifulSoup。什么是正则表达式正则表达式是一种文本模式，该模式描述了匹配字符串的规则，用于检索字符串中，是否有符合该模式的子串，或者对匹配到的子串进行替换。正则表达式的优点是功能强大，应用广泛，缺点是只适合匹配文本的字面意义，而不适合匹配文本意义。例如，正则表达式匹配嵌套了HT
  • Python爬虫实战：研究flanker相关技术 ylfhpy 爬虫项目实战python爬虫开发语言flanker
    1.引言1.1研究背景与意义在当今信息爆炸的时代，互联网上的数据量呈现出指数级增长的趋势。如何从海量的网页数据中高效地获取有价值的信息，成为了一个重要的研究课题。网络爬虫作为一种自动获取网页内容的技术，能够帮助用户快速、准确地收集所需的信息，因此在信息检索、数据挖掘、舆情分析等领域得到了广泛的应用。Flanker技术是一种基于文本分析的信息提取技术，它能够从非结构化的文本中识别和提取出特定类型的信
  • BeautifulSoup库深度解析：Python高效解析网页数据的秘籍
    在Python爬虫开发领域，获取网页内容后，如何高效解析并提取所需数据是关键一环。BeautifulSoup库凭借其简洁易用、功能强大的特点，成为众多开发者解析网页数据的首选工具。本文将深入剖析BeautifulSoup库，通过丰富的实例，帮助你掌握其核心功能与使用技巧，实现网页数据的精准提取。一、认识BeautifulSoup库BeautifulSoup是Python的一个第三方库，主要用于解析
  • 用 Python BeautifulSoup 实现网页表格数据的提取
    用PythonBeautifulSoup实现网页表格数据的提取关键词：Python、BeautifulSoup、网页表格数据提取、HTML解析、数据处理摘要：本文深入探讨了如何使用Python的BeautifulSoup库来实现网页表格数据的提取。首先介绍了相关背景知识，包括目的、预期读者等内容。接着详细阐述了BeautifulSoup的核心概念和工作原理，并给出了相应的流程图。然后讲解了核心算法
  • Python BeautifulSoup 解析网页按钮元素 PythonAI编程架构实战家 Python人工智能与大数据Python编程之道pythonbeautifulsoup开发语言ai
    PythonBeautifulSoup解析网页按钮元素：从基础原理到工程实践的深度解析关键词BeautifulSoup、HTML解析、按钮元素定位、DOM树遍历、CSS选择器、网络爬虫、前端自动化摘要本文系统解析使用PythonBeautifulSoup库定位和提取网页按钮元素的全流程技术方案。从HTML文档的底层结构出发，结合BeautifulSoup的核心解析机制，覆盖从基础概念到高级工程实践
  • 即便你已经在浏览器中启用了 JavaScript有时网页依然可能出现功能失效、内容加载不完整或按钮点击无反应等问题。这些问题通常由 JavaScript 冲突
    即便你已经在浏览器中启用了JavaScript有时网页依然可能出现功能失效、内容加载不完整或按钮点击无反应等问题。这些问题通常由JavaScript冲突、浏览器设置不当或插件干扰等原因引起。作为HostEase的技术人员我将为你提供一系列简单有效的JavaScript故障排除方法帮助你快速定位并解决这些问题。禁用可能干扰JavaScript的浏览器扩展,广告拦截器,安全插件或某些脚本管理器可能会干
  • 技术文章大纲：Anaconda插件开发挑战赛引言介绍Anaconda在数据科学和PythonUH开发中的重要性 aadwje eclipseide
    即便你已经在浏览器中启用了JavaScript有时网页依然可能出现功能失效、内容加载不完整或按钮点击无反应等问题。这些问题通常由JavaScript冲突、浏览器设置不当或插件干扰等原因引起。作为HostEase的技术人员我将为你提供一系列简单有效的JavaScript故障排除方法帮助你快速定位并解决这些问题。禁用可能干扰JavaScript的浏览器扩展,广告拦截器,安全插件或某些脚本管理器可能会干
  • XPath class心平气和 服务器前端运维
    一、XPath基础概念XPath（XMLPathLanguage）是一种用于在XML或HTML文档中定位节点的语言，广泛应用于网页爬虫、数据提取和文档处理。以下将从基础概念到高级技巧全面解析XPath。XPath是一种路径表达式语言，用于在XML/HTML文档中导航和选择节点。二、XPath路径表达式基础1.绝对路径与相对路径绝对路径：从根节点开始，用/分隔，例：/html/body/div#从H
  • AI-调查研究-26-【时间管理】全球不同人群社交媒体使用时间情况 武子康 AIDeepSearch人工智能ai学习职场和发展职场发展个人开发程序人生
    点一下关注吧！！！非常感谢！！持续更新！！！AI篇持续更新中！（长期更新）AI炼丹日志-29-字节跳动DeerFlow深度研究框斜体样式架私有部署测试上手架构研究，持续打造实用AI工具指南！Java篇正式开启！（300篇）目前2025年07月10日更新到：Java-68深入浅出分布式服务Netty实现自定义RPC附详细代码MyBatis已完结，Spring已完结，Nginx已完结，Tomcat已完
  • 【多模态】天池AFAC赛道四-智能体赋能的金融多模态报告自动化生成part1-数据获取 威化饼的一隅 多模态模型学习Agent智能体多模态大模型
    天池AFAC赛道四-智能体赋能的金融多模态报告自动化生成part10赛题1整体框架2数据获取源2.0数据存储结构2.1获取公司的基本信息和近期股票价格2.1(a)观察网页结构2.1(b)具体数据获取2.2股本结构数据获取2.2(a)网页结构观察2.2(b)具体数据获取2.3三大财务报表2.4港股财务分析数据(ROE)等2.5财务信息摘要2.5(a)网页结构观察2.5(b)具体数据获取2.6行业对比
  • Tailwind CSS 响应式设计实战指南 qcidyu 用户体验代码优化移动优先网站布局前端开发TailwindCSS响应式设计
    title:TailwindCSS响应式设计实战指南date:2024/6/13updated:2024/6/13author:cmdragonexcerpt:这篇文章介绍了如何运用TailwindCSS框架创建响应式网页设计，涵盖博客、电商网站及企业官网的布局实例，包括头部导航、内容区域、侧边栏、页脚及轮播图等组件的响应式实现。同时，探讨了与JavaScript框架集成、CSS预处理器配合、设计
  • 二分查找排序算法 周凡杨 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其他