Tuuu
Tuuu

CSS 综合

1. 说一说你平时写代码遵守的编码规范

推荐规范： http://codeguide.bootcss.com https://google.github.io/styleguide/htmlcssguide.html

语义化：

  • 语义化标签优先

  • 基于功能命名、基于表现命名、基于内容命名

  • 简洁、明了，无后患

范例：

  • 所有命名使用英文小写

  • 命名用引号包裹

  • 使用中横线 “-” 连接

  • 命名体现功能，不涉及表现样式（字体、颜色、边框、背景等）

书写规范

  • tab 用两个空格表示
  • css的 :后加个空格， {前加个空格
  • 每条声明后都加上分号
  • 换行，而不是放到一行
  • 颜色用小写，用缩写, #fff
  • 小数不用写前缀, 0.5s -> .5s；0不用加单位
  • 尽量缩写， margin: 5px 10px 5px 10px -> margin: 5px 10px

常见命名

.container或 .ct -- 包裹容器
.header -- 用于头部
.body -- 页面 body
.footer -- 页面尾部
aside、sidebar -- 用于侧边栏
.content -- 和header footer 对应，用于主要内容
.navigation -- 导航元素
.pagination -- 分页

.tabs > .tab -- tab 切换
.breadcrumbs -- 导航列表、面包屑
.dropdown -- 下拉菜单
.article -- 文章
.main -- 用于主体
.thumbnail -- 头像，小图像
.media -- 媒体资源
.panel -- 面板
.tooltip -- 鼠标放置上去的提示
.popup -- 鼠标点击弹出的提示

.button、.btn -- 按钮
.ad -- 广告
.subnav -- 二级导航
.menu -- 菜单
.tag -- 标签
.message或者.notice -- 提示消息
.summary -- 摘要
.logo -- logo
.search -- 搜索框
.login -- 登录

.register -- 注册
.username -- 用户名
.password -- 密码
.banner -- 广告条
.copyright -- 版权
.modal或者 .dialog -- 弹窗

var 名字 = {
状态: [
inverse,
toggled,
switched,
original,
initial,
identified,
disabled,
loading,
pending,
syncing,
default
],
修饰: [
dark,
light,
shaded,
flat,
ghost,
maroon,
pale,
intense,
twisted,
narrow,
wide,
smooth,
separate,
clean,
sharp,
aligned
],
元素: [
pagination,
modal,
popup,
article,
story,
flash,
status,
state,
media,
block,
card,
teaser,
badge,
label,
sheet,
poster,
notice,
record,
entry,
item,
figure,
square,
module,
bar,
button,
action,
knob
],
布局: [
navigation,
wrapper,
inner,
header,
footer,
aside,
section,
divider,
content,
container,
panel,
pane,
construct,
composition,
spacing,
frame
]
}

2. 垂直居中有几种实现方式，给出代码范例

  1. 父元素不定高，使用 padding + line-height 撑开即可
    代码范例：padding + line-height
  2. 父元素定高，使用
    即可实现，兼容IE
    代码范例：
  3. 父元素定高，是第二种方法的变形，兼容IE
    代码范例：display: table
  4. 父元素定高，伪类方式实现，兼容IE
    代码范例：伪类方式
  5. 父元素定高，绝对定位方式实现，子元素需要确定宽度，如果水平居中则子元素的高度也需要确定，兼容IE
    代码范例：绝对定位方式1
  6. 父元素定高，绝对定位方式实现，子元素不需要确定宽高，不支持IE
    代码范例：绝对定位方式2
  7. 父元素定高，margin-auto法，子元素需要定宽定高
    代码范例：margin-auto法
  8. 父元素定高，flex 方式，不支持IE
    代码范例：flex方式

    9. 3. 实现如下效果

    CSS 综合_第1张图片
    image.png

    代码范例

    你可能感兴趣的:(CSS 综合)

    • 移动端城市区县二级联动选择功能实现包 good2know
      本文还有配套的精品资源，点击获取简介：本项目是一套为移动端设计的jQuery实现方案，用于简化用户在选择城市和区县时的流程。它包括所有必需文件：HTML、JavaScript、CSS及图片资源。通过动态更新下拉菜单选项，实现城市到区县的联动效果，支持数据异步加载。开发者可以轻松集成此功能到移动网站或应用，并可基于需求进行扩展和优化。1.jQuery移动端解决方案概述jQuery技术简介jQuery
    • 小白买保险科普篇-意外险 手牵手走
      意外险顾名思义，就是️对因意外导致的损失进行经济补偿的保险产品。我们看保险产品一定要看包含的责任。意外险通常包含：意外身故理赔金，额度10万-几百万不等。意外残疾理赔金，额度10万-几百万不等。意外医疗理赔金，额度通常在1-5万之间。这里的意外到底包含哪些意外事件，不能一概而论。综合意外险，我们重点看免责条款里的除外责任。比如：酒驾、违法不属于赔偿范围。这类产品小朋友和老人家往往有专属产品。年轻人
    • js操作样式 郝加升
      DOM样式属性和方法：指定的元素，它的style有这么几个属性和方法：cssText：通过这个属性可以访问到元素的特性style设置的属性，并且可以直接赋值设置。removeProperty（属性名称）：从样式中删除给定属性。setProperty（属性名称，值，权重）：可以通过这个方法设置给定样式的同时设置其权重，可以传入”important”或者一个空字符串。获取计算后样式：window.ge
    • 用代码生成艺术字：设计个性化海报的秘密
      本文围绕“用代码生成艺术字：设计个性化海报的秘密”展开，先概述代码生成艺术字在海报设计中的独特价值，接着介绍常用的代码工具（如HTML、CSS、JavaScript等），详细阐述从构思到实现的完整流程，包括字体样式设计、动态效果添加等，还分享了提升艺术字质感的技巧及实际案例。最后总结代码生成艺术字的优势，为设计师提供打造个性化海报的实用指南，助力提升海报设计的独特性与吸引力，符合搜索引擎SEO标准
    • 前端面试每日 3+1 —— 第39天 浪子神剑
      今天的面试题(2019.05.25)——第39天[html]title与h1、b与strong、i与em的区别分别是什么？[css]写出你知道的CSS水平和垂直居中的方法[js]说说你对模块化的理解[软技能]公钥加密和私钥加密是什么？《论语》，曾子曰：“吾日三省吾身”（我每天多次反省自己）。前端面试每日3+1题，以面试题来驱动学习，每天进步一点！让努力成为一种习惯，让奋斗成为一种享受！欢迎在Iss
    • 2024年返利APP排行榜:佣金最高与最好用之选 直返APP京东优惠券
      随着网络购物的普及，返利APP已经成为许多消费者的省钱利器。2024年，我们将为您解析最受欢迎的返利APP，帮助您找到最省钱的购物伴侣。一、直返直返的口号是“返利就用直返”，它强调没有上级赚差价，直接为用户提供商家和消费者之间的综合优惠券返利平台。用户可以在直返上获取自己感兴趣的商品，购买后可以获得一定比例的返利。直返的返利速度快、金额高，深受用户喜爱。通过直返APP买没有上级赚差价，领券还能返佣
    • 2021-11-8饮食搭配 寻欢_作乐
      今天是什么日子起床：5就寝：10天气：晴朗，但是特别冷心情：郁闷，不想上班。星期一综合症纪念日：任务清单昨日完成的任务，最重要的三件事：外语听力输入无，看的东西太多太散，没有收获。看了很多美食做法，准备好好节食减肥。输出一篇，每周食材清单改进：目标极简，深度。选好不变。习惯养成：早晚学习一个小时。周目标·完成进度60，5学习·信息·阅读无健康·饮食·锻炼早晚护肤完成。人际·家人·朋友无工作·思考暂
    • 什么软件可以领优惠券？领优惠券app哪个好用？ 优惠券高省
      在当今的移动互联网时代，越来越多的优惠券平台涌现出来，让消费者在购物和消费时能够享受到更多的实惠。其中，高省APP是一款备受推荐的优惠券平台，它以综合性的导购返现模式和丰富的优惠券种类吸引了大量用户。本文将探讨高省APP的独特优势，以及为什么它被认为是最好用的优惠券平台之一。首先，高省APP涵盖了淘宝、京东、拼多多等主流电商平台的商品优惠券，让用户可以轻松获取所需商品的优惠券。同时，高省还提供了购
    • 26. 什么是雪碧图，作用和原理了解吗 yqcoder 前端面试-CSScss前端html
      总结小图合成一张，使用background来使用，减少资源请求一、什么是雪碧图？雪碧图（CSSSprite）是一种前端优化技术，指的是将多个小图标合并成一张大图，通过CSS控制显示其中的某一部分。它常用于网站中图标、按钮等小图较多的场景。二、雪碧图的作用作用说明✅减少HTTP请求次数合并多个图片为一张图，减少请求资源数✅提升页面加载速度尤其在图片较多时效果明显✅避免图片加载闪烁鼠标悬停切换图片时不
    • 关于前端的性能优化
      性能优化主要涵盖了以下四个方面：(tip:仅代表个人总结，如有不当，还希望看到的大佬多多指示)减少网络请求：合并文件、使用CDN、启用缓存。优化资源加载：代码分割、懒加载、图片压缩。提升渲染性能：减少重绘回流、防抖节流、使用WebWorker。监控和迭代：定期使用工具检测性能，持续优化。一、网络层面优化减少HTTP请求合并文件：将多个CSS或JavaScript文件合并成一个，减少请求次数。使用C
    • 求知导刊杂志《求知导刊》杂志社求知导刊编辑部2025年第19期目录 QQ296078736 科技
      理论探索AI技术对初中数学教学方式的变革与反思董秀茂;2-4新课标下初中数学新教材中方程单元的新教法实践研究杨兰桂;5-7以创客项目推动综合实践活动课程常态化实施的研究靳云;8-10+97新开办学校团队主题式课例研修的“四化”路径研究李吉庆;11-13初中班主任视角下班级文化多元共生与个性彰显的若干思考查银环;14-16小学各学段学生数学空间想象力的递进式培养研究袁占明;17-19小学数学步道校本
    • Grid布局参考资料 kiterumer
      Grid布局张鑫旭-写给自己看的display:grid布局教程阮一峰-CSSGrid网格布局教程在Grid布局中，float，display:inline-block，display:table-cell，vertical-align以及column-*这些属性和声明对grid子项是没有任何作用的。这个可以说是Grid布局中的常识，面试经常会问的，一定要记得。Grid布局则适用于更大规模的布局（
    • 助力现代农业新发展，注入乡村振兴新动力 熙月
      党的十九大提出的乡村振兴战略是全面建成小康社会的关键。在如今“科技兴农”的新浪潮下，各地方响应国家号召，打造集食物保障、原料供给、资源开发、生态保护、经济发展、文化传承、市场服务等产业于一体的综合系统，全方位提升农业农村产业的兴旺与发展。基于此背景下，12月31日，安徽财经大学“红领巾调研团”奔赴安徽省蚌埠市蚌埠国家农业科技产业园区，开展调研活动。团队通过深入调查了解科技园区的建设和成果等，对大环
    • 9种缺陷管理工具对比Bugzilla、testRail、TestLink、redmine、禅道、CODING、jira、TAPD、PingCode 南方大媛子 测试测试工具testlinkredminejirapingcode
      目录一、专业缺陷管理软件1.1Bugzilla1.2testRail1.3TestLink1.4redmine二、缺陷、项目、需求、研发代码综合管理软件2.1CODING2.2禅道2.3TAPD2.4jira2.5、pingCode##顺便提一嘴工具神不神，还得靠人。使用工具而不依赖工具，巴拉拉巴啦啦。。。。。本文对比了9种常用的缺陷管理软件，希望对你有帮助！一、专业缺陷管理软件1.1Bugzil
    • 解决 Webpack 报错 “No module factory available for dependency type: CssDependency“ 的方法 cmmav33990 webpackrust前端
      这个错误表明Webpack在处理CSS依赖时找不到合适的模块工厂，通常发生在配置不完整或依赖冲突的情况下。以下是详细的解决方案：核心解决方案方案1：安装并配置正确的CSS处理器（最推荐）bashnpminstall--save-devcss-loaderstyle-loader#或使用mini-css-extract-plugin替代style-loadernpminstall--save-dev
    • 6.13日课程总结 老员工综合症 孙倩倩Rela
      老员工在舒适区呆久了，对自己也会失去信心，不敢向前迈一步，突破自己，有新的追求和目标。无论时间长与短，都应有自己的规划和理想，对工作充满激情。
    • 50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | Pokedex（宝可梦图鉴）
      我们继续50个小项目挑战！——Pokedex组件仓库地址：https://github.com/SunACong/50-vue-projects项目预览地址：https://50-vue-projects.vercel.app/使用Vue3结合PokeAPI来创建一个炫酷的宝可梦图鉴应用。通过这个项目，你将能够浏览前150只宝可梦的信息，包括它们的名字、类型、身高、体重以及能力等。而且，每只宝可梦
    • CSS基础（3） Zzz_睡不醒 css前端html
      CSS背景操作1.多重背景(MultipleBackgrounds)div{background-image:url(image1.png),url(image2.png);background-position:rightbottom,lefttop;background-repeat:no-repeat,repeat;background-size:auto,cover;}background
    • 盟接之桥说制造：ERP可用库存准确性的实现路径 盟接之桥 制造运维服务器大数据数据库
      在现代制造业的运营体系中，可用库存的准确性是企业实现精益生产、高效供应链管理以及精准决策的核心基石。一个准确的库存数据不仅能够确保生产计划的顺利执行，避免因缺料导致的停工待料，也能有效控制库存成本，减少资金占用和呆滞物料的产生。然而，要实现真正意义上的“可用库存准确”，并非仅靠简单的盘点或系统录入即可达成，它是一个涉及系统、流程、管理和人员执行的综合性工程。盟接之桥认为，可用库存的准确性主要依赖于
    • 《博客园精华集》web标准分册第2论筛选结果文章列表
      《博客园精华集》web标准部分筛选结果（共55篇）一个喜欢网页设计的程序员作者：Awen根本不存在DIV+CSS布局这回事作者：CatChen欲练CSS，必先宫IE作者：CatChen你有强迫症吗？作者：CatChenSPAN元素和DIV元素的区别作者：ChrisLiudiv的认识作者：ChrisLiu实时检验您的页面是否符合XHTML标准——使用ValidatorModule作者：Dflying
    • 数据挖掘算法：KNN、SVM、决策树详解 大力出奇迹985 数据挖掘算法支持向量机
      本文将详细解析数据挖掘领域中常用的三种经典算法：KNN（K近邻算法）、SVM（支持向量机）和决策树。首先分别阐述每种算法的核心原理、实现步骤，再分析它们的优缺点及适用场景，最后对这三种算法进行综合对比与总结。通过本文，读者能全面了解这三种算法的特性，为实际数据挖掘任务中算法的选择提供参考，助力提升数据处理与分析的效率和准确性。在当今信息爆炸的时代，数据挖掘技术在各行各业发挥着至关重要的作用，而算法
    • Mamba架构的模型 （内容由deepseek辅助汇总） Jiang_Immortals 人工智能
      基于Mamba架构的模型近年来在效率和性能上展现出显著突破，以下按架构类型分类列出当前表现最出色的代表模型及其核心特点：一、纯SSM架构模型FalconMamba-7B关键创新：首个通用大规模纯Mamba模型，由阿布扎比TII开发，基于Mamba-1改进，增加RMS归一化层提升训练稳定性13。性能表现：在综合基准（IFEval、BBH、MMLU-PRO等）平均得分15.04，超越Llama3.1-
    • 夸克搜索版拉新内部对接平台？夸克搜索推广11元佣金申请渠道教程！ 任推邦官方账号
      夸克搜索版拉新如何授权对接渠道？一手价格11元，推广平台在哪里？夸克搜索版这个项目与夸克网盘拉新相似，整体来说在综合收益、推广难度、转化率等方面各有特点。夸克搜索版拉新是利用搜索关键词的独特性来推广夸克浏览器。当前夸克搜索版项目包含拉新、拉活、拉失活等多个收益板块，整体利润相当不错。尤其是从9月份开始，如果我们对接一级渠道，价格已提升至11元，因此不要错过这个机会。一、夸克搜索版拉新如何对接？与夸
    • 2019-04-21【书摘】写景文指导——出众的语言和细节描写 4dc47b879bc7
      （1）将对象拟人化，使语言富有趣味性。把所要描写的景物当做人来写，不仅能使景物变得生动形象，还能增加描述语言的趣味性，增强读者的兴趣。如：天空像瞬间生气了的老人，原本还晴朗无比，却一下子乌云密布，大雨瞬即而下；雨后的一切景物，如刚出浴的美人，清新脱俗。（2）比喻、拟人、排比、象征、对比等综合运用，增强语言美感。比喻、拟人、排比、象征、对比等多种修辞手法的综合运用，可以增强文章的气势，使文章的语言极
    • MGRE综合实验报告
      MGRE综合实验实验步骤:1.先写DHCP服务(动态主机配置协议)私有网段AR1-4对应内网的不冲突设计R1-R4的DHCP和网关配置，写完代码，打开PC基础配置将静态改为DHCP[r1]dhcpenable[r1]ippool1[r1-ip-pool-1]network192.168.1.0mask24[r1-ip-pool-1]gateway-list192.168.1.254[r1-ip-p
    • 2023面粉十大品牌排行榜-面粉哪个牌子好 氧惠佣金真的高
      中国十大面粉品牌排行榜分别是中裕、金沙河、新良、河套、金像、五得利、白燕、古船、安琪、北大荒。1、中裕滨州中裕食品有限公司，山东省著名商标，致力于打造中高端的食品快餐连锁店，集优质小麦良种繁育、推广种植、存储加工、主食加工配送、废弃物综合利用于一体的综合型企业。2、金沙河河北金沙河面业集团创建于1996年，下属：邢台金沙河面业有限责任公司，河北金沙河物流有限责任公司、承德金沙河面业有限责任公司、沙
    • Python爬虫【五十八章】Python数据清洗与分析全攻略：从Pandas到深度学习的异常检测进阶 程序员_CLUB Python入门到进阶python爬虫pandas
      目录背景与需求分析第一章：结构化数据清洗实战（Pandas核心技法）1.1数据去重策略矩阵1.2智能缺失值处理体系第二章：深度学习异常检测进阶2.1自动编码器异常检测（时序数据）2.2图神经网络异常检测（关系型数据）第三章：综合案例实战案例1：金融交易反欺诈系统案例2：工业传感器异常检测第四章：性能优化与工程实践4.1大数据处理加速技巧4.2模型部署方案第五章：方法论总结与展望5.1方法论框架5.
    • 京东返利的软件是什么?分享十款京东高佣返利平台! 直返APP淘宝优惠券
      在当今网购潮流中，优惠券和返利成为了吸引消费者的关键。京东作为中国领先的电商平台，也推出了多种返利工具，让用户在享受购物乐趣的同时，还能获得额外的收益。本文将为您揭秘京东返利软件，并分享十大高佣返利平台，让您购物更省钱！一、直返直返的口号是“返利就用直返”，它强调没有上级赚差价，直接为用户提供商家和消费者之间的综合优惠券返利平台。用户可以在直返上获取自己感兴趣的商品，购买后可以获得一定比例的返利。
    • 省妞是什么app？靠谱吗？ 省妞返利最高
      省妞是什么App？省妞是一款集购物、返利、分享赚钱于一体的综合性社交电商平台。在这个平台上，用户可以找到来自各大电商平台的海量商品，并享受到比直接在原平台购买更优惠的价格。省妞不仅提供了便捷的购物体验，还通过独特的返利机制，让用户在消费的同时获得额外的收益。靠谱吗？关于省妞App的靠谱性，我们可以从以下几个方面来评估：企业认证：省妞App已经通过了严格的企业认证，这意味着它拥有合法的运营资质和规范
    • GAMES202——作业1 实时阴影(ShadowMap，PCF，PCSS)
      目录任务ShadowMapPCFPCSS实现ShadowMapuseShadowMapPCFfindBlockerPCSS结果任务ShadowMap1.在ShadowMaterial.js中需要向Shader传递正确的uLightMVP矩阵，该矩阵参与了第一步从光源处渲染场景从而构造ShadowMap的过程。你需要完成DirectionalLight中的CalcLightMVP(translate
    • LeetCode[Math] - #66 Plus One Cwind javaLeetCode题解AlgorithmMath
      原题链接：#66 Plus One   要求： 给定一个用数字数组表示的非负整数，如num1 = {1, 2, 3, 9}, num2 = {9, 9}等，给这个数加上1。 注意： 1. 数字的较高位存在数组的头上，即num1表示数字1239 2. 每一位（数组中的每个元素）的取值范围为0~9   难度：简单   分析： 题目比较简单，只须从数组
    • JQuery中$.ajax()方法参数详解 AILIKES JavaScriptjsonpjqueryAjaxjson
      url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。 type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和    delete也可以使用，但仅部分浏览器支持。 timeout: 要求为Number类型的参数，设置请求超时时间（毫秒）。此设置将覆盖$.ajaxSetup()方法的全局
    • JConsole & JVisualVM远程监视Webphere服务器JVM Kai_Ge JVisualVMJConsoleWebphere
          JConsole是JDK里自带的一个工具，可以监测Java程序运行时所有对象的申请、释放等动作，将内存管理的所有信息进行统计、分析、可视化。我们可以根据这些信息判断程序是否有内存泄漏问题。 　　使用JConsole工具来分析WAS的JVM问题，需要进行相关的配置。 　　首先我们看WAS服务器端的配置. 　　1、登录was控制台https://10.4.119.18
    • 自定义annotation 120153216 annotation
      Java annotation 自定义注释@interface的用法 一、什么是注释      说起注释，得先提一提什么是元数据(metadata)。所谓元数据就是数据的数据。也就是说，元数据是描述数据的。就象数据表中的字段一样，每个字段描述了这个字段下的数据的含义。而J2SE5.0中提供的注释就是java源代码的元数据，也就是说注释是描述java源
    • CentOS 5/6.X 使用 EPEL YUM源 2002wmj centos
      CentOS 6.X 安装使用EPEL YUM源1. 查看操作系统版本[root@node1 ~]# uname -a Linux node1.test.com 2.6.32-358.el6.x86_64 #1 SMP Fri Feb 22 00:31:26 UTC 2013 x86_64 x86_64 x86_64 GNU/Linux [root@node1 ~]#
    • 在SQLSERVER中查找缺失和无用的索引SQL 357029540 SQL Server
      --缺失的索引 SELECT  avg_total_user_cost * avg_user_impact * ( user_scans + user_seeks ) AS PossibleImprovement ,          last_user_seek ,    
    • Spring3 MVC 笔记（二） —json+rest优化 7454103 Spring3 MVC
      接上次的 spring mvc 注解的一些详细信息！                          其实也是一些个人的学习笔记  呵呵！
    • 替换“\”的时候报错Unexpected internal error near index 1 \ ^ adminjun java“\替换”
      发现还是有些东西没有刻子脑子里,,过段时间就没什么概念了,所以贴出来...以免再忘...   在拆分字符串时遇到通过 \ 来拆分，可是用所以想通过转义 \\ 来拆分的时候会报异常   public class Main {          /*
    • POJ 1035 Spell checker(哈希表) aijuans 暴力求解--哈希表
      /* 题意：输入字典，然后输入单词，判断字典中是否出现过该单词，或者是否进行删除、添加、替换操作，如果是，则输出对应的字典中的单词 要求按照输入时候的排名输出 题解：建立两个哈希表。一个存储字典和输入字典中单词的排名，一个进行最后输出的判重 */ #include <iostream> //#define using namespace std; const int HASH =
    • 通过原型实现javascript Array的去重、最大值和最小值 ayaoxinchao JavaScriptarrayprototype
      用原型函数（prototype）可以定义一些很方便的自定义函数，实现各种自定义功能。本次主要是实现了Array的去重、获取最大值和最小值。 实现代码如下：   <script type="text/javascript"> Array.prototype.unique = function() { var a = {}; var le
    • UIWebView实现https双向认证请求 bewithme UIWebViewhttpsObjective-C
                什么是HTTPS双向认证我已在先前的博文 ASIHTTPRequest实现https双向认证请求 中有讲述，不理解的读者可以先复习一下。本文是用UIWebView来实现对需要客户端证书验证的服务请求，网上有些文章中有涉及到此内容，但都只言片语，没有讲完全，更没有完整的代码，让人困扰不已。但是此知
    • NoSQL数据库之Redis数据库管理(Redis高级应用之事务处理、持久化操作、pub_sub、虚拟内存) bijian1013 redis数据库NoSQL
      3.事务处理         Redis对事务的支持目前不比较简单。Redis只能保证一个client发起的事务中的命令可以连续的执行，而中间不会插入其他client的命令。当一个client在一个连接中发出multi命令时，这个连接会进入一个事务上下文，该连接后续的命令不会立即执行，而是先放到一个队列中，当执行exec命令时，redis会顺序的执行队列中
    • 各数据库分页sql备忘 bingyingao oraclesql分页
      ORACLE 下面这个效率很低 SELECT * FROM ( SELECT A.*, ROWNUM RN FROM (SELECT * FROM IPAY_RCD_FS_RETURN order by id desc) A ) WHERE RN <20; 下面这个效率很高 SELECT A.*, ROWNUM RN FROM (SELECT * FROM IPAY_RCD_
    • 【Scala七】Scala核心一：函数 bit1129 scala
      1. 如果函数体只有一行代码，则可以不用写{},比如 def print(x: Int) = println(x) 一行上的多条语句用分号隔开，则只有第一句属于方法体，例如   def printWithValue(x: Int) : String= println(x); "ABC"   上面的代码报错，因为，printWithValue的方法
    • 了解GHC的factorial编译过程 bookjovi haskell
      GHC相对其他主流语言的编译器或解释器还是比较复杂的，一部分原因是haskell本身的设计就不易于实现compiler，如lazy特性，static typed，类型推导等。 关于GHC的内部实现有篇文章说的挺好，这里，文中在RTS一节中详细说了haskell的concurrent实现，里面提到了green thread，如果熟悉Go语言的话就会发现，ghc的concurrent实现和Go有点类
    • Java-Collections Framework学习与总结-LinkedHashMap BrokenDreams LinkedHashMap
              前面总结了java.util.HashMap，了解了其内部由散列表实现，每个桶内是一个单向链表。那有没有双向链表的实现呢？双向链表的实现会具备什么特性呢？来看一下HashMap的一个子类——java.util.LinkedHashMap。       
    • 读《研磨设计模式》-代码笔记-抽象工厂模式-Abstract Factory bylijinnan abstract
      声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * Abstract Factory Pattern * 抽象工厂模式的目的是： * 通过在抽象工厂里面定义一组产品接口，方便地切换“产品簇” * 这些接口是相关或者相依赖的
    • 压暗面部高光 cherishLC PS
      方法一、压暗高光&重新着色 当皮肤很油又使用闪光灯时，很容易在面部形成高光区域。 下面讲一下我今天处理高光区域的心得： 皮肤可以分为纹理和色彩两个属性。其中纹理主要由亮度通道（Lab模式的L通道）决定，色彩则由a、b通道确定。 处理思路为在保持高光区域纹理的情况下，对高光区域着色。具体步骤为：降低高光区域的整体的亮度，再进行着色。 如果想简化步骤，可以只进行着色（参看下面的步骤1
    • Java VisualVM监控远程JVM crabdave visualvm
      Java VisualVM监控远程JVM    JDK1.6开始自带的VisualVM就是不错的监控工具. 这个工具就在JAVA_HOME\bin\目录下的jvisualvm.exe, 双击这个文件就能看到界面   通过JMX连接远程机器, 需要经过下面的配置: 1. 修改远程机器JDK配置文件 (我这里远程机器是linux).    
    • Saiku去掉登录模块 daizj saiku登录olapBI
      1、修改applicationContext-saiku-webapp.xml <security:intercept-url pattern="/rest/**" access="IS_AUTHENTICATED_ANONYMOUSLY" />  <security:intercept-url pattern=&qu
    • 浅析 Flex中的Focus dsjt htmlFlexFlash
      关键字：focus、 setFocus、 IFocusManager、KeyboardEvent 焦点、设置焦点、获得焦点、键盘事件 一、无焦点的困扰——组件监听不到键盘事件 原因：只有获得焦点的组件（确切说是InteractiveObject）才能监听到键盘事件的目标阶段；键盘事件（flash.events.KeyboardEvent）参与冒泡阶段，所以焦点组件的父项（以及它爸
    • Yii全局函数使用 dcj3sjt126com yii
      由于YII致力于完美的整合第三方库，它并没有定义任何全局函数。yii中的每一个应用都需要全类别和对象范围。例如，Yii::app()->user;Yii::app()->params['name'];等等。我们可以自行设定全局函数，使得代码看起来更加简洁易用。(原文地址) 我们可以保存在globals.php在protected目录下。然后，在入口脚本index.php的，我们包括在
    • 设计模式之单例模式二（解决无序写入的问题） come_for_dream 单例模式volatile乱序执行双重检验锁
                      在上篇文章中我们使用了双重检验锁的方式避免懒汉式单例模式下由于多线程造成的实例被多次创建的问题，但是因为由于JVM为了使得处理器内部的运算单元能充分利用，处理器可能会对输入代码进行乱序执行（Out Of Order Execute）优化，处理器会在计算之后将乱序执行的结果进行重组，保证该
    • 程序员从初级到高级的蜕变 gcq511120594 框架工作PHPandroidhtml5
      软件开发是一个奇怪的行业，市场远远供不应求。这是一个已经存在多年的问题，而且随着时间的流逝，愈演愈烈。 我们严重缺乏能够满足需求的人才。这个行业相当年轻。大多数软件项目是失败的。几乎所有的项目都会超出预算。我们解决问题的最佳指导方针可以归结为——“用一些通用方法去解决问题，当然这些方法常常不管用，于是，唯一能做的就是不断地尝试，逐个看看是否奏效”。 现在我们把淫浸代码时间超过3年的开发人员称为
    • Reverse Linked List hcx2013 list
      Reverse a singly linked list.   /** * Definition for singly-linked list. * public class ListNode { * int val; * ListNode next; * ListNode(int x) { val = x; } * } */ p
    • Spring4.1新特性——数据库集成测试 jinnianshilongnian spring 4.1
      目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
    • C# Ajax上传图片同时生成微缩图(附Demo) liyonghui160com
          1.Ajax无刷新上传图片,详情请阅我的这篇文章。（jquery + c# ashx）         2.C#位图处理  System.Drawing。         3.最新demo支持IE7,IE8,Fir
    • Java list三种遍历方法性能比较 pda158 java
      从c/c++语言转向java开发，学习java语言list遍历的三种方法，顺便测试各种遍历方法的性能，测试方法为在ArrayList中插入1千万条记录，然后遍历ArrayList，发现了一个奇怪的现象，测试代码例如以下： package com.hisense.tiger.list; import java.util.ArrayList; import java.util.Iterator;
    • 300个涵盖IT各方面的免费资源（上）——商业与市场篇 shoothao seo商业与市场IT资源免费资源
      A.网站模板+logo+服务器主机+发票生成 HTML5 UP:响应式的HTML5和CSS3网站模板。 Bootswatch:免费的Bootstrap主题。 Templated:收集了845个免费的CSS和HTML5网站模板。 Wordpress.org|Wordpress.com:可免费创建你的新网站。 Strikingly:关注领域中免费无限的移动优
    • localStorage、sessionStorage uule localStorage
      W3School 例子   HTML5 提供了两种在客户端存储数据的新方法： localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储   之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不