天道十二
天道十二

html中列表前的序号用带圆圈的数字表示及存在的问题

在html中我们会经常遇到列表，列表也是html中一种比较重要存在，的而在日常练习中我们会碰到列表前的序号是经常是带圆圈的数字而不再是单纯的默认格式，这是每个html初学者都会碰到的问题，也是必须要掌握的。其实实现带圆圈的数字并不难，下面我将实现带圆圈的数字。

我将用无序列表做例子，代码如下：

html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <style>
        ul{
            list-style-type: none;
        }
        li,span{
            text-align: center;
            width: 25px;
            height: 25px;
            background-color: grey;
            border-radius: 50%;
            font-size: 18px;
            }
    style>
head>
<body>
<ul>
    <li><span>1span>li>
    <li><span>2span>li>
    <li><span>3span>li>
    <li><span>4span>li>
    <li><span>5span>li>
ul>
body>
html

演示效果：

html中列表前的序号用带圆圈的数字表示及存在的问题_第1张图片

但是在一道例题中却出现了数字在圆圈外面的现象，代码如下：

html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>畅销书排行榜title>
   <style>
   span{
      text-align: center;
      display:inline-block;
      background-color:purple;
      width: 25px;
      height: 25px;
      border-radius: 50%;
      line-height: 25px;
      font-size: 18px;
      color: black;
      margin-right: 10px;}
   li{list-style-type: none;
      text-indent: 2em;
      background: -webkit-linear-gradient(#F9FBCB, #F8F8F3);
      font-size: 12px;
      line-height: 35px;  }
   a{
      text-decoration: none;
      color:#1A66B3;
        }
   a:hover{text-decoration:underline; }
   style>
head>
<body><div>
   <h2>畅销书排行h2>
   <ul>
      <li><a href="#"><span>1span>不抱怨的世界a>li>
      <li><a href="#"><span>2span>遇见未知的世界a>li>
      <li><a href="#"><span>3span>活法a>li>
      <li><a href="#"><span>4span>高效能人士的七个习惯a>li>
      <li><a href="#"><span>5span>被迫强大a>li>
      <li><a href="#"><span>6span>遇见心想事成的自己a>li>
   ul>div>
body>
html>
演示效果：

html中列表前的序号用带圆圈的数字表示及存在的问题_第2张图片

无论我怎样调节内边距和外边距还有缩进都无济于事，知道我重新写了一遍代码通过对比我发现问题在于

text-indent: 2em;为了让每一列表项前面有空余我写了这行代码，把这行代码去掉就没事了。效果演示：
 
  
 
  
 
  
因为在文字向右缩进的同时数字也跟着缩进了，所以会出现数字在外面的情况。所以这要求我们要注意这一点，往往一个小细节就可能让我们达不到我们的目的。
 
 
 


                            

                        

                    

                    
                    

                    
                    
                    

                

                

                    
                

            

        

    

    

        
你可能感兴趣的:(html,web前端)

        

            

                
    
                    
  • 《恐龙餐厅菜单页面代码说明文档》
                        欣然～
html5
                        
    一、整体概述此HTML文件构建了一个恐龙餐厅的菜单页面，用户能够浏览菜品、将菜品添加到购物车，并进行支付操作。页面运用HTML搭建结构，CSS进行样式设计，JavaScript实现交互功能。二、HTML结构1.文档头部（）html恐龙餐厅菜单/*CSS样式代码*/：声明文档类型为HTML5。：指定文档语言为中文（中国大陆）。：设置字符编码为UTF-8，确保中文等字符能正确显示。：让页面在不同设备上
    
                    
    • 
                    
  • 基于html5QrCode实现的H5扫码功能（uni-app v2版本）
                        _虾仁不眨眼_
移动端H5uni-apphtml5
                        
    1.安装（选择一种方式）使用npmHtml5Qrcodenpm链接npmihtml5-qrcode直接引入html5-qrcode.min.js文件（本例使用此方法）2.扫码组件代码（先引入Html5Qrcode资源）exportdefault{name:'Scan',model:{props:'value',event:'close'},props:{value:{type:Boolean,de
    
                    
    • 
                    
  • input限制只能输入正整数
                        _虾仁不眨眼_
javascripthtml5
                        
    要限制input元素只能输入正整数，可以使用以下几种方法：1.使用HTML5的type="number"属性这种方式可以限制输入框只接受数字输入，并且可以通过min和step属性设置最小值和步长。2.使用正则表达式进行输入验证使用@input事件监听输入框的输入事件，并在validateInput方法中使用正则表达式过滤掉非数字和非正整数的字符。//html//jsmethods:{validat
    
                    
    • 
                    
  • 前端大屏触摸签名实现
                        风无雨
前端前端
                        
    参考：JavaScript实现手写签名，可触屏手写，支持移动端与PC端双端保存_js手写签名-CSDN博客https://www.cnblogs.com/smileZAZ/p/17219400.html1.新建一个canvas元素获取canvas上下文，绘制初始矩形，设置高度宽度，初始绘制位置0,0//创建上下文constctx=canvas.getContext('2d')2.监听touchst
    
                    
    • 
                    
  • 移动端Canvas实现手写签名
                        不知名靓仔
canvas
                        
    引言在移动应用开发中，手写签名功能的集成已经成为许多业务场景的标配，比如电子合同签署、医疗记录确认或是物流配送签收等。本文将详细阐述如何在移动端实现手写签名，包括技术选型、具体实现步骤以及优化建议，帮助开发者快速上手并构建高质量的手写签名体验。技术选型1.使用CanvasAPIHTML5的CanvasAPI提供了在网页上绘制图形的能力，包括路径、文本、图像等，非常适合用来捕捉和展示手写签名。在移动
    
                    
    • 
                    
  • 最新微信小程序面试题集结
                        江湖二哥
微信小程序前端面试小程序
                        
    1、微信小程序与H5的区别?第一条是运行环境的不同传统的HTML5的运行环境是浏览器，包括webview，而微信小程序的运行环境并非完整的浏览器，是微信开发团队基于浏览器内核完全重构的一个内置解析器，针对小程序专门做了优化，配合自己定义的开发语言标准，提升了小程序的性能。第二条是开发成本的不同只在微信中运行，所以不用再去顾虑浏览器兼容性，不用担心生产环境中出现不可预料的奇妙BuG第三条是获取系统级
    
                    
    • 
                    
  • 使用yolov8+flask实现精美登录界面+图片视频摄像头检测系统
                        FL1623863129
深度学习YOLOflaskpython
                        
    这个是使用flask实现好看登录界面和友好的检测界面实现yolov8推理和展示，代码仅仅有2个html文件和一个python文件，真正做到了用最简洁的代码实现复杂功能。测试通过环境：windowsx64anaconda3+python3.8ultralytics==8.3.81flask==1.1.2torch==2.3.0运行步骤：安装好环境执行pythonlogin.py后端实现代码：from
    
                    
    • 
                    
  • 订单管理系统 大学生数据库大作业/数据库实践MYSQL
                        陌路物是人非
数据库课程设计
                        
    订单管理系统从入门到入土下载Maven，Nodejs创建一个数据库sql_end，创建四个数据库表，并确保用户名为root用户密码为123456再IDEA中加载Springboot依赖（可以直接新建一个任意名称的文件夹，项目导入spring的框架），启动spring项目打开index.html输入用户名和密码，点击注册，再点击登录点击个人中心，点击修改用户信息，修改自己的余额点击逛店铺，选择一个商
    
                    
    • 
                    
  • python xpath定位元素方法_关于python中的xpath解析定位
                        weixin_39975366
pythonxpath定位元素方法
                        
    爬取的网站：http://jbk.39.net/chancegz/这里只针对个别属性值：#例如：'别名'下的span标签文本，‘发病部位'下的span标签文本以及‘挂号科室‘下的span标签文本#defdisease(url):text=get_html(url)tree=etree.HTML(text)bm=tree.xpath('//ul[@class="information_ul"]/li
    
                    
    • 
                    
  • XPath简介——完整入门和详解
                        葡萄架子
网络协议前端
                        
    XPath简介——完整入门和详解**XPath的用法场景****XPath的基本语法****1.树型结构概念****2.XPath基本路径语法****定位方式及详细语法讲解**示例HTML结构：**1.路径选择****基础语法：层级表示法****查询所有匹配的节点****2.位置选取语法****单个节点索引选择****结合多个位置过滤****3.属性条件过滤**属性查询示例：含动态匹配：**4.文
    
                    
    • 
                    
  • 什么是遍历？
                        dengjuanshou7445
javascriptViewUI
                        
    jQuery遍历，意为“移动”，用于根据其相对于其他元素的关系来“查找”（或选取）HTML元素。以某项选择开始，并沿着这个选择移动，直到抵达您期望的元素为止。下图展示了一个家族树。通过jQuery遍历，您能够从被选（当前的）元素开始，轻松地在家族树中向上移动（祖先），向下移动（子孙），水平移动（同胞）。这种移动被称为对DOM进行遍历。图示解释：元素是的父元素，同时是其中所有内容的祖先。元素是元素的
    
                    
    • 
                    
  • html-to-image的使用及图片变形和无图问题修复
                        庸懒
前端
                        
    html-to-image的使用及图片变形和无图问题修复最近迭代的时候因为新增了一个需求，需要前端提供素材及样式给后端，后端同步渲染，但是因为部分样式问题后端无法实现所以决定前端将页面生成图片然后传递给后端使用，本文记录一下使用的过程及遇到的部分问题。技术调研现在将页面元素转换成图片的插件有很多，普遍使用的技术原理都是利用canvas或者SVG将页面元素转换成画布或者svg元素，然后再转成图片。这
    
                    
    • 
                    
  • canvas绘制和数字签名
                        
前端
                        
    关键是要把存放绘制的信息放到一个二维数组中：绘制时最好不要用定时器进行定时绘制，因为会卡顿，最好使用requestAnimationFrame这个原生js的api方法，因为是以帧的间隔绘制，所以会看起来流畅Documenthtml,body{height:100%;margin:0;padding:0;}.container{width:100%;padding:20px0;display:fle
    
                    
    • 
                    
  • python flask 分页_Python的Flask框架中实现分页功能的教程
                        weixin_39959126
pythonflask分页
                        
    BlogPosts的提交让我们从简单的开始。首页上必须有一张用户提交新的post的表单。首先我们定义一个单域表单对象(fileapp/forms.py)：classPostForm(Form):post=TextField('post',validators=[Required()])下面，我们把这个表单添加到template中(fileapp/templates/index.html)：{%ex
    
                    
    • 
                    
  • Python 实现海康机器人工业相机 MV-CS050-10GC 的实时显示视频流及拍照功能(实时显示视频流同时可以进行拍照)
                        恋上钢琴的虫
数码相机
                        
    参考链接：https://www.cnblogs.com/HanYork/p/17388506.htmlhttps://www.cnblogs.com/miracle-luna/p/16960556.html#5138211Flask搭建流媒体服务器：使用Flask搭建一个流媒体服务器_multipart/x-mixed-replace;boundary=frame-CSDN博客
    
                    
    • 
                    
  • 爬取电影标题、评论、评分（21-11-4）
                        穆桥
Python爬虫XPath解析MySQL数据库电影信息疾病数据
                        
    功能描述：1、爬取网页1中的电影名称、评分、简介到mysql数据库中。2、爬取网页2中的标题、时间、正文、采集时间到mysql数据库中。使用的技术:requests请求、xpath解析、mysqlxpath解析语法//子孙节点/直接子节点.选取当前节点…选取当前节点的父节点@选取属性通过Python的lxml库，利用XPath进行HTML的解析。scrapy封装了lxml也可以导入scrapy任务
    
                    
    • 
                    
  • 给接口自动化测试框架增色，实现企业微信测试报告
                        编程简单学
软件测试pythonpython单元测试压力测试postman功能测试
                        
    作者在新项目中搭建了python+requests+unittest+HTMLTestRunner接口自动化测试框架，通过修改配置文件实现环境隔离，一份脚本即可在不同的环境执行接口测试用例。但是没有实现任何形式的消息通知，也没有集成到jenkins，原因很简单，因为还没做到很大，而且用户活跃不够，问题也相对较少，只在上线前后执行一次uat和prod环境。那这几天想完善一下消息通知功能，让它具备发送
    
                    
    • 
                    
  • CSS3实现的波浪线条动画效果
                        KkvlCapture
css3前端css动画
                        
    在这篇文章中，我们将学习如何使用CSS3创建一个令人惊叹的波浪线条动画效果。通过一些简单的CSS代码，我们可以为网页添加流动的波浪线条，为用户带来视觉上的吸引力。首先，让我们来看一下实现这个效果所需的HTML结构。我们将使用一个元素作为容器，并在其中创建一个带有波浪线条的元素。以下是示例HTML代码：<span
    
                    
    • 
                    
  • HTML5 Web SQL
                        froginwe11
开发语言
                        
    HTML5WebSQL引言随着互联网技术的飞速发展，HTML5作为新一代的网页技术，已经逐渐成为网页开发的主流。在HTML5中，WebSQL是一种轻量级的数据库存储技术，它允许开发者直接在网页中存储数据。本文将详细介绍HTML5WebSQL的概念、特点、应用场景以及使用方法。一、WebSQL概念WebSQL是一种轻量级的数据库存储技术，它允许开发者使用SQL语句在网页中存储数据。WebSQL数据库
    
                    
    • 
                    
  • HTML5前端页面设计,HTML5网页前端设计
                        设计师马丁
HTML5前端页面设计
                        
    HTML5网页前端设计编辑锁定讨论上传视频《HTML5网页前端设计》是2017年6月清华大学出版社出版的图书，作者是周文洁。书名HTML5网页前端设计作者周文洁ISBN9787302463597定价59.50元出版社清华大学出版社出版时间2017年6月HTML5网页前端设计内容简介编辑本书是一本从零开始学习的Web前端开发教材，无须额外的基础。全书以项目驱动为宗旨，详细介绍了HTML5、CSS3与
    
                    
    • 
                    
  • JavaScript 表单
                        宇哥资料
JavaScriptjavascript开发语言ecmascript
                        
    JavaScript表单验证HTML表单验证可以通过JavaScript来完成。以下实例代码用于判断表单字段(fname)值是否存在，如果不存在，就弹出信息，阻止表单提交：JavaScript实例functionvalidateForm(){varx=document.forms["myForm"]["fname"].value;if(x==null||x==""){alert("需要输入名字。"
    
                    
    • 
                    
  • Vue3项目白屏问题深度解析：从AI辅助诊断到性能优化实战
                        TE-茶叶蛋
前端项目性能优化vueelementui
                        
    一、问题背景：令人困惑的白屏现象在开发一个基于Vue3+Vite+TypeScript的中后台管理系统时，我们遭遇了一个典型的性能问题：页面刷新后出现持续1-2秒的白屏，随后才正常渲染内容。尽管在index.html中加入了Loading动画，但动画结束后仍存在明显的空白间隙。关键现象特征：开发环境请求数达400+（Vite按需编译特性）生产环境构建后请求50+，资源总体积8.6MBDOMCont
    
                    
    • 
                    
  • torch.logical_and()方法
                        CodeWang_NC
pytorch深度学习python
                        
    torch.logical_and()计算给定输入张量的元素逻辑AND。零被视为False，非零被视为True官方文档说明:https://pytorch.org/docs/stable/generated/torch.logical_and.html#torch.logical_andtorch.logical_and(input，other，*，out=None）→返回张量input（张量）–
    
                    
    • 
                    
  • springboot kafka spring boot搭建 单机 集群 集成入门
                        木秀林
环境配置kafkaspringbootdocker
                        
    搭建kafka(单机版)使用虚拟机+docker参考https://blog.csdn.net/qq_35394891/article/details/84349955https://www.cnblogs.com/xiaohanlin/p/10078865.html拉取镜像(kafka依赖zookeeper,所有两个都要)dockerpullwurstmeister/zookeeperdocke
    
                    
    • 
                    
  • html字段最大长度限制,html input 限制输入的长度并提示的方法
                        朱佳顺
html字段最大长度限制
                        
    html中input标签的value值的长度理论上应该是2^32(数据来源于资料，没有测试过)，但为了防止一些input的输入数据过长来做一些限制，该如何实现呢？这篇文章就来介绍一下，如何限制input输入数据的长度并且输入的数据超过规定的长度该如何去提示？htmlinput限制输入字符串长度的方法input标签中的maxlength属性，可以用来规定输入字符串的最大长度。示例代码：htmlinp
    
                    
    • 
                    
  • 【51单片机】程序实验17.红外遥控
                        -一杯为品-
51单片机51单片机mongodb嵌入式硬件
                        
    主要参考学习资料：B站【普中官方】51单片机手把手教学视频开发资料下载链接：http://www.prechin.cn/gongsixinwen/208.html单片机套装：普中STC51单片机开发板A4标准版套餐7目录红外遥控介绍红外线简介红外遥控原理红外发射装置红外接收装置硬件设计实验17红外遥控红外接收头驱动主函数红外遥控介绍红外线简介可见光按波长从长到短排列依次为红橙黄绿青蓝紫，其中红光波
    
                    
    • 
                    
  • 【原创】Linux上普通用户安装、运行nmap功能扫描指定IP地址上的端口
                        赵庆明老师
Linuxlinuxtcp/ip运维
                        
    由于是普通用户，因此权限受限，基本上不用考虑常规途径安装了。加上服务器操作系统可能比较老，如果使用源码编译的话，可能会有一大堆编译错误，且由于权限问题，无法解决。这里我要用到一个工具：nmap，扫描某主机。登录nmap官网https://nmap.org/点击下载https://nmap.org/download.html点击Linux版的nmap,下载rpm安装包下载完后，上载到服务器。使用以下
    
                    
    • 
                    
  • 从零基础开始实现一个Spring Boot + Vue 项目的详细步骤指南
                        软件职业规划
springspringbootvue.js后端
                        
    一、准备工作1.开发环境搭建安装JDK（JavaDevelopmentKit）：前往Oracle官网（https://www.oracle.com/java/technologies/javase-jdk11-downloads.html，以JDK11为例）下载适合你操作系统的JDK安装包，按照安装向导完成安装。安装完成后，配置系统环境变量，确保在命令行中能通过java-version命令查看到正
    
                    
    • 
                    
  • 我与DeepSeek读《大型网站技术架构》- 大型网站架构技术一览与Web开发技术发展历程
                        诺亚凹凸曼
架构
                        
    文章目录大型网站架构技术一览1.前端架构2.应用层架构3.服务层架构4.存储层架构5.后台架构6.数据采集与监控7.安全架构8.数据中心机房架构Web开发技术发展历程一、静态HTML阶段二、CGI脚本模式阶段三、服务器页面模式阶段大型网站架构技术一览1.前端架构浏览器访问优化：压缩静态资源、减少HTTP请求。CDN加速：将静态资源分发至边缘节点，降低网络延迟。反向代理：缓存热点内容，提供负载均衡与
    
                    
    • 
                    
  • 我与DeepSeek读《大型网站技术架构》（4）
                        诺亚凹凸曼
架构
                        
    瞬时响应：网站的高性能架构章节要点本章聚焦于如何通过系统性优化实现网站快速响应，从多层级、多维度剖析了高性能架构的核心策略。1.高性能架构的优化层级(1)前端性能优化目标：减少用户端请求延迟，提升页面加载速度。核心策略：减少HTTP请求：合并CSS/JS文件、使用CSSSprites（雪碧图）。压缩资源：Gzip压缩文本文件（HTML/CSS/JS）、图片优化（WebP格式）。CDN加速：静态资源
    
                    
    • 
                                
  • java短路运算符和逻辑运算符的区别
                                    3213213333332132
java基础
                                    
    
/*
		 * 逻辑运算符——不论是什么条件都要执行左右两边代码
		 * 短路运算符——我认为在底层就是利用物理电路的“并联”和“串联”实现的
		 * 原理很简单，并联电路代表短路或（||），串联电路代表短路与（&&）。
		 * 
		 * 并联电路两个开关只要有一个开关闭合，电路就会通。
		 * 类似于短路或（||），只要有其中一个为true（开关闭合）是
    
                                
    • 
                                
  • Java异常那些不得不说的事
                                    白糖_
javaexception
                                    
    一、在finally块中做数据回收操作 
比如数据库连接都是很宝贵的，所以最好在finally中关闭连接。 
JDBCAgent jdbc = new JDBCAgent();
try{
jdbc.excute("select * from ctp_log");
}catch(SQLException e){
...
}finally{
jdbc.close();

    
                                
    • 
                                
  • utf-8与utf-8(无BOM)的区别
                                    dcj3sjt126com
PHP
                                    
    BOM——Byte Order Mark，就是字节序标记       在UCS 编码中有一个叫做"ZERO WIDTH NO-BREAK SPACE"的字符，它的编码是FEFF。而FFFE在UCS中是不存在的字符，所以不应该出现在实际传输中。UCS规范建议我们在传输字节流前，先传输 字符"ZERO WIDTH NO-BREAK SPACE"。这样如
    
                                
    • 
                                
  • JAVA Annotation之定义篇
                                    周凡杨
java注解annotation入门注释
                                    
        Annotation: 译为注释或注解 
An annotation, in the Java computer programming language, is a form of syntactic metadata that can be added to Java source code. Classes, methods, variables, pa
    
                                
    • 
                                
  • tomcat的多域名、虚拟主机配置
                                    g21121
tomcat
                                    
    众所周知apache可以配置多域名和虚拟主机，而且配置起来比较简单，但是项目用到的是tomcat，配来配去总是不成功。查了些资料才总算可以，下面就跟大家分享下经验。 
很多朋友搜索的内容基本是告诉我们这么配置： 
在Engine标签下增面积Host标签，如下： 
<Host name="www.site1.com"  appBase="webapps"
    
                                
    • 
                                
  • Linux SSH 错误解析（Capistrano 的cap 访问错误 Permission ）
                                    510888780
linuxcapistrano
                                    
     
1.ssh -v [email protected] 出现 
Permission denied (publickey,gssapi-keyex,gssapi-with-mic,password). 
错误 
 
运行状况如下： 
 
 
OpenSSH_5.3p1, OpenSSL 1.0.1e-fips 11 Feb 2013
debug1: Reading configuratio
    
                                
    • 
                                
  • log4j的用法
                                    Harry642
javalog4j
                                    
    一、前言：     log4j 是一个开放源码项目，是广泛使用的以Java编写的日志记录包。由于log4j出色的表现，     当时在log4j完成时，log4j开发组织曾建议sun在jdk1.4中用log4j取代jdk1.4 的日志工具类，但当时jdk1.4已接近完成，所以sun拒绝使用log4j，当在java开发中
    
                                
    • 
                                
  • mysql、sqlserver、oracle分页，java分页统一接口实现
                                    aijuans
oraclejave
                                    
      
定义：pageStart 起始页，pageEnd 终止页,pageSize页面容量 
oracle分页： 
　　　　select * from ( select mytable.*,rownum num from (实际传的SQL) where rownum<=pageEnd) where num>=pageStart 
sqlServer分页： 
 
    
                                
    • 
                                
  • Hessian 简单例子
                                    antlove
javaWebservicehessian
                                    
    hello.hessian.MyCar.java 
package hessian.pojo;

import java.io.Serializable;


public class MyCar implements Serializable {

    private static final long serialVersionUID = 473690540190845543
    
                                
    • 
                                
  • 数据库对象的同义词和序列
                                    百合不是茶
sql序列同义词ORACLE权限
                                    
    回顾简单的数据库权限等命令; 
解锁用户和锁定用户
alter user scott account lock/unlock;
//system下查看系统中的用户
select * dba_users;

//创建用户名和密码
create user wj identified by wj;
identified by 
//授予连接权和建表权
grant connect to 
    
                                
    • 
                                
  • 使用Powermock和mockito测试静态方法
                                    bijian1013
持续集成单元测试mockitoPowermock
                                    
            实例： 
package com.bijian.study;

import static org.junit.Assert.assertEquals;

import java.io.IOException;

import org.junit.Before;
import org.junit.Test;
import or
    
                                
    • 
                                
  • 精通Oracle10编程SQL(6)访问ORACLE
                                    bijian1013
oracle数据库plsql
                                    
    /*
 *访问ORACLE
*/

--检索单行数据
--使用标量变量接收数据
DECLARE
  v_ename emp.ename%TYPE;
  v_sal emp.sal%TYPE;
BEGIN
  select ename,sal into v_ename,v_sal
  from emp where empno=&no;
  dbms_output.pu
    
                                
    • 
                                
  • 【Nginx四】Nginx作为HTTP负载均衡服务器
                                    bit1129
nginx
                                    
     Nginx的另一个常用的功能是作为负载均衡服务器。一个典型的web应用系统，通过负载均衡服务器，可以使得应用有多台后端服务器来响应客户端的请求。一个应用配置多台后端服务器，可以带来很多好处： 
  负载均衡的好处 
 
 增加可用资源 
 增加吞吐量 
 加快响应速度，降低延时 
 出错的重试验机制 
 Nginx主要支持三种均衡算法： 
 
 round-robin 
 l
    
                                
    • 
                                
  • jquery-validation备忘
                                    白糖_
jquerycssF#Firebug
                                    
    留点学习jquery validation总结的代码： 
  
function checkForm(){
	validator = $("#commentForm").validate({// #formId为需要进行验证的表单ID
		errorElement :"span",// 使用"div"标签标记错误， 默认:&
    
                                
    • 
                                
  • solr限制admin界面访问（端口限制和http授权限制）
                                    ronin47
限定Ip访问
                                    
    solr的管理界面可以帮助我们做很多事情，但是把solr程序放到公网之后就要限制对admin的访问了。 
可以通过tomcat的http基本授权来做限制，也可以通过iptables防火墙来限制。 
我们先看如何通过tomcat配置http授权限制。 
第一步： 在tomcat的conf/tomcat-users.xml文件中添加管理用户，比如： 
<userusername="ad
    
                                
    • 
                                
  • 多线程-用JAVA写一个多线程程序，写四个线程，其中二个对一个变量加1，另外二个对一个变量减1
                                    bylijinnan
java多线程
                                    
    

public class IncDecThread {

	private int j=10;
	
	/*
	 * 题目:用JAVA写一个多线程程序，写四个线程，其中二个对一个变量加1，另外二个对一个变量减1
	 * 两个问题：
	 * 1、线程同步--synchronized
	 * 2、线程之间如何共享同一个j变量--内部类
	 */
	public static 
    
                                
    • 
                                
  • 买房历程
                                    cfyme

                                    
      
  
2015-06-21: 万科未来城，看房子 
  
2015-06-26: 办理贷款手续，贷款73万，贷款利率5.65=5.3675 
  
2015-06-27: 房子首付,签完合同 
  
2015-06-28，央行宣布降息 0.25，就2天的时间差啊，没赶上。 
  
首付，老婆找他的小姐妹接了5万，另外几个朋友借了1-
    
                                
    • 
                                
  • [军事与科技]制造大型太空战舰的前奏
                                    comsci
制造
                                    
     
 
       天气热了........空调和电扇要准备好.......... 
 
       最近,世界形势日趋复杂化,战争的阴影开始覆盖全世界.......... 
 
 
       所以,我们不得不关
    
                                
    • 
                                
  • dateformat
                                    dai_lm
DateFormat
                                    
    
"Symbol  Meaning             Presentation   Ex."
"------  -------             ------------   ----"
"G       era designator      (Text)         AD"
"y       year
    
                                
    • 
                                
  • Hadoop如何实现关联计算
                                    datamachine
mapreducehadoop关联计算
                                    
        选择Hadoop，低成本和高扩展性是主要原因，但但它的开发效率实在无法让人满意。 
    以关联计算为例。 
    假设：HDFS上有2个文件，分别是客户信息和订单信息，customerID是它们之间的关联字段。如何进行关联计算，以便将客户名称添加到订单列表中？ 
  &nbs
    
                                
    • 
                                
  • 用户模型中修改用户信息时，密码是如何处理的
                                    dcj3sjt126com
yii
                                    
    当我添加或修改用户记录的时候对于处理确认密码我遇到了一些麻烦，所有我想分享一下我是怎么处理的。 
场景是使用的基本的那些(系统自带)，你需要有一个数据表(user)并且表中有一个密码字段(password),它使用 sha1、md5或其他加密方式加密用户密码。 
面是它的工作流程: 当创建用户的时候密码需要加密并且保存，但当修改用户记录时如果使用同样的场景我们最终就会把用户加密过的密码再次加密，这
    
                                
    • 
                                
  • 中文 iOS/Mac 开发博客列表
                                    dcj3sjt126com
Blog
                                    
      
本博客列表会不断更新维护，如果有推荐的博客，请到此处提交博客信息。 
本博客列表涉及的文章内容支持 定制化Google搜索，特别感谢 JeOam 提供并帮助更新。 
本博客列表也提供同步更新的OPML文件（下载OPML文件），可供导入到例如feedly等第三方定阅工具中，特别感谢 lcepy 提供自动转换脚本。这里有导入教程。   
    
                                
    • 
                                
  • js去除空格，去除左右两端的空格
                                    蕃薯耀
去除左右两端的空格js去掉所有空格js去除空格
                                    
    js去除空格，去除左右两端的空格 
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>&g
    
                                
    • 
                                
  • SpringMVC4零配置--web.xml
                                    hanqunfeng
springmvc4
                                    
    servlet3.0+规范后，允许servlet，filter，listener不必声明在web.xml中，而是以硬编码的方式存在，实现容器的零配置。 
ServletContainerInitializer：启动容器时负责加载相关配置 
package javax.servlet;
import java.util.Set;
public interface ServletContainer
    
                                
    • 
                                
  • 《开源框架那些事儿21》：巧借力与借巧力
                                    j2eetop
框架UI
                                    
    同样做前端UI，为什么有人花了一点力气，就可以做好？而有的人费尽全力，仍然错误百出？我们可以先看看几个故事。 
故事1：巧借力，乌鸦也可以吃核桃 
有一个盛产核桃的村子，每年秋末冬初，成群的乌鸦总会来到这里，到果园里捡拾那些被果农们遗落的核桃。 
核桃仁虽然美味，但是外壳那么坚硬，乌鸦怎么才能吃到呢？原来乌鸦先把核桃叼起，然后飞到高高的树枝上，再将核桃摔下去，核桃落到坚硬的地面上，被撞破了，于是，
    
                                
    • 
                                
  • JQuery EasyUI 验证扩展
                                    可怜的猫
jqueryeasyui验证
                                    
      最近项目中用到了前端框架-- EasyUI，在做校验的时候会涉及到很多需要自定义的内容，现把常用的验证方式总结出来，留待后用。 
  以下内容只需要在公用js中添加即可。 
  使用类似于如下： 
 <input class="easyui-textbox" name="mobile" id="mobile&
    
                                
    • 
                                
  • 架构师之httpurlconnection----------读取和发送(流读取效率通用类)
                                    nannan408

                                    
    1.前言. 
   如题. 
2.代码. 
 

/* 
 * Copyright (c) 2015, S.F. Express Inc. All rights reserved.
 */
package com.test.test.test.send;

import java.io.IOException;
import java.io.InputStream
    
                                
    • 
                                
  • Jquery性能优化
                                    r361251
JavaScriptjquery
                                    
    一、注意定义jQuery变量的时候添加var关键字 
这个不仅仅是jQuery，所有javascript开发过程中，都需要注意，请一定不要定义成如下： 
$loading = $('#loading'); //这个是全局定义，不知道哪里位置倒霉引用了相同的变量名，就会郁闷至死的 
二、请使用一个var来定义变量 
如果你使用多个变量的话，请如下方式定义： 
. 代码如下: 
 
var page 
    
                                
    • 
                                
  • 在eclipse项目中使用maven管理依赖
                                    tjj006
eclipsemaven
                                    
    概览: 
 
 如何导入maven项目至eclipse中 
 
 
 建立自有Maven  Java类库服务器 
 
 
 建立符合maven代码库标准的自定义类库 
 
Maven在管理Java类库方面有巨大的优势，像白衣所说就是非常“环保”。 
我们平时用IDE开发都是把所需要的类库一股脑的全丢到项目目录下，然后全部添加到ide的构建路径中，如果用了SVN/CVS，这样会很容易就 把
    
                                
    • 
                                
  • 中国天气网省市级联页面
                                    x125858805
级联
                                    
    1、页面及级联js 
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
&l
    
                                
    • 
                

            

        

    




    

        

            按字母分类：
            ABCDEFGHIJKLMNOPQRSTUVWXYZ其他