jinqianwang
jinqianwang

列表表格及表单美化

字体样式的设置，属性有：
font-family      设置字体类型    隶书
font-size          设置字体大小    12px
font-style        设置字体风格     italic

font-wieght     设置字体的粗细      bold

还可以将4中属性一起写入一个font中，不过要按照：

字体风格---->字体粗细---->字体大小---->字体类型

font-family: fantasy;
font-size: 24px;
font-style: italic;
font-weight: bold;
 
  
/*全部写在一起的方法，要按顺序来写*/
font: normal 400 24px cursive;
 
  
设置字体类型，可以设置楷书，隶书等等;
 
  
设置字体大小，设置数字后面要加px;
 
  
文本属性，文本的属性有
color                  设置文本颜色
text-align           设置元素水平对齐方式
text-indent        设置首行文本的缩进
line-height        设置文本的行高
 
  
text-decoration  设置文本的装饰
 
  
 
  
color: #77F908;
text-indent: 2em;
line-height: 48px;
text-align: right;
text-decoration: underline;
 
  
RGB:颜色属性，16进制方法表示颜色，前两位表示红色分量，中间两位表示绿色分量，最后两位表示蓝色分量
 
  
rgb（r、g、b）：正数的取值为0到255。
 
  
RGBA:在RGB的基础上，增加了控制透明度的参数，其中这个透明通道值为0到1。
 
  
注：

 
  
对于我们想要的颜色，可以在ps软件中先找到，然后复制其下面的参数值。
 
  
水平对齐（text-align）方式属性：
left         把文本排列到左边，默认值由浏览器决定
right       把文本排列到右边
center     把文本排列到中间
 
  
justify     实现两端对齐文本效果
 
  
 
  
text-align: right;
 
  
排版文本段落：
 
  
首行缩进
 
  
text-indent      :em或px
 
  
 
  
text-indent: 2em;
 
  
行高
 
  
line-height      :px
 
  
 
  
line-height: 48px;
 
  
文本装饰：
 
  
text-decoration 
 
  
 
  
text-decoration: underline;
 
  
underline     设置文本的下划线
overline       设置文本上划线
lint-through     设置文本的删除线
 
  
none           默认值，定义标准文本
 
  
 
  

<div style="width: 500px;height: 500px;
/*背景颜色*/
background-color:bisque ;
/*背景图片*/
background-image:url('../Demo/网页背景/buy.png');
/*图片不平铺，只显示一次*/
background-repeat:no-repeat;
/*向XY两轴的偏移量*/
 background-position-x:80px;
  background-position-y:80px ">div>
 
  
 
  
图片文本垂直对齐方式：
 
  
vertical-align
 
  
 
  
垂直对齐方式
vertical-align: bottom;
向上对齐
vertical-align:top;
向下对齐
vertical-align: middle;
 
  
middle（中央）top（顶部）bottom（底部）
 
  
 
  
文本阴影:
 
  
text-shadow
 
  
 
  
/*文本阴影*/
text-shadow: red 5px 4px 1px;
 
  
text-shadow : color  x-offest  y-offest  biur-radius;

 
  
定义阴影的颜色---->x轴位移,用来定义水平位移量---->y轴位移，用来令阴影垂直位移量---->阴影模糊半径，代表阴影向外模糊的模糊范围。
 
  
这里还存在浏览器兼容性的问题。在我们不确定浏览器是否兼容的时候，可以上网查。caniuse.com
 
  

 
  
熟悉超链接属性的使用:
使用cs设置超链接，伪类的名称，一共有四个:
a  :  link          单击访问时超链接样式
a  :  visited      单击访问后超链接样式
a  :  hover        鼠标悬浮其上的超链接样式
 
  
a  :  active        鼠标单击未释放的超链接样式
 
  
 
  
/*移上去未释放的效果*/
a:hover{
    color: red;
}
/*单击未跳转时的效果*/
a:active{
    color: blue
}
 
  
最重要的就是鼠标悬浮其上的超链接样式，我们经常使用，所以得记住它的英文单词。
 
  
格式：
 
  
标签名：伪类名{声明；}
 
  
设置伪类的顺序，从上到下；
 
  
 
  

<a style="cursor: help" href="https://www.baidu.com"target="_self">百度a>

 
  
 
  
背景属性的使用：
 
  
常见的背景样式有背景图像和背景颜色 
 
  
首先来设置背景颜色样式
 
  
background-color
 
  
 
  
/*背景颜色*/
background-color:bisque ;
 
  
背景图像：
 
  
background-image:url(图片路径）：
 
  
 
  
/*背景图片*/
background-image:url('../Demo/网页背景/buy.png');
 
  
背景重复方式：
 
  
background-repeat属性：
 
  
 
  
/*图片不平铺，只显示一次*/
background-repeat:no-repeat;
 
  
repeat          沿水平和垂直两个方向平铺
no-repeat       不平铺，即只显示一次
repeat-x         只沿水平方向平铺
 
  
repeat-y           只沿垂直方向平步
 
  
背景定位：
 
  
background-position属性：
 
  
 
  
/*向XY两轴的偏移量*/
 background-position-x:80px;
  background-position-y:80px 
 
  
Xpos(代表水平位置）,Ypos(代表垂直位置）,单位px
 
  
X%     Y%      使用百分比表示背景的位置
 
  
XY方向关键词：水平方向关键词：left        right          center
 
  
                       垂直方向关键词：top        bottom      center
 
  
背景属性简写：background：背景颜色，背景图像，背景定位，背景不重复显示
 
  
背景图片大小控制：
 
  
background-size
 
  
auto         默认值，使用背景图片保持原样
 
  
percentage         当时用百分比时，不是对于背景的尺寸大小来计算的，而是相对于元素宽度来计算的
 
  
cover                 整个背景图片放大填充了整个元素
 
  
contain             让背景图片保持本身的宽高比例，将背景图片缩放到宽度或高度，正好适应所定义背景的区域
 
  

 
  
线性渐变：  颜色沿着一条直线过渡，从左到右，从右到左，从上到下等
 
  
linear-gradient(position(渐变方向)，color1,color2.....)
 
  
#线性渐变，从左到右设置，渐变方向，第一种颜色值，第二种颜色，质地，三种颜色时等等。#
 
  
径向渐变：  圆形或椭圆形渐变颜色，不再沿着一条直线变化，而是从一个起点朝着所有方向混合
 
  
注：此处也有浏览器兼容性问题
 
  

 
  
Ie浏览器是Trident内核加前缀-ms-
 
  
Chrome 浏览器是Webkit内核加前缀-webkit-
 
  
Safari浏览器是Webkit内核加前缀-webkit-
 
  
Opera浏览器是Blink内核加前缀-o-
 
  
Firefox浏览器是内核加前缀-moz-
 
  
兼容webkit内核的浏览器：
 
  
-webkit-liner-gradient(position，color1,color2.....)
 
  

 
  
什么是列表？
列表就是信息资源的一种展示形式，
以列表的样式显示，可以使信息结构化和条理化，便于浏览者能更快捷的获取相应的信息。
 
  
列表的分类：
无序列表
      
  •    

      有序列表
          
      2.    

           
  
          定义列表
            
          标题
              
          1
          2
              
           
  
           
  
          

<ul style="background-color: blue;width: 200px;list-style-type: square">
    <li>泰戈尔诗集li>
    <li>冰心诗集li>
    <li>莎士比亚li>
ul>

<ol style="background-color: aqua">
    <li>泰戈尔诗集li>
    <li>冰心诗集li>
    <li>莎士比亚li>
ol>

<dl style="background-color: #77F908">
    <dt>文人dt>
    <dd>泰戈尔诗集dd>
    <dd>冰心诗集dd>
    <dd>莎士比亚dd>
dl>
           
  
          无序列表的特性：
           
  
          1没有顺序，每个ul标签独占一行
           
  
          2标签像前面有个实心小圆点
           
  
          3一般用于无序类型的列表，如导航侧边，新闻栏有规律的图文组合模块的
           
  
          定义列表的特性:
           
  
          1没有顺序，每个第一批标签的dl标签独占一行(块元素）
           
  
          2默认没有标记
           
  
          3一般用于一个标题下有一个或多个列表项的情况。
           
  
          列表样式：列表样式，可以设置列表前面的字符的形状
           
  
          lidt-style-type
           
  
           
  
          list-style-type: square
           
  
          none      无标记字符号
           
  
          disc         实心圆,默认类型
           
  
          circle        空心圆
           
  
          square       实心正方形
           
  
          decimal       数字
           
  
          例如：li {    list-style : none  }
           
  
          为什么使用表格   :  简单通用结构稳定
           
  
          基本结构:     行      列        单元格
           
  
          表格标签:
          行标签:
          单元格标签:
           
  
           
  
           
  
           
  
          <table border="1">
    <tr>
        <td colspan="3">大数据学士后32班成绩列表td>
    tr>
    <tr>
        <td rowspan="2">李志豪td>
        <td>语文td>
        <td>90td>
    tr>
    <tr>
        <td>数学td>
        <td>90td>
    tr>
    <tr>
        <td rowspan="2">李宁td>
        <td>语文td>
        <td>100td>
    tr>
    <tr>
        <td>数学td>
        <td>59td>
    tr>
table>
           
  
          跨列：colspan
           
  
          跨行:  rowspan
           
  

           
  
          表单在网页中的应用:
           
  
           
  
          表单语法：规定如何发送表单数据常用值method（post/get）；表示向何处发送表单数据action
           
  
           
  
          <form method="post"action="menu.html">
    <p>
        姓名：
        <input name="lname"type="text">
    p>
    <p>
        密码：
        <input name="pass"type="password">
    p>
    <p>
        <input type="submit"value="确定"/>
        <input type="reset"value="重置"/>
    p>
form>
           
  
           
  
          

<table>
    
    <input type="radio"name="sprots"vaule="足球"/>足球
    <input type="radio"name="sprots"vaule="篮球"checked/>篮球
    <input type="radio"name="sprots"vaule="篮球"/>篮球
    <br/>
    
    <input type="radio"name="sprots2"vaule="足球"/>足球
    <input type="radio"name="sprot"vaule="篮球"/>篮球
    <input type="radio"name="sprots1"vaule="篮球"/>篮球
table>

<table>
    
    <input type="checkbox"name="sprots"vaule="足球"/>足球
    <input type="checkbox"name="sprots"vaule="篮球"checked/>篮球
    <input type="checkbox"name="sprots"vaule="篮球"/>篮球
table>

           
  
           
  
          在实际网页开发中，通常采用post方式提交表单数据。
           
  
          一般表格表单元素有：
           
  
          input元素类型type            （指定元素类型有：text，password，CheckBox，radio，submit，reset，file，hidden，                                                             image，和button，默认为text）
           
  
          input元素名称name        （指定表单元素的名称）
           
  
          input元素的值value        （type为radio时，必须指定一个值）
           
  
          指定表单元素的初始宽度：size   （type为text或password时元素大小为字符单位，其它的为像素px单位）
           
  
          输入最大字符数：maxlength       （type为text或password时）
           
  
          确定按钮是否被选中：checked         (type为radio或CheckBox时）
           
  
          文本框：
<input type="text"name="urseName"value="用户名"size="30"maxlength=“20"/>
           
  
          密码框：
<input type="password"name="pass"size=“20”/>
           
  
          单选按钮：
           
  
           
  
          
<p>
    <input name="gen" type="radio"value="男"checked/>男
    <input name="gen" type="radio"value="女"/>女
p>
           
  
          
<table>
    
    <input type="checkbox"name="sprots"vaule="足球"/>足球
    <input type="checkbox"name="sprots"vaule="篮球"checked/>篮球
    <input type="checkbox"name="sprots"vaule="篮球"/>篮球
table>
           
  

                            
                        
                    
                    
                    
          
                    
                    
                    
          
                
                
          
                    
                
          
            
        
    
    
          
        
          你可能感兴趣的:(列表表格及表单美化)
          
        
          
            
          
                
            
                    
          • UI学习——cell的复用和自定义cell
                        Magnetic_h
ui学习
                        
            目录cell的复用手动（非注册）自动（注册）自定义cellcell的复用在iOS开发中，单元格复用是一种提高表格（UITableView）和集合视图（UICollectionView）滚动性能的技术。当一个UITableViewCell或UICollectionViewCell首次需要显示时，如果没有可复用的单元格，则视图会创建一个新的单元格。一旦这个单元格滚动出屏幕，它就不会被销毁。相反，它被添
            
                    
            • 
                    
          • C语言如何定义宏函数？
                        小九格物
c语言
                        
            在C语言中，宏函数是通过预处理器定义的，它在编译之前替换代码中的宏调用。宏函数可以模拟函数的行为，但它们不是真正的函数，因为它们在编译时不会进行类型检查，也不会分配存储空间。宏函数的定义通常使用#define指令，后面跟着宏的名称和参数列表，以及宏展开后的代码。宏函数的定义方式：1.基本宏函数：这是最简单的宏函数形式，它直接定义一个表达式。#defineSQUARE(x)((x)*(x))2.带参
            
                    
            • 
                    
          • 学点心理知识，呵护孩子健康
                        静候花开_7090

                        
            昨天听了华中师范大学教育管理学系副教授张玲老师的《哪里才是学生心理健康的最后庇护所，超越教育与技术的思考》的讲座。今天又重新学习了一遍，收获匪浅。张玲博士也注意到了当今社会上的孩子由于心理问题导致的自残、自杀及伤害他人等恶性事件。她向我们普及了一个重要的命题，她说心理健康的一些基本命题，我们与我们通常的一些教育命题是不同的，她还举了几个例子，让我们明白我们原来以为的健康并非心理学上的健康。比如如果
            
                    
            • 
                    
          • 我校举行新老教师师徒结对仪式暨名师专业工作室工作交流活动
                        李蕾1229

                        
            为促进我校教师专业发展，发挥骨干教师的引领带头作用，11月6日下午，我校举行新老教师师徒结对仪式暨名师专业工作室工作交流活动。图片发自App会议由教师发展处李蕾主任主持，首先，由范校长宣读新老教师结对名单及双方承担职责。随后，两位新调入教师陈玉萍、莫正杰分别和他们的师傅鲍元美、刘召彬老师签订了师徒结对协议书。图片发自App图片发自App师徒拥抱、握手。有了师傅就有了目标有了方向，相信两位新教师在师
            
                    
            • 
                    
          • 向内而求
                        陈陈_19b4

                        
            10月27日，阴。阅读书目:《次第花开》。作者:希阿荣博堪布，是当今藏传佛家宁玛派最伟大的上师法王，如意宝晋美彭措仁波切颇具影响力的弟子之一。多年以来，赴海内外各地弘扬佛法，以正式授课、现场开示、发表文章等多种方法指导佛学弟子修行佛法。代表作《寂静之道》、《生命这出戏》、《透过佛法看世界》自出版以来一直是佛教类书籍中的畅销书。图片发自App金句:1.佛陀说，一切痛苦的根源在于我们长期以来对自身及外
            
                    
            • 
                    
          • 回溯 Leetcode 332 重新安排行程
                        mmaerd
Leetcode刷题学习记录leetcode算法职场和发展
                        
            重新安排行程Leetcode332学习记录自代码随想录给你一份航线列表tickets，其中tickets[i]=[fromi,toi]表示飞机出发和降落的机场地点。请你对该行程进行重新规划排序。所有这些机票都属于一个从JFK（肯尼迪国际机场）出发的先生，所以该行程必须从JFK开始。如果存在多种有效的行程，请你按字典排序返回最小的行程组合。例如，行程[“JFK”,“LGA”]与[“JFK”,“LGB
            
                    
            • 
                    
          • Python中os.environ基本介绍及使用方法
                        鹤冲天Pro
#Pythonpython服务器开发语言
                        
            文章目录python中os.environos.environ简介os.environ进行环境变量的增删改查python中os.environ的使用详解1.简介2.key字段详解2.1常见key字段3.os.environ.get()用法4.环境变量的增删改查和判断是否存在4.1新增环境变量4.2更新环境变量4.3获取环境变量4.4删除环境变量4.5判断环境变量是否存在python中os.envi
            
                    
            • 
                    
          • 下载github patch到本地
                        小米人er
我的博客gitpatch
                        
            以下是几种从GitHub上下载以.patch结尾的补丁文件的方法：通过浏览器直接下载打开包含该.patch文件的GitHub仓库。在仓库的文件列表中找到对应的.patch文件。点击该文件，浏览器会显示文件的内容，在页面的右上角通常会有一个“Raw”按钮，点击它可以获取原始文件内容。然后在浏览器中使用快捷键（如Ctrl+S或者Command+S）将原始文件保存到本地，选择保存的文件名并确保后缀为.p
            
                    
            • 
                    
          • 基于社交网络算法优化的二维最大熵图像分割
                        智能算法研学社（Jack旭）
智能优化算法应用图像分割算法php开发语言
                        
            智能优化算法应用：基于社交网络优化的二维最大熵图像阈值分割-附代码文章目录智能优化算法应用：基于社交网络优化的二维最大熵图像阈值分割-附代码1.前言2.二维最大熵阈值分割原理3.基于社交网络优化的多阈值分割4.算法结果：5.参考文献：6.Matlab代码摘要：本文介绍基于最大熵的图像分割，并且应用社交网络算法进行阈值寻优。1.前言阅读此文章前，请阅读《图像分割：直方图区域划分及信息统计介绍》htt
            
                    
            • 
                    
          • 509. 斐波那契数(每日一题)
                        lzyprime

                        
            lzyprime博客(github)创建时间：2021.01.04qq及邮箱：2383518170leetcode笔记题目描述斐波那契数，通常用F(n)表示，形成的序列称为斐波那契数列。该数列由0和1开始，后面的每一项数字都是前面两项数字的和。也就是：F(0)=0，F(1)=1F(n)=F(n-1)+F(n-2)，其中n>1给你n，请计算F(n)。示例1：输入：2输出：1解释：F(2)=F(1)+
            
                    
            • 
                    
          • 春季养肝正当时
                        dxn悟

                        
            重温快乐2023年2月4日立春。春天来了，春暖花开，小鸟欢唱，那在这样的季节我们如何养肝呢？自然界的春季对应中医五行的木，人体五脏肝属木，“木曰曲直”，是以树干曲曲直直地向上、向外伸长舒展的生发姿态，来形容具有生长、升发、条达、舒畅等特征的食物及现象。根据中医天人相应的理念，肝五行属木，喜条达，主疏泄，与春天相应，所以春天最适合养肝。养肝首先要少生气，因为肝喜条达恶抑郁。人体五志肝为怒，生气发怒最
            
                    
            • 
                    
          • 关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript
                        二挡起步
web前端期末大作业javascripthtmlcss旅游风景
                        
            ⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
            
                    
            • 
                    
          • HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动
                        二挡起步
web前端期末大作业web设计网页规划与设计htmlcssjavascriptdreamweaver前端
                        
            Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
            
                    
            • 
                    
          • python八股文面试题分享及解析(1)
                        Shawn________
python
                        
            #1.'''a=1b=2不用中间变量交换a和b'''#1.a=1b=2a,b=b,aprint(a)print(b)结果：21#2.ll=[]foriinrange(3):ll.append({'num':i})print(11)结果:#[{'num':0},{'num':1},{'num':2}]#3.kk=[]a={'num':0}foriinrange(3):#0,12#可变类型，不仅仅改变
            
                    
            • 
                    
          • MYSQL面试系列-04
                        king01299
面试mysql面试
                        
            MYSQL面试系列-0417.关于redolog和binlog的刷盘机制、redolog、undolog作用、GTID是做什么的？innodb_flush_log_at_trx_commit及sync_binlog参数意义双117.1innodb_flush_log_at_trx_commit该变量定义了InnoDB在每次事务提交时，如何处理未刷入（flush）的重做日志信息（redolog）。它
            
                    
            • 
                    
          • node.js学习
                        小猿L
node.jsnode.js学习vim
                        
            node.js学习实操及笔记温故node.js，node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular离不开node.jsnode.js是什么官网：node.js是一个开源的、跨平台的运行JavaScript的运行
            
                    
            • 
                    
          • CX8836：小体积大功率升降压方案推荐（附Demo设计指南）
                        诚芯微科技
社交电子
                        
            CX8836是一颗同步四开关单向升降压控制器，在4.5V-40V宽输入电压范围内稳定工作，持续负载电流10A，能够在输入高于或低于输出电压时稳定调节输出电压，可适用于USBPD快充、车载充电器、HUB、汽车启停系统、工业PC电源等多种升降压应用场合，为大功率TYPE-CPD车载充电器提供最优解决方案。提供CX8836Demo测试、CX8836样品申请及CX8836方案开发技术支持。CX8836同升
            
                    
            • 
                    
          • Redis系列：Geo 类型赋能亿级地图位置计算
                        Ly768768
redisbootstrap数据库
                        
            1前言我们在篇深刻理解高性能Redis的本质的时候就介绍过Redis的几种基本数据结构，它是基于不同业务场景而设计的：动态字符串(REDIS_STRING)：整数(REDIS_ENCODING_INT)、字符串(REDIS_ENCODING_RAW)双端列表(REDIS_ENCODING_LINKEDLIST)压缩列表(REDIS_ENCODING_ZIPLIST)跳跃表(REDIS_ENCODI
            
                    
            • 
                    
          • Rust基础知识
                        GRKF15
rust开发语言后端
                        
            1.Rust语言简介1.1基础语法变量声明：let关键字用于声明变量，可以指定或不指定类型，如leta=10;和letmutc=30i32;。函数定义：使用fn关键字定义函数，并指定参数类型及返回类型，如fnadd(i:i32,j:i32)->i32{i+j}。控制流：包括if、else等，控制语句后需要使用;来结束语句。1.2数据类型整数类型：i8、i16、i32、i64、i128，以及无符号的
            
                    
            • 
                    
          • 【Git】常见命令(仅笔记)
                        好想有猫猫
GitLinux学习笔记git笔记elasticsearchlinuxc++
                        
            文章目录创建/初始化本地仓库添加本地仓库配置项提交文件查看仓库状态回退仓库查看日志分支删除文件暂存工作区代码远程仓库使用`.gitigore`文件让git不追踪一些文件标签创建/初始化本地仓库gitinit添加本地仓库配置项gitconfig-l#以列表形式显示配置项gitconfiguser.name"ljh"#配置user.namegitconfiguser.email"[email protected]
            
                    
            • 
                    
          • 【华为OD技术面试真题 - 技术面】- python八股文真题题库（1）
                        算法大师
华为od面试python
                        
            华为OD面试真题精选专栏：华为OD面试真题精选目录:2024华为OD面试手撕代码真题目录以及八股文真题目录文章目录华为OD面试真题精选1.数据预处理流程数据预处理的主要步骤工具和库2.介绍线性回归、逻辑回归模型线性回归（LinearRegression）模型形式：关键点：逻辑回归（LogisticRegression）模型形式：关键点：参数估计与评估：3.python浅拷贝及深拷贝浅拷贝（Shal
            
                    
            • 
                    
          • 简介Shell、zsh、bash
                        zhaosuningsn
Shellzshbashshelllinuxbash
                        
            Shell是Linux和Unix的外壳，类似衣服，负责外界与Linux和Unix内核的交互联系。例如接收终端用户及各种应用程序的命令，把接收的命令翻译成内核能理解的语言，传递给内核，并把内核处理接收的命令的结果返回给外界，即Shell是外界和内核沟通的桥梁或大门。Linux和Unix提供了多种Shell，其中有种bash，当然还有其他好多种。Mac电脑中不但有bash，还有一个zsh，预装的，据说
            
                    
            • 
                    
          • 舜公郑金锋书辛丑自剪扇面书法作品（四O六）
                        舜公郑金锋

                        
            辛丑小阳春，新自剪扇面400品，大多为各色撒金、撒银、描金、描银、水印、彩绘、荧光等亚粉、色宣纸，以及域外包装填充纸等；王一品长锋羊毫秃笔；一得阁云头艳墨、宿墨、水等。书体有甲骨文，金文(商周金文、春秋战国金文、中山王厝器金文、汉金文……)，楚简帛书，侯马盟书，温县盟书，小篆，果蝙书等，隶书(秦简、汉简帛书、汉碑……)，草书(章草、小草、大草……)，行书(行楷、行草)，楷书(魏碑及北朝墓志、隋朝墓
            
                    
            • 
                    
          • 数据结构之哈希表
                        X同学的开始
数据结构数据结构散列表
                        
            哈希表(散列表)出现的原因在顺序表中查找时，需要从表头开始，依次遍历比较a[i]与key的值是否相等，直到相等才返回索引i；在有序表中查找时，我们经常使用的是二分查找，通过比较key与a[i]的大小来折半查找，直到相等时才返回索引i。最终通过索引找到我们要找的元素。但是，这两种方法的效率都依赖于查找中比较的次数。我们有一种想法，能不能不经过比较，而是直接通过关键字key一次得到所要的结果呢？这时，
            
                    
            • 
                    
          • 一文掌握python常用的list（列表）操作
                        程序员neil
pythonpython开发语言
                        
            目录一、创建列表1.直接创建列表：2.使用list()构造器3.使用列表推导式4.创建空列表二、访问列表元素1.列表支持通过索引访问元素，索引从0开始：2.还可以使用切片操作访问列表的一部分：三、修改列表元素四、添加元素1.append()：在末尾添加元素2.insert()：在指定位置插入元素五、删除元素1.del：删除指定位置的元素2.remove()：删除指定值的第一个匹配项3.pop()：
            
                    
            • 
                    
          • [Python] 数据结构 详解及代码
                        AIAdvocate
算法python数据结构链表
                        
            今日内容大纲介绍数据结构介绍列表链表1.数据结构和算法简介程序大白话翻译,程序=数据结构+算法数据结构指的是存储,组织数据的方式.算法指的是为了解决实际业务问题而思考思路和方法,就叫:算法.2.算法的5大特性介绍算法具有独立性算法是解决问题的思路和方式,最重要的是思维,而不是语言,其(算法)可以通过多种语言进行演绎.5大特性有输入,需要传入1或者多个参数有输出,需要返回1个或者多个结果有穷性,执行
            
                    
            • 
                    
          • Java爬虫框架（一）--架构设计
                        狼图腾-狼之传说
java框架java任务html解析器存储电子商务
                        
            一、架构图那里搜网络爬虫框架主要针对电子商务网站进行数据爬取，分析，存储，索引。爬虫：爬虫负责爬取，解析，处理电子商务网站的网页的内容数据库：存储商品信息索引：商品的全文搜索索引Task队列：需要爬取的网页列表Visited表：已经爬取过的网页列表爬虫监控平台：web平台可以启动，停止爬虫，管理爬虫，task队列，visited表。二、爬虫1.流程1)Scheduler启动爬虫器，TaskMast
            
                    
            • 
                    
          • vue3中el-table中点击图片放大时，被表格覆盖
                        叫我小鹏呀
vue.jsjavascript前端
                        
            问题：vue3中el-table中点击图片放大时，被表格覆盖。解决方法：el-image添加preview-teleported
            
                    
            • 
                    
          • vue项目element-ui的table表格单元格合并
                        酋长哈哈
vue.jselementuijavascript前端
                        
            一、合并效果二全部代码exportdefault{name:'CellMerge',data(){return{tableData:[{id:'1',name:'王小虎',amount1:'165',amount2:'3.2',amount3:10},{id:'1',name:'王小虎',amount1:'162',amount2:'4.43',amount3:12},{id:'1',name:'
            
                    
            • 
                    
          • mac 备份android 手机通讯录导入iphone,iphone如何导出通讯录（轻松教你iPhone备份通讯录的方法）...
                        weixin_39762838
mac备份android手机通讯录导入iphone
                        
            在日新月异的手机更替中，换手机已经成为一个非常稀松平常的事情，但将旧手机上面的通讯录导入到新手机还是让不少小伙伴为难，本篇将给大家详细讲解这方面的知识：“苹果手机通讯录怎么导入到新手机”及“安卓手机通讯录导入到新手机”的方法。一、苹果手机通讯录导入到新手机常用方法(SIM卡导入)在苹果手机主频幕上找到“设置”，单击进入设置菜单，下拉菜单列表，点击“邮件、通讯录、日历”，然后找到“导入SIM卡通讯录
            
                    
            • 
                                
          • JAVA中的Enum
                                    周凡杨
javaenum枚举
                                    
            Enum是计算机编程语言中的一种数据类型---枚举类型。 在实际问题中，有些变量的取值被限定在一个有限的范围内。       例如，一个星期内只有七天 我们通常这样实现上面的定义： 
public String monday;
public String tuesday;
public String wensday;
public String thursday
            
                                
            • 
                                
          • 赶集网mysql开发36条军规
                                    Bill_chen
mysql业务架构设计mysql调优mysql性能优化
                                    
            (一)核心军规   (1)不在数据库做运算      cpu计算务必移至业务层；   (2)控制单表数据量      int型不超过1000w，含char则不超过500w；      合理分表；      限制单库表数量在300以内；   (3)控制列数量      字段少而精，字段数建议在20以内
            
                                
            • 
                                
          • Shell test命令
                                    daizj
shell字符串test数字文件比较
                                    
            Shell test命令 
Shell中的 test 命令用于检查某个条件是否成立，它可以进行数值、字符和文件三个方面的测试。  数值测试    参数 说明   -eq 等于则为真   -ne 不等于则为真   -gt 大于则为真   -ge 大于等于则为真   -lt 小于则为真   -le 小于等于则为真    
实例演示： 
num1=100
num2=100if test $[num1]
            
                                
            • 
                                
          • XFire框架实现WebService(二)
                                    周凡杨
javawebservice
                                    
               有了XFire框架实现WebService(一)，就可以继续开发WebService的简单应用。 
Webservice的服务端(WEB工程)： 
两个java bean类： 
Course.java 
   package cn.com.bean; 
public class Course { 
    private 
            
                                
            • 
                                
          • 重绘之画图板
                                    朱辉辉33
画图板
                                    
                   上次博客讲的五子棋重绘比较简单，因为只要在重写系统重绘方法paint（）时加入棋盘和棋子的绘制。这次我想说说画图板的重绘。 
       画图板重绘难在需要重绘的类型很多，比如说里面有矩形，园，直线之类的，所以我们要想办法将里面的图形加入一个队列中，这样在重绘时就
            
                                
            • 
                                
          • Java的IO流
                                    西蜀石兰
java
                                    
            刚学Java的IO流时，被各种inputStream流弄的很迷糊，看老罗视频时说想象成插在文件上的一根管道，当初听时觉得自己很明白，可到自己用时，有不知道怎么代码了。。。 
每当遇到这种问题时，我习惯性的从头开始理逻辑，会问自己一些很简单的问题，把这些简单的问题想明白了，再看代码时才不会迷糊。 
 
IO流作用是什么？ 
答：实现对文件的读写，这里的文件是广义的； 
 
Java如何实现程序到文件
            
                                
            • 
                                
          • No matching PlatformTransactionManager bean found for qualifier 'add' - neither
                                    林鹤霄

                                    
            java.lang.IllegalStateException: No matching PlatformTransactionManager bean found for qualifier 'add' - neither qualifier match nor bean name match! 
  
网上找了好多的资料没能解决，后来发现：项目中使用的是xml配置的方式配置事务，但是
            
                                
            • 
                                
          • Row size too large (> 8126). Changing some columns to TEXT or BLOB
                                    aigo
column
                                    
            原文：http://stackoverflow.com/questions/15585602/change-limit-for-mysql-row-size-too-large 
  
异常信息： 
Row size too large (> 8126). Changing some columns to TEXT or BLOB or using ROW_FORMAT=DYNAM
            
                                
            • 
                                
          • JS 格式化时间
                                    alxw4616
JavaScript
                                    
            /**
 * 格式化时间 2013/6/13 by 半仙 [email protected]
 * 需要 pad 函数
 * 接收可用的时间值.
 * 返回替换时间占位符后的字符串
 *
 * 时间占位符:年 Y 月 M 日 D 小时 h 分 m 秒 s 重复次数表示占位数
 * 如 YYYY 4占4位 YY 占2位<p></p>
 * MM DD hh mm
            
                                
            • 
                                
          • 队列中数据的移除问题
                                    百合不是茶
队列移除
                                    
              
   队列的移除一般都是使用的remov();都可以移除的,但是在昨天做线程移除的时候出现了点问题,没有将遍历出来的全部移除,  代码如下; 
  
   // 
package com.Thread0715.com;

import java.util.ArrayList;

public class Threa
            
                                
            • 
                                
          • Runnable接口使用实例
                                    bijian1013
javathreadRunnablejava多线程
                                    
            Runnable接口 
a.       该接口只有一个方法：public void run(); 
b.       实现该接口的类必须覆盖该run方法 
c.       实现了Runnable接口的类并不具有任何天
            
                                
            • 
                                
          • oracle里的extend详解
                                    bijian1013
oracle数据库extend
                                    
            扩展已知的数组空间，例： 
DECLARE
  TYPE CourseList IS TABLE OF VARCHAR2(10);
  courses CourseList;
BEGIN
  --   初始化数组元素，大小为3
  courses := CourseList('Biol   4412 ', 'Psyc   3112 ', 'Anth   3001 ');
  --   
            
                                
            • 
                                
          • 【httpclient】httpclient发送表单POST请求
                                    bit1129
httpclient
                                    
            浏览器Form Post请求 
浏览器可以通过提交表单的方式向服务器发起POST请求，这种形式的POST请求不同于一般的POST请求 
1. 一般的POST请求，将请求数据放置于请求体中，服务器端以二进制流的方式读取数据，HttpServletRequest.getInputStream()。这种方式的请求可以处理任意数据形式的POST请求，比如请求数据是字符串或者是二进制数据 
2. Form 
            
                                
            • 
                                
          • 【Hive十三】Hive读写Avro格式的数据
                                    bit1129
hive
                                    
             1. 原始数据 
hive> select * from word; 
OK
1	MSN  
10	QQ  
100	Gtalk  
1000	Skype  
  
  
 2. 创建avro格式的数据表 
  
hive> CREATE TABLE avro_table(age INT, name STRING)STORE
            
                                
            • 
                                
          • nginx+lua+redis自动识别封解禁频繁访问IP
                                    ronin47

                                    
            在站点遇到攻击且无明显攻击特征，造成站点访问慢，nginx不断返回502等错误时，可利用nginx+lua+redis实现在指定的时间段 内，若单IP的请求量达到指定的数量后对该IP进行封禁，nginx返回403禁止访问。利用redis的expire命令设置封禁IP的过期时间达到在 指定的封禁时间后实行自动解封的目的。 
一、安装环境： 
 
 CentOS x64 release 6.4(Fin
            
                                
            • 
                                
          • java-二叉树的遍历-先序、中序、后序（递归和非递归）、层次遍历
                                    bylijinnan
java
                                    
            
import java.util.LinkedList;
import java.util.List;
import java.util.Stack;


public class BinTreeTraverse {
	//private int[] array={ 1, 2, 3, 4, 5, 6, 7, 8, 9 };
	private int[] array={ 10,6,
            
                                
            • 
                                
          • Spring源码学习-XML 配置方式的IoC容器启动过程分析
                                    bylijinnan
javaspringIOC
                                    
            以FileSystemXmlApplicationContext为例，把Spring IoC容器的初始化流程走一遍： 
 

ApplicationContext context = new FileSystemXmlApplicationContext
            ("C:/Users/ZARA/workspace/HelloSpring/src/Beans.xml&q
            
                                
            • 
                                
          • [科研与项目]民营企业请慎重参与军事科技工程
                                    comsci
企业
                                    
             
 
     军事科研工程和项目 并非要用最先进，最时髦的技术，而是要做到“万无一失” 
 
   而民营科技企业在搞科技创新工程的时候，往往考虑的是技术的先进性，而对先进技术带来的风险考虑得不够，在今天提倡军民融合发展的大环境下，这种“万无一失”和“时髦性”的矛盾会日益凸显。。。。。。所以请大家在参与任何重大的军事和政府项目之前，对
            
                                
            • 
                                
          • spring 定时器-两种方式
                                    cuityang
springquartz定时器
                                    
            方式一： 
间隔一定时间 运行 
 
<bean id="updateSessionIdTask" class="com.yang.iprms.common.UpdateSessionTask" autowire="byName" /> 
 
 <bean id="updateSessionIdSchedule
            
                                
            • 
                                
          • 简述一下关于BroadView站点的相关设计
                                    damoqiongqiu
view
                                    
            终于弄上线了，累趴，戳这里http://www.broadview.com.cn 
  
简述一下相关的技术点 
  
前端：jQuery+BootStrap3.2+HandleBars，全站Ajax（貌似对SEO的影响很大啊！怎么破？），用Grunt对全部JS做了压缩处理，对部分JS和CSS做了合并（模块间存在很多依赖，全部合并比较繁琐，待完善）。 
  
后端：U
            
                                
            • 
                                
          • 运维 PHP问题汇总
                                    dcj3sjt126com
windows2003
                                    
            1、Dede(织梦)发表文章时,内容自动添加关键字显示空白页 
解决方法： 
后台>系统>系统基本参数>核心设置>关键字替换（是/否），这里选择“是”。 
后台>系统>系统基本参数>其他选项>自动提取关键字，这里选择“是”。 
  
2、解决PHP168超级管理员上传图片提示你的空间不足 
网站是用PHP168做的，反映使用管理员在后台无法
            
                                
            • 
                                
          • mac 下 安装php扩展 - mcrypt
                                    dcj3sjt126com
PHP
                                    
            MCrypt是一个功能强大的加密算法扩展库，它包括有22种算法，phpMyAdmin依赖这个PHP扩展，具体如下： 
 
  
  下载并解压libmcrypt-2.5.8.tar.gz。 
  在终端执行如下命令：  tar zxvf libmcrypt-2.5.8.tar.gz cd libmcrypt-2.5.8/ ./configure --disable-posix-threads --
            
                                
            • 
                                
          • MongoDB更新文档 [四]
                                    eksliang
mongodbMongodb更新文档
                                    
            MongoDB更新文档 
转载请出自出处：http://eksliang.iteye.com/blog/2174104 
MongoDB对文档的CURD，前面的博客简单介绍了，但是对文档更新篇幅比较大，所以这里单独拿出来。 
语法结构如下： 
db.collection.update( criteria, objNew, upsert, multi) 
参数含义    参数   
            
                                
            • 
                                
          • Linux下的解压，移除，复制，查看tomcat命令
                                    y806839048
tomcat
                                    
            重复myeclipse生成webservice有问题删除以前的，干净 
 
 1、先切换到：cd usr/local/tomcat5/logs 
 
2、tail -f catalina.out 
 
3、这样运行时就可以实时查看运行日志了 
 
 
 
 
Ctrl+c 是退出tail命令。 
 有问题不明的先注掉 
   cp /opt/tomcat-6.0.44/webapps/g
            
                                
            • 
                                
          • Spring之使用事务缘由(3-XML实现)
                                    ihuning
spring
                                    
              
用事务通知声明式地管理事务 
  
事务管理是一种横切关注点。为了在 Spring 2.x 中启用声明式事务管理，可以通过 tx Schema 中定义的 <tx:advice> 元素声明事务通知，为此必须事先将这个 Schema 定义添加到 <beans> 根元素中去。声明了事务通知后，就需要将它与切入点关联起来。由于事务通知是在 <aop:
            
                                
            • 
                                
          • GCD使用经验与技巧浅谈
                                    啸笑天
GC
                                    
            前言 
GCD(Grand Central Dispatch)可以说是Mac、iOS开发中的一大“利器”，本文就总结一些有关使用GCD的经验与技巧。 
dispatch_once_t必须是全局或static变量 
这一条算是“老生常谈”了，但我认为还是有必要强调一次，毕竟非全局或非static的dispatch_once_t变量在使用时会导致非常不好排查的bug，正确的如下：        1  
            
                                
            • 
                                
          • linux（Ubuntu）下常用命令备忘录1
                                    macroli
linux工作ubuntu
                                    
            在使用下面的命令是可以通过--help来获取更多的信息1,查询当前目录文件列表：ls 
 
 ls命令默认状态下将按首字母升序列出你当前文件夹下面的所有内容，但这样直接运行所得到的信息也是比较少的，通常它可以结合以下这些参数运行以查询更多的信息：  
 ls / 显示/.下的所有文件和目录  
 ls -l 给出文件或者文件夹的详细信息 
 ls -a 显示所有文件，包括隐藏文
            
                                
            • 
                                
          • nodejs同步操作mysql
                                    qiaolevip
学习永无止境每天进步一点点mysqlnodejs
                                    
            // db-util.js
var mysql = require('mysql');
var pool = mysql.createPool({
  connectionLimit : 10,
  host: 'localhost',
  user: 'root',
  password: '',
  database: 'test',
  port: 3306
});


            
                                
            • 
                                
          • 一起学Hive系列文章
                                    superlxw1234
hiveHive入门
                                    
              
[一起学Hive]系列文章 目录贴，入门Hive，持续更新中。 
  
[一起学Hive]之一—Hive概述，Hive是什么 
[一起学Hive]之二—Hive函数大全-完整版 
[一起学Hive]之三—Hive中的数据库(Database)和表(Table) 
[一起学Hive]之四-Hive的安装配置 
[一起学Hive]之五-Hive的视图和分区 
[一起学Hive
            
                                
            • 
                                
          • Spring开发利器：Spring Tool Suite 3.7.0 发布
                                    wiselyman
spring
                                    
            Spring Tool Suite(简称STS)是基于Eclipse，专门针对Spring开发者提供大量的便捷功能的优秀开发工具。 
  
在3.7.0版本主要做了如下的更新： 
  
 
 将eclipse版本更新至Eclipse Mars 4.5 GA 
 Spring Boot(JavaEE开发的颠覆者集大成者，推荐大家学习)的配置语言YAML编辑器的支持(包含自动提示，
            
                                
            •