设计师工作日常
设计师工作日常

有趣的css - 第一个字符串自动生成文字图标

1200_670 5.png

在设计 app 界面的时候，要展示一部分最新的资讯入口，然后出了一张下面的 UI 稿。

UI稿截图如下：

有趣的css - 第一个字符串自动生成文字图标_第1张图片

列表设计比较简单，就是列表前面的圆形图标这块，我个人觉得还是有点意思的。

一般的话，大概率都是用js限制字符串长度，然后截图第一个字符串显示到圆里。

但是有些时候，英文和中文在字符串限制时，中文是占两个字符的。

这样的话，图标可能会发生变形，字符会不居中。

我就想能不能用 css 来实现这样的图标样式。

废话到此，先来个demo。

html部分：

<ul>
	<li><span>第一个字符串生成文字图标span>第一个字符串生成文字图标li>
	<li><span>用CSS可以做什么？span>用CSS可以做什么？li>
	<li><span>前端的致命诱惑span>前端的致命诱惑li>
ul>

css部分：

span{
	width: 42px;
	height: 42px;
	line-height: 40px;
	color: #1E47ED;
	font-size: 18px;
	font-weight: 700;
	text-indent: 12px;
	border-radius: 50%;
	display: block;
	float: left;
	overflow: hidden;
	background-color: #eaeaea;
	letter-spacing: 20px;
	margin-right: 15px;
}

主要看 css 部分，先固定 span 标签宽高为，圆角 50%，然后设定行高，让字符垂直居中；

设定 overflow: hidden，限制字符溢出；

然后设定 letter-spacing: 200px ，让字符间距变大，不让第二个字符显示到 span 中；

然后设定 text-indent: 12px，来让第一个字符居中。

至此，这个字符图标就用 css 实现了。

渲染效果：

有趣的css - 第一个字符串自动生成文字图标_第2张图片

完整代码：

HTML

DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>04 第一个字符串生成文字图标title>
head>
<body>
    <div class="app">
        <ul>
        	<li><span>第一个字符串生成文字图标span>第一个字符串生成文字图标li>
        	<li><span>用CSS可以做什么？span>用CSS可以做什么？li>
        	<li><span>前端的致命诱惑span>前端的致命诱惑li>
        ul>
    div>
body>
html>

CSS

*{
    margin: 0;
    padding: 0;
    list-style: none;
    transition: .5s;
}
html,body{
    background-color: #f5f5f5;
    color: #fff;
    font-size: 14px;
}
.app{
    width: 100%;
    height: 100vh;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.app ul {
	max-width: 300px;
}
.app ul li{
	width: 100%;
	color: #152239;
	font-size: 16px;
	line-height: 42px;
	margin: 15px 0;
	float: left;
}
.app ul li span{
	width: 42px;
	height: 42px;
	line-height: 40px;
	color: #1E47ED;
	font-size: 18px;
	font-weight: 700;
	text-indent: 12px;
	border-radius: 50%;
	display: block;
	float: left;
	overflow: hidden;
	background-color: #eaeaea;
	letter-spacing: 20px;
	margin-right: 15px;
}

以上就是所有代码，以及简单的思路，希望对你有一些帮助或者启发。

[1] 阅读原文

我是 Just，这里是[ 设计师工作日常 ]，求点赞求关注！！！

你可能感兴趣的:(有趣的css,html,css,前端,css3)

  • Golang中的格式化输入输出 whhom Golanggolang开发语言后端go语言go
    Golang中的格式化输入输出打印输出在Go语言中有多种输出方式，不同的输出适用场景不同。归纳起来有三种，每种还分为3种方式(原内容、原内容+ln、原内容+f)PrintXX()FprintXX()SprintXX()FprintXXFprintXX在GoWeb中使用比较多，把内容写到响应流中。以Fprintln()为例，源码如下：//Fprintlnformatsusingthedefaultf
  • HCL AppScan Standard 10.7.0 发布下载，新增功能介绍 web安全
    HCLAppScanStandard10.7.0(Windows)-Web应用程序安全测试HCLAppScanStandardv10forWindowsMultilingual请访问原文链接：https://sysin.org/blog/appscan-10/查看最新版。原创作品，转载请保留出处。作者主页：sysin.org市场领先的应用程序安全解决方案（SAST、DAST、IAST、SCA、AP
  • 什么是数字图像？ 图像识别
    点赞+关注+收藏=学会了什么是数字图像？本文可在公众号「德育处主任」免费阅读弄懂数字图像的概念对学习计算机视觉很有帮助。那么，什么是数字图像？字面意思，数字图像就是有数字组成图像。通常由像素（Pixel）组成，每个像素包含颜色或亮度信息。数字图像的格式包括位图和矢量图两种主要类型：位图图像（Bitmap/RasterImage）：由一个个小的像素点组成，每个像素有固定的颜色或灰度值，排列组合形成完
  • PYTHON UI自动化，selenium第一节，登录 测试小白2951 python开发语言
    '''1/安装Selenium库：使用pip工具来安装Selenium库。在命令行中输入以下命令：pipinstallselenium/requestspip常用基础命令查看已经安装的第三方库:piplist直接安装库：pipinstall库名指定版本安装：pipinstallrobotframework==2.8.7卸载已安装的库：pipuninstallrequests更新某个库：pipins
  • node.js基础入门语法总结 @dahai node.jsnode.jsnpm前端
    目录目录1.node内置fs模块1.fs.readFile()2.fs.writeFile()3.注意点2.path模块1.path.join()2.path.basename()3.path.extname()3.http模块1.创建基本的web服务器步骤2.res.end返回中文乱码问题4.模块化1.模块作用域2.module对象，向外共享模块作用域中的成员3.module.exports对象
  • 【Ubuntu】解决ubuntu无法上网问题 jjjj的笔记本 linux编程ubuntulinux运维
    ubuntu18.04连不上网1、打开终端输入下面的命令编辑interfaces，除了可以使用vi，也是使用gedit，vimsudovi/etc/network/interfaces2、修改文件autoloifaceloinetloopbackautoens33ifaceens33inetdhcp3、重启网卡/etc/init.d/networkingrestart4、查看网卡的信息ifconf
  • 2025年1月19日（振动控制主动控制研究历史） Mason Lin 振动
    主动控制（ActiveVibrationControl,AVC）是振动控制领域的一种重要方法，通过实时调节控制力或控制系统的响应来抑制结构振动。主动控制的研究历史可以追溯到20世纪初，但其系统化与实际应用则在20世纪中期和后期得到了显著发展。以下是主动振动控制研究历史的几个关键节点：1.早期探索(20世纪40-50年代)在二战后，尤其是在飞机和航天器的设计中，研究人员开始关注如何有效地抑制振动对机
  • 2025年1月24日（广义力和广义位移） Mason Lin 振动力学振动力学
    广义力和广义位移是经典力学中用于描述系统运动和相互作用的重要概念，尤其在拉格朗日力学和哈密顿力学中具有重要意义。广义位移广义位移是指在一个多自由度系统中，描述系统中各个自由度变化的量。它不仅可以是平移位移，也可以是旋转位移，通常用符号qiq_iqi表示，其中iii是自由度的索引。例子考虑一个简单的摆锤系统，摆锤的运动可以用一个广义坐标θ\thetaθ（摆锤的角度）来描述。在这种情况下，广义位移就是
  • 【前端面试】深入了解Node.js基础 贾明恣 前端面试node.js
    前端与node.jsNode.js不是一门语言也不是框架，而是JavaScript运行时环境。基于GoogleV8引擎、同时它通过封装和抽象操作系统提供的底层功能，以及使用Libuv等c++/c的核心模块，扩展了JavaScript功能，使得JavaScript能够同时具有DOM操作(浏览器)和I/O、文件读写、操作数据库(服务器端)……能力，是目前最简单的全栈式语言。前端开发者经常需要安装Nod
  • python怎样读取数据类型_python相关的几种数据类型的存储读取方式 瘦下来 python怎样读取数据类型
    归纳一下python中不同数据保存格式的存储和读取，旨在方法整理和速度比较。从数据角度分两种，一是ndarray格式的纯数值数据的读写，二是对象(数据结构)如dict的文件存取。数值数据的读写.bin格式，np.tofile()和np.fromfile()importnumpyasnpa=np.random.randint(0,100,size=(10000,5000))print(a.dtype
  • spark 算子例子_Spark性能调优方法 不让爱你的人失望 spark算子例子
    公众号后台回复关键词：pyspark，获取本项目github地址。Spark程序可以快如闪电⚡️，也可以慢如蜗牛?。它的性能取决于用户使用它的方式。一般来说，如果有可能，用户应当尽可能多地使用SparkSQL以取得更好的性能。主要原因是SparkSQL是一种声明式编程风格，背后的计算引擎会自动做大量的性能优化工作。基于RDD的Spark的性能调优属于坑非常深的领域，并且很容易踩到。我们将介绍Spa
  • Spark性能调优 大数据侠客 spark相关问题汇总及解决spark性能调优
    1、前言在大数据计算领域，Spark已经成为了越来越流行、越来越受欢迎的计算平台之一。Spark的功能涵盖了大数据领域的离线批处理、SQL类处理、流式/实时计算、机器学习、图计算等各种不同类型的计算操作，应用范围与前景非常广泛。在美团•大众点评，已经有很多同学在各种项目中尝试使用Spark。大多数同学（包括笔者在内），最初开始尝试使用Spark的原因很简单，主要就是为了让大数据计算作业的执行速度更
  • java搜索框架_搜索引擎框架介绍 weixin_39568926 java搜索框架
    一、搜索引擎基础介绍二、常见搜索引擎框架介绍与比较三、参考文章一、搜索引擎基础介绍1.什么是搜索引擎搜索引擎，通常指的是收集了万维网上几千万到几十亿个网页并对网页中的每一个词(即关键词)进行索引，建立索引数据库的全文搜索引擎。当用户查找某个关键词的时候，所有在页面内容中包含了该关键词的网页都将作为搜索结果被搜出来。再经过复杂的算法进行排序(或者包含商业化的竞价排名、商业推广或者广告)后，这些结果将
  • 专业绘图软件draw.io安装使用 橘猫.exe 软件安装与使用draw.io
    专业绘图软件draw.io安装使用1.Draw.io介绍Draw.io是一个免费的在线图形编辑器，主要用于创建和编辑各种类型的图表和图形。它特别适用于制作流程图、组织结构图、网络图、思维导图等。以下是Draw.io的一些主要特点：多平台支持：Draw.io可以在不同的操作系统上运行，包括Windows、macOS和Linux。易于使用：界面直观，用户可以轻松地拖拽图形和文本，进行编辑和布局。丰富的
  • java搜索引擎框架_搜索引擎框架介绍 君子Python java搜索引擎框架
    原标题：搜索引擎框架介绍一、搜索引擎基础介绍1.什么是搜索引擎搜索引擎，通常指的是收集了万维网上几千万到几十亿个网页并对网页中的每一个词(即关键词)进行索引，建立索引数据库的全文搜索引擎。当用户查找某个关键词的时候，所有在页面内容中包含了该关键词的网页都将作为搜索结果被搜出来。再经过复杂的算法进行排序(或者包含商业化的竞价排名、商业推广或者广告)后，这些结果将按照与搜索关键词的相关度高低(或与相关
  • linux下查看ip地址的三种命令 橘猫.exe Linux系统编程linuxtcp/ip服务器
    linux下查看ip地址的三种命令在Linux系统中，经常需要查找IP地址以进行网络配置、故障排除或安全管理。无论是查找本地主机的IP地址还是查找其他设备的IP地址，本文将介绍三种简单的方法，帮助你在Linux中轻松找到所需的IP地址。有时候单靠一种命令查出来的可能不对，需要换其他命令查询一下1.ifconfig上述命令将显示当前系统上所有网络接口的详细信息，包括IP地址。通常，IP地址会显示在以
  • 在AWS上使用KMS客户端密钥加密S3文件，同时支持PySpark读写和Snowflake导入 weixin_30777913 pythonspark大数据云计算数据仓库
    现有AWSEMR集群上运行PySpark代码，可以读写S3上的数据文件，Snowflake数据仓库也需要导入S3上的文件到表。现在要用AWSKMS有客户端密钥加密S3上的文件，同时允许PySpark代码，可以读写S3上的数据文件，Snowflake数据仓库导入S3上的文件到表。为了实现AWSEMR上的PySpark读写KMS加密的S3文件，并让Snowflake导入这些文件，请按照以下步骤操作：一
  • Python 3 基本数据类型详解 ivwdcwso 开发pythonwindows开发语言
    Python是一种简单而强大的编程语言，具有丰富的数据类型来处理不同类型的数据。在本文中，我们将介绍Python3中的基本数据类型，包括整数、浮点数、字符串、列表、元组、集合和字典，并举例说明它们的使用方法和应用场景。1.整数（int）整数是Python中最基本的数据类型之一，用于表示没有小数部分的数字。整数可以是正数、负数或零。x=10y=-5z=0应用场景：计数器和计数器变量。代表物品的数量或
  • Python的旅游网站数据爬虫分析与可视化大屏展示论文 IT实战课堂—x小凡同学 Python毕业设计项目python旅游爬虫
    摘要随着互联网技术的迅猛发展，旅游行业也逐渐实现了数字化转型。旅游网站作为游客获取旅游信息的主要渠道，蕴含着丰富的旅游数据资源。本文旨在通过Python技术，实现旅游网站数据的爬虫分析，并利用可视化大屏展示分析结果，为旅游行业的数据驱动决策提供支持。关键词：Python；旅游网站；数据爬虫；可视化大屏一、引言旅游行业作为服务业的重要组成部分，其发展水平直接关系到国家经济的繁荣和人民生活的质量。随着
  • 11 Spark面试真题 TTXS123456789ABC #Sparkspark面试大数据
    11Spark大厂面试真题1.通常来说，Spark与MapReduce相比，Spark运行效率更高。请说明效率更高来源于Spark内置的哪些机制？2.hadoop和spark使用场景？3.spark如何保证宕机迅速恢复?4.hadoop和spark的相同点和不同点？5.RDD持久化原理？6.checkpoint检查点机制？7.checkpoint和持久化机制的区别？8.RDD机制理解吗？9.Spa
  • Python学习-九大数据类型整合，详细讲解 小伙儿. Pythonpython开发语言学习
    目录1.int(整型)2.float(浮点型)3.Bool(布尔类型)4.Str(字符串类型)5.None(空值)6.List(列表)7.Tuple(元组)8.Dict(字典)9.Set(集合)（字典，列表，元组，字符串知识点可能不全，可以参考本人之前发的博客进行学习，加油。）1.int(整型)特点和用途：1.可以表示正整数、负整数和零，没有小数部分。2.取值范围取决于您所使用的Python版本和
  • [碎碎念] 重启学习与博客之旅-我的每日计划 言午coding 碎碎念碎碎念
    好久没在写博客了，今天我下定决心，要重新开始。我给自己定了个小目标，从今天起，每天都要写一篇博客，然后发布到CSDN和掘金上。以下是我的计划。一、每天学点新东西以后每天早上，我都得抽出至少一个小时专门用来学新技术。我打算先列个学习清单，把一直想学但没时间学的技术都写上去，然后按照自己的兴趣和工作需要，一项一项地去攻克。比如说，我最近对人工智能和大数据分析特别感兴趣，所以打算每天看点相关的专业书，或
  • 热方程与波动方程 *Major* 线性代数算法
    热方程与波动方程讲课内容一、热方程的求解热方程描述了物体内热量的分布随时间变化的过程，广泛应用于热传导问题。热方程的标准形式为：∂u∂t=α∇2u\frac{\partialu}{\partialt}=\alpha\nabla^2u∂t∂u=α∇2u其中，u(x,t)u(x,t)u(x,t)是温度分布，α\alphaα是热扩散系数，∇2\nabla^2∇2是拉普拉斯算子。1.1一维热方程一维热方程
  • Nexpose 7.4.0 for Linux & Windows - 漏洞扫描 漏洞
    Nexpose7.4.0forLinux&Windows-漏洞扫描Rapid7on-premVulnerabilityManagement,releasedJan30,2025请访问原文链接：https://sysin.org/blog/nexpose-7/查看最新版。原创作品，转载请保留出处。作者主页：sysin.orgNexposeVulnerabilityScanner您的本地漏洞扫描程序搜
  • Python GIL（全局解释器锁）机制对多线程性能影响的深度分析 人工智能机器学习python
    在Python开发领域，GIL（GlobalInterpreterLock）一直是一个广受关注的技术话题。在3.13已经默认将GIL去除，在详细介绍3.13的更亲前，我们先要留了解GIL的技术本质、其对Python程序性能的影响。本文将主要基于CPython（用C语言实现的Python解释器，也是目前应用最广泛的Python解释器）展开讨论。GIL的技术定义GIL（GlobalInterprete
  • 【数据库】Oracle 骑鱼过海的猫123 数据库oracle
    文章目录1.批量更新1.批量更新这种方式将所有更新操作放在一个事务中执行，减少了与数据库的交互次数，从而可能提高性能。此外，事务处理还可以确保数据的一致性和完整性。begin;updatemytablesetSTATE='102',STATE_DATE=now()whereid='2104206238';end;updatemytable;setSTATE=#{student.state,jdbc
  • 数据库查询优化：提升性能的关键实践
    title:数据库查询优化：提升性能的关键实践date:2025/1/30updated:2025/1/30author:cmdragonexcerpt:在当今数据驱动的商业环境中，数据库的性能直接影响着应用程序的响应速度和用户体验。查询优化是性能调优的重要组成部分，通过对SQL查询的分析与改进，减少查询执行时间和资源消耗，从而提升整体系统效率。categories:前端开发tags:查询优化数据
  • Python学习笔记 - 探索5种数据类型 Mr数据杨 Python编程基础python数据类型
    在当今的数字时代，编程已经成为一种基本技能，不仅适用于软件开发人员，更广泛地应用于数据分析、人工智能、自动化和科学研究等领域。Python作为一种强大且易于学习的编程语言，因其简洁的语法和广泛的应用场景，成为了初学者学习编程的首选语言。在学习Python编程的过程中，理解和掌握数据类型是至关重要的。数据类型决定了程序中可以进行的操作类型，以及如何存储和处理信息。理解不同数据类型的特性和使用场景，不
  • ubuntu 安装python Y.zh
    在官网找到自己需要的python版本，我选择的是Gzippedsourcetarball下载压缩包#e.g.wgethttps://www.python.org/ftp/python/3.9.0/Python-3.9.0.tgz解压tar-xzvfPython-3.9.0.tgz安装#安装依赖sudoapt-getinstall-yzlibczlib1gzlib1g-devlibffi-devli
  • python中的九种数据类型的简单介绍 yaohappy10801 python开发语言
    目录一、基本数据类型：1.Int2.Float3.Bool二、复合型数据类型：2.1.Str2.2.List2.3.Tuple2.4.Dict2.5.Set三、None今天我来讲解一下python中的九种数据类型：在python中可以分为两类：基本数据类型和复合数据类型。在基本数据类型中包括：数字（int，float，bool）和字符串两种在复合数据类型种包括：字典（dict），元组（tuple）
  • jdk tomcat 环境变量配置 Array_06 javajdktomcat
    Win7 下如何配置java环境变量 1。准备jdk包，win7系统，tomcat安装包（均上网下载即可） 2。进行对jdk的安装，尽量为默认路径（但要记住啊！！以防以后配置用。。。） 3。分别配置高级环境变量。   电脑-->右击属性-->高级环境变量-->环境变量。 分别配置 : path    &nbs
  • Spring调SDK包报java.lang.NoSuchFieldError错误 bijian1013 javaspring
            在工作中调另一个系统的SDK包，出现如下java.lang.NoSuchFieldError错误。 org.springframework.web.util.NestedServletException: Handler processing failed; nested exception is java.l
  • LeetCode[位运算] - #136 数组中的单一数 Cwind java题解位运算LeetCodeAlgorithm
    原题链接：#136 Single Number 要求： 给定一个整型数组，其中除了一个元素之外，每个元素都出现两次。找出这个元素 注意：算法的时间复杂度应为O(n)，最好不使用额外的内存空间 难度：中等 分析： 题目限定了线性的时间复杂度，同时不使用额外的空间，即要求只遍历数组一遍得出结果。由于异或运算 n XOR n = 0, n XOR 0 = n，故将数组中的每个元素进
  • qq登陆界面开发 15700786134 qq
    今天我们来开发一个qq登陆界面，首先写一个界面程序，一个界面首先是一个Frame对象，即是一个窗体。然后在这个窗体上放置其他组件。代码如下： public class First {         public void initul(){        jf=ne
  • Linux的程序包管理器RPM 被触发 linux
    在早期我们使用源代码的方式来安装软件时，都需要先把源程序代码编译成可执行的二进制安装程序，然后进行安装。这就意味着每次安装软件都需要经过预处理-->编译-->汇编-->链接-->生成安装文件--> 安装，这个复杂而艰辛的过程。为简化安装步骤，便于广大用户的安装部署程序，程序提供商就在特定的系统上面编译好相关程序的安装文件并进行打包，提供给大家下载，我们只需要根据自己的
  • socket通信遇到EOFException 肆无忌惮_ EOFException
    java.io.EOFException at java.io.ObjectInputStream$PeekInputStream.readFully(ObjectInputStream.java:2281) at java.io.ObjectInputStream$BlockDataInputStream.readShort(ObjectInputStream.java:
  • 基于spring的web项目定时操作 知了ing javaWeb
    废话不多说，直接上代码，很简单 配置一下项目启动就行 1，web.xml <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="h
  • 树形结构的数据库表Schema设计 矮蛋蛋 schema
    原文地址： http://blog.csdn.net/MONKEY_D_MENG/article/details/6647488     程序设计过程中，我们常常用树形结构来表征某些数据的关联关系，如企业上下级部门、栏目结构、商品分类等等，通常而言，这些树状结构需要借助于数据库完成持久化。然而目前的各种基于关系的数据库，都是以二维表的形式记录存储数据信息，
  • maven将jar包和源码一起打包到本地仓库 alleni123 maven
    http://stackoverflow.com/questions/4031987/how-to-upload-sources-to-local-maven-repository <project> ... <build> <plugins> <plugin> <groupI
  • java IO操作 与 File 获取文件或文件夹的大小，可读，等属性！！！ 百合不是茶
    类 File File是指文件和目录路径名的抽象表示形式。 1，何为文件： 标准文件（txt doc mp3...） 目录文件（文件夹） 虚拟内存文件   2，File类中有可以创建文件的 createNewFile（）方法,在创建新文件的时候需要try{} catch(）{}因为可能会抛出异常；也有可以判断文件是否是一个标准文件的方法isFile();这些防抖都
  • Spring注入有继承关系的类（2） bijian1013 javaspring
    被注入类的父类有相应的属性，Spring可以直接注入相应的属性，如下所例：1.AClass类 package com.bijian.spring.test4; public class AClass { private String a; private String b; public String getA() { retu
  • 30岁转型期你能否成为成功人士 bijian1013 成长励志
            很多人由于年轻时走了弯路，到了30岁一事无成，这样的例子大有人在。但同样也有一些人，整个职业生涯都发展得很优秀，到了30岁已经成为职场的精英阶层。由于做猎头的原因，我们接触很多30岁左右的经理人，发现他们在职业发展道路上往往有很多致命的问题。在30岁之前，他们的职业生涯表现很优秀，但从30岁到40岁这一段，很多人
  • 【Velocity四】Velocity与Java互操作 bit1129 velocity
    Velocity出现的目的用于简化基于MVC的web应用开发，用于替代JSP标签技术，那么Velocity如何访问Java代码.本篇继续以Velocity三http://bit1129.iteye.com/blog/2106142中的例子为基础，      POJO    package com.tom.servlets; public
  • 【Hive十一】Hive数据倾斜优化 bit1129 hive
    什么是Hive数据倾斜问题   操作：join,group by,count distinct 现象：任务进度长时间维持在99%（或100%），查看任务监控页面，发现只有少量（1个或几个）reduce子任务未完成；查看未完成的子任务，可以看到本地读写数据量积累非常大，通常超过10GB可以认定为发生数据倾斜。 原因：key分布不均匀 倾斜度衡量：平均记录数超过50w且
  • 在nginx中集成lua脚本：添加自定义Http头，封IP等 ronin47 nginx lua csrf
    Lua是一个可以嵌入到Nginx配置文件中的动态脚本语言，从而可以在Nginx请求处理的任何阶段执行各种Lua代码。刚开始我们只是用Lua 把请求路由到后端服务器，但是它对我们架构的作用超出了我们的预期。下面就讲讲我们所做的工作。 强制搜索引擎只索引mixlr.com Google把子域名当作完全独立的网站，我们不希望爬虫抓取子域名的页面，降低我们的Page rank。 location /{
  • java-3.求子数组的最大和 bylijinnan java
    package beautyOfCoding; public class MaxSubArraySum { /** * 3.求子数组的最大和 题目描述： 输入一个整形数组，数组里有正数也有负数。 数组中连续的一个或多个整数组成一个子数组，每个子数组都有一个和。 求所有子数组的和的最大值。要求时间复杂度为O(n)。 例如输入的数组为1, -2, 3, 10, -4,
  • Netty源码学习-FileRegion bylijinnan javanetty
    今天看org.jboss.netty.example.http.file.HttpStaticFileServerHandler.java 可以直接往channel里面写入一个FileRegion对象，而不需要相应的encoder： //pipeline（没有诸如“FileRegionEncoder”的handler）： public ChannelPipeline ge
  • 使用ZeroClipboard解决跨浏览器复制到剪贴板的问题 cngolon 跨浏览器复制到粘贴板Zero Clipboard
    Zero Clipboard的实现原理 Zero Clipboard 利用透明的Flash让其漂浮在复制按钮之上，这样其实点击的不是按钮而是 Flash ，这样将需要的内容传入Flash，再通过Flash的复制功能把传入的内容复制到剪贴板。 Zero Clipboard的安装方法 首先需要下载 Zero Clipboard的压缩包，解压后把文件夹中两个文件：ZeroClipboard.js
  • 单例模式 cuishikuan 单例模式
    第一种（懒汉，线程不安全）： public class Singleton {   2     private static Singleton instance;   3     pri
  • spring+websocket的使用 dalan_123
    一、spring配置文件 <?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans"    xmlns:xsi="http://www.w3.or
  • 细节问题：ZEROFILL的用法范围。 dcj3sjt126com mysql
    1、zerofill把月份中的一位数字比如1，2，3等加前导0 mysql> CREATE TABLE t1 (year YEAR(4), month INT(2) UNSIGNED ZEROFILL,    -> day
  • Android开发10——Activity的跳转与传值 dcj3sjt126com Android开发
    Activity跳转与传值，主要是通过Intent类，Intent的作用是激活组件和附带数据。   一、Activity跳转 方法一Intent intent = new Intent(A.this, B.class); startActivity(intent)   方法二Intent intent = new Intent();intent.setCla
  • jdbc 得到表结构、主键 eksliang jdbc 得到表结构、主键
    转自博客：http://blog.csdn.net/ocean1010/article/details/7266042 假设有个con DatabaseMetaData dbmd = con.getMetaData(); rs = dbmd.getColumns(con.getCatalog(), schema, tableName, null); rs.getSt
  • Android 应用程序开关GPS gqdy365 android
    要在应用程序中操作GPS开关需要权限： <uses-permission android:name="android.permission.WRITE_SECURE_SETTINGS" /> 但在配置文件中添加此权限之后会报错，无法再eclipse里面正常编译，怎么办？ 1、方法一：将项目放到Android源码中编译； 2、方法二：网上有人说cl
  • Windows上调试MapReduce zhiquanliu mapreduce
    1.下载hadoop2x-eclipse-plugin https://github.com/winghc/hadoop2x-eclipse-plugin.git 把 hadoop2.6.0-eclipse-plugin.jar 放到eclipse plugin 目录中。 2.下载 hadoop2.6_x64_.zip http://dl.iteye.com/topics/download/d2b
  • 如何看待一些知名博客推广软文的行为？ justjavac 博客
    本文来自我在知乎上的一个回答：http://www.zhihu.com/question/23431810/answer/24588621 互联网上的两种典型心态： 当初求种像条狗，如今撸完嫌人丑 当初搜贴像条犬，如今读完嫌人软 你为啥感觉不舒服呢？ 难道非得要作者把自己的劳动成果免费给你用，你才舒服？ 就如同 Google 关闭了 Gooled Reader，那是
  • sql优化总结 macroli sql
    为了是自己对sql优化有更好的原则性，在这里做一下总结，个人原则如有不对请多多指教。谢谢！   要知道一个简单的sql语句执行效率，就要有查看方式，一遍更好的进行优化。   一、简单的统计语句执行时间 declare @d datetime ---定义一个datetime的变量set @d=getdate() ---获取查询语句开始前的时间select user_id
  • Linux Oracle中常遇到的一些问题及命令总结 超声波 oraclelinux
    1.linux更改主机名   (1)#hostname oracledb　　　　临时修改主机名 (2) vi /etc/sysconfig/network 　　修改hostname (3) vi /etc/hosts　　　　　　　　修改IP对应的主机名   2.linux重启oracle实例及监听的各种方法 （注意操作的顺序应该是先监听，后数据库实例） &nbs
  • hive函数大全及使用示例 superlxw1234 hadoophive函数
      具体说明及示例参 见附件文档。     文档目录：   目录 一、关系运算： 4 1. 等值比较: = 4 2. 不等值比较: <> 4 3. 小于比较: < 4 4. 小于等于比较: <= 4 5. 大于比较: > 5 6. 大于等于比较: >= 5 7. 空值判断: IS NULL 5
  • Spring 4.2新特性-使用@Order调整配置类加载顺序 wiselyman spring 4
    4.1 @Order Spring 4.2 利用@Order控制配置类的加载顺序 4.2 演示 两个演示bean package com.wisely.spring4_2.order; public class Demo1Service { } package com.wisely.spring4_2.order; public class
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他