Mr_Nice
Mr_Nice

实用的css代码片段集合

利用text-indent隐藏文本

text-indent的主要作用在于文本缩进，但text-indent还有个妙用，先看代码：

  1. h1 {
  2.     text-indent:-9999px;
  3.     margin:0 ;auto;
  4.     width:400px;
  5.     height:100px;
  6.     background:transparent ;url("images/logo.jpg") no-repeat scroll;
  7. }

text-indent:-9999px;即文本负缩进-9999像素（溢出容器），那么你在屏幕上就无法看到文本了，达到隐藏文本的作用。
那么其意义在哪呢？
主要是考虑SEO。举个典型例子，你的站点的logo部分是个图片，为了SEO，一般加title属性，但效果显然没有直接加文本来的好，而利用text-indent，你既加上了文本，同时不影响logo效果。

删除IE下文本域的滚动条
  1. textarea{
  2.     overflow:auto;
  3. }
全兼容浏览器的透明度设置
  1. .transparent{
  2.     filter:alpha(opacity=50);
  3.     -moz-opacity:0.5;
  4.     -khtml-opacity:0.5;
  5.     opacity:0.5;
  6. }

非常实用，通用大部分浏览器。-moz-opacity的作用是为了支持一些老版本的Mozilla浏览器，-khtml-opacity的作用是支持一些老版本的Safari浏览器。

Eric Meyer写的经典重置样式
  1. html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr,acronym,address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup,tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot,thead, tr, th, td {
  2.     margin: 0;
  3.     padding: 0;
  4.     border: 0;
  5.     outline: 0;
  6.     font-size: 100%;
  7.     vertical-align: baseline;
  8.     background: transparent;
  9. }
  10.  
  11. body {
  12.     line-height: 1;
  13. }
  14.  
  15. ol, ul {
  16.     list-style: none;
  17. }
  18.  
  19. blockquote, q {
  20.     quotes: none;
  21. }
  22.  
  23. blockquote:before, blockquote:after,
  24. q:before, q:after {
  25.     content: '';
  26.     content: none;
  27. }
  28.  
  29. /* remember to define focus styles! */
  30. :focus {
  31.     outline: 0;
  32. }
  33.  
  34. /* remember to highlight inserts somehow! */
  35. ins {
  36.     text-decoration: none;
  37. }
  38.  
  39. del {
  40.     text-decoration: line-through;
  41. }
  42.  
  43. /* tables still need 'cellspacing="0"' in the markup */
  44. table {
  45.     border-collapse: collapse;
  46.     border-spacing: 0;
  47. }
基础的css使用图片的按钮样式
  1. a {
  2. display: block;
  3. background: url(sprite.png) no-repeat;
  4. height: 30px;
  5. width: 250px;
  6. }
  7.  
  8. a:hover {
  9.     background-position: 0 -30px;
  10. }
谷歌的字体服务API
  1. <head>
  2.     Inconsolata:italic|Droid+Sans">
  3. head>
  1. body {
  2.     font-family: 'Tangerine', 'Inconsolata', 'Droid Sans', serif; font-size: 48px;
  3. }

目前好像还没有中文的字体。

浏览器的特殊hacks
  1. /* IE 6 */
  2. * html .yourclass { }
  3.  
  4. /* IE 7 */
  5. *+html .yourclass{ }
  6.  
  7. /* IE 7 and modern browsers */
  8. html>body .yourclass { }
  9.  
  10. /* Modern browsers (not IE 7) */
  11. html>/**/body .yourclass { }
  12.  
  13. /* Opera 9.27 and below */
  14. html:first-child .yourclass { }
  15.  
  16. /* Safari */
  17. html[xmlns*=""] body:last-child .yourclass { }
  18.  
  19. /* Safari 3+, Chrome 1+, Opera 9+, Fx 3.5+ */
  20. body:nth-of-type(1) .yourclass { }
  21.  
  22. /* Safari 3+, Chrome 1+, Opera 9+, Fx 3.5+ */
  23. body:first-of-type .yourclass {  }
  24.  
  25. /* Safari 3+, Chrome 1+ */
  26. @media screen and (-webkit-min-device-pixel-ratio:0) {
  27.  .yourclass  {  }
  28. }

非常经典，明河严重推荐收藏。

固定定位，通用于IE6
  1. #footer {
  2.     position:fixed;
  3.     left:0px;
  4.     bottom:0px;
  5.     height:30px;
  6.     width:100%;
  7.     background:#999;
  8. }
  9.  
  10. /* IE 6 */
  11. * html #footer {
  12.     position:absolute;
  13.     top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
  14. }

IE 6是不支持position:fixed;的，这里使用绝对定位来模拟。代码中的expression是啥含义？请点此。

翻转图片
  1. img.flip {
  2.     -moz-transform: scaleX(-1);
  3.     -o-transform: scaleX(-1);
  4.     -webkit-transform: scaleX(-1);
  5.     transform: scaleX(-1);
  6.     filter: FlipH;
  7.     -ms-filter: "FlipH";
  8. }
清理浮动
  1. .clearfix:after {
  2.     visibility: hidden;
  3.     display: block;
  4.     font-size: 0;
  5.     content: " ";
  6.     clear: both;
  7.     height: 0;
  8. }
  9.  
  10. .clearfix { display: inline-block; }
  11.  
  12. /* start commented backslash hack */
  13. * html .clearfix { height: 1%; }
  14. .clearfix { display: block; }
  15. /* close commented backslash hack */

极度经典，明河严重推荐收藏。

圆角（不支持IE）
  1. .round{
  2.     -moz-border-radius: 10px;
  3.     -webkit-border-radius: 10px;
  4.     border-radius: 10px; /* future proofing */
  5.     -khtml-border-radius: 10px; /* for old Konqueror browsers */
  6. }
@font-face字体设置
  1. @font-face {
  2.     font-family: 'Graublau Web';
  3.     src: url('GraublauWeb.eot');
  4.     src: local('☺'),
  5.         url('GraublauWeb.woff') format('woff'), url('GraublauWeb.ttf') format('truetype');
  6. }
居中页面
  1. .wrapper {
  2.     width:960px;
  3.     margin:0 ;auto;
  4. }
IE中的最小高度
  1. .box {
  2.     min-height:500px;
  3.     height:auto !important;
  4.     height:500px;
  5. }
正在读取图片的效果
  1. img {
  2.     background: url(loader.gif) no−repeat 50% 50%;
  3. }
垂直居中
  1. .container {
  2.     min-height: 10em;
  3.     display: table-cell;
  4.     vertical-align: middle;
  5. }

原文：http://www.1stwebdesigner.com/development/useful-css-snippets/

多列布局


  1. #container p {
  2.                 -webkit-column-count: 3;
  3.                 -webkit-column-gap: 10px;
  4.                
  5.                 -moz-column-count: 3;
  6.                 -moz-column-gap: 10px;
  7.                
  8.                 column-count: 3;
  9.                 column-gap: 10px;
  10.             }

分成3列，间隔为10像素，效果参见demo，请勿在IE下浏览。

有以下几个参数可配置

  • column-count 列数
  • column-gap 列间的间隔
  • column-width 自定义列的宽度
  • column-rule 列边框设置

你可能感兴趣的:(CSS)

  • 前端开发：CSS选择器 qincjun css前端
    一、基础选择器1.1标签选择器通用型，一次将所有的同类型标签设置成相同属性；p{color:red;}div{color:green;}1.2类选择器类名用.(点)开头的.eat{color:red;}.sleep{color:blue;}.play{color:black;font-size:30px;}吃饭//给段落赋予一个class类名；是此类名的是一样的CSS格式睡觉//一个元素可以赋予多
  • 前端框架Vue内容回顾 GISer_Jinger JavascriptVue前端框架vue.js前端
    前端面试Vue必备内容详解如果你正在准备Vue相关的前端面试，这份详细指南将帮助你掌握Vue核心知识，助你高效备战面试。1.Vue基础知识1.1Vue的核心概念声明式渲染：Vue采用数据驱动视图的方式，通过{{}}语法或v-bind绑定数据，无需手动操作DOM。组件化开发：Vue提供了单文件组件（SFC），支持HTML、CSS、JS组合在.vue文件中，提高代码复用性和可维护性。数据驱动：Vue采
  • 探索 Elm 的 Material Design 组件库：elm-mdl 薄垚宝
    探索Elm的MaterialDesign组件库：elm-mdlelm-mdlElm-portoftheMaterialDesignLiteCSS/JSlibrary项目地址:https://gitcode.com/gh_mirrors/el/elm-mdl项目介绍elm-mdl是一个基于Elm语言的MaterialDesign组件库，它是对Google的MaterialDesignLite库的El
  • css总结 threesevens 前端css前端
    一、CSS引入二、CSS基本选择器1.通配选择器为所有元素设置样式*{padding:0;margin:0;}2.元素选择器为某种元素统一设置样式p{color:red;}3.类选择器为某个类名统一设置样式.className{color:red;}4.ID选择器为某个ID设置样式#idName{color:red;}三、复合选择器1.交集选择器选中同时符合多个条件的元素/*选中同时包含pid="
  • 记录一次 vue3 + ele pls 改写 饿了么主题色实践 Ashy- 前端笔记前端vue.js
    一、改写element主题色在main.ts中引入需要改写的scss文件main.ts:import'element-plus/dist/index.css'import'./styles/element-plus.scss'在自定义的element-plus.scss文件中改写elepls的变量element-plus.scss：/***更改主题色*/:root{--el-color-prima
  • css:position 吴永琦（桂林电子科技大学） web前端前端技术javascript
    position属性是CSS中用于控制元素定位的重要属性，它决定了元素在文档中的定位方式以及如何响应top、right、bottom、left属性。下面详细介绍各个取值及其特点：static（默认值）描述：所有元素默认的定位方式，按照正常的文档流进行排布。特点：不受top、left、bottom、right属性影响。不会产生新的定位上下文，也不会改变元素原有的位置。relative（相对定位）描述
  • This dependency was not found: * @logicflow/core/dist/LogicFlow.css 计算机辅助工程 css前端
    在使用@logicflow/core这个库时，如果你遇到了找不到@logicflow/core/dist/LogicFlow.css的问题，通常是因为你没有正确地安装或引入该库的CSS文件。以下是几个步骤来帮助你解决这个问题：确认安装首先，确保你已经正确安装了@logicflow/core。你可以通过运行以下命令来安装它（如果你还没有安装的话）：npminstall@logicflow/core引
  • 一文讲清前端热更新 艾米栗写代码 前端
    引言前端开发中，“保存代码后页面自动刷新”早已成为开发者的标配体验。但你是否思考过，为什么某些场景下修改代码后页面无需完全刷新，甚至能保留当前状态（如表单输入、滚动位置）？这背后的核心机制就是热更新（HotModuleReplacement,HMR）。本文将从现象出发，逐步拆解其实现原理，并揭示其中涉及的关键技术。一、热更新的“现象”：开发者眼中的魔法假设你正在开发一个React应用：修改CSS文
  • matlab调用cst计算扫频,CST MWS I算法求解单站RCS是否可以进行扫频设置 林为珮 matlab调用cst计算扫频
    如题，利用I算法的FastRCSSweep求解单站RCS是否可以添加扫频设置？如果有如何添加？因为需要，必须计算一个介质目标的单站RCS，所以A算法用不了了。而I算法里面的快速RCS里又没找到扫频的设置，我知道有双站远场监视器的宏，但是单站RCS就不知道怎么办了，请各位大大帮忙解答网友回复:看看在这里设置一下fromto能不能解决扫频问题。网友回复:提供一个新思路，如果是介质的话可以用涂覆操作，这
  • vue3 使用 highlight 穿越到未来calc 模板vue.jsjavascript前端
    1.安装：npminstall--savehighlight.jsnpminstall--save@highlightjs/vue-plugin2.main.js中导入：import'highlight.js/styles/atom-one-dark.css'import'highlight.js/lib/common'importhljsVuePluginfrom'@highlightjs/vu
  • 后端学习前端-html+css 想要变瘦的小码头 后端学前端前端学习html
    第一章.HTML与CSSHTML是什么：即HyperTextMarkuplanguage超文本标记语言，咱们熟知的网页就是用它编写的，HTML的作用是定义网页的内容和结构。HyperText是指用超链接的方式组织网页，把网页联系起来Markup是指用的方式赋予内容不同的功能和含义CSS是什么：即CascadingStyleSheets级联（层叠）样式表，它描述了网页的表现与展示效果1.HTML元素
  • css块级元素和行内元素区别 serve the people 日常琐问css前端
    在CSS中，元素可以分为两大类：块级元素（Block-levelelements）和行内元素（Inlineelements）。这两种元素在网页布局中起着不同的作用，主要体现在它们的显示方式、尺寸控制、以及与其他元素的交互方式上。块级元素（Block-levelelements）特点：独占一行：块级元素会独占一行，在其前后会自动添加换行符。可设置宽度和高度：可以设置width和height属性来改变
  • CSS 核心技术知识点详解：从基础到进阶 秋水为渡 前端css
    本文基于图中提供的17个CSS核心知识点展开讲解，涵盖基础概念、布局原理、实战技巧及性能优化等内容。每个知识点均附代码示例和原理分析，帮助读者系统性掌握CSS核心能力。1.选择器作用：定位HTML元素并应用样式。常见类型：类选择器：.class-name{...}ID选择器：#id-name{...}属性选择器：[type="text"]{...}代码示例：.button{color:red;}/
  • 【CSS进阶】CSS元素的水平、垂直居中方法 Bl_a_ck html与css进阶css前端javascripthtml5bootstrapcss3less
    在前端开发中，实现水平居中和垂直居中是常见的需求。不同的HTML元素（块级元素、行内元素、行内块元素）以及不同的布局方式（传统布局、Flexbox、Grid、绝对定位）会有不同的居中方法。以下是各类居中方式的总结：1.水平居中（HorizontalCentering）1.1图片水平居中方法1：background-position当使用background-image设置背景图片时，可以通过bac
  • Webpack 打包性能优化指南 不知名靓仔 webpack性能优化前端
    引言Webpack是一款非常强大的模块打包工具，它能够将各种资源（如JS、CSS、图片等）打包成一个或多个浏览器可以理解的文件。然而，在处理大型项目时，Webpack的打包速度可能会变得相当慢，这直接影响到了开发效率。本文将介绍一些实用的技巧和最佳实践，帮助你优化Webpack的打包性能。1.Webpack基础1.1什么是Webpack？Webpack是一个模块打包器，它能够分析项目的依赖关系图，
  • 教育定制开发中，如何通过代码实现多终端适配？ 万岳科技系统开发 外卖系统外卖系统开发小程序android开源
    随着移动设备、平板电脑和PC的普及，教育平台的用户往往使用多种终端访问系统。为了提供一致的用户体验，教育定制开发必须考虑多终端适配问题。本文将探讨在教育系统开发中，如何通过代码实现多终端适配，并提供一些核心技术和代码示例。一、多终端适配的关键技术响应式设计（ResponsiveDesign）使用CSS媒体查询，根据屏幕大小动态调整页面布局。前端框架支持借助前端框架如Bootstrap、Tailwi
  • Vue和React的区别 挨踢女孩y vue.jsreact.jsjavascript前端csswebpackecmascript
    组件开发方式：Vue使用单文件组件（SFC）,HTML,JS和CSS在一个文件内实现exportdefault{//JavaScript代码}.my-component{/*CSS样式*/}React使用JSX和JavaScriptimportReactfrom'react';import'./MyComponent.css';functionMyComponent(){return({/*JSX
  • vue项目中更改elementui样式 懒人村杂货铺 vue.jselementui
    一种是去掉scoped，给父级加class，然后改子样式第二种是用vue穿透::v-deep.组件class名，!important必须要加第三种内联以上三种足矣ElementUI是一款非常强大的前端UI组件库，它默认定义了很多美观的样式，但是我们在实际开发过程中不可避免地遇到需要修改ElementUI默认样式。下面总结了几种修改默认样式的方法。1.新建全局样式表新建global.css文件，并在
  • JavaScript窗口大小变化事件：window.resize 星际编程喵 探索Spring的奇妙世界javascript前端htmlvue.jsreact.js前端框架html5
    1.前言在Web开发中，JavaScript是一种强大的脚本语言，它可以与HTML和CSS一起使用，为用户提供交互性和动态性的体验。其中，window.addEventListener("resize")事件是一个常用的事件之一，用于在浏览器窗口大小发生变化时触发相应的操作。本文将深入介绍这个事件的相关内容。2.简介window.resize事件是浏览器提供的一种事件，用于监听窗口大小的改变。这意
  • js考核第三题 2401_88560642 javascript前端java
    题三：随机点名要求：分为上下两个部分，上方为显示区域，下方为控制区域。显示区域显示五十位群成员的学号和姓名，控制区域由开始和结束两个按钮组成。点击开始按钮，显示区域里的内容开始滚动，点击结束按钮，内容滚动停止，随机显示一位成员的学号和姓名。html部分开始结束css部分body{margin:0;padding:0;display:flex;flex-direction:column;height
  • 网页设计与制作成品——蛋糕甜品店铺(HTML+CSS+JavaScript) 二挡起步 web前端期末大作业web设计网页规划与设计htmlcssjavascriptHTML学生个人网页设计课程设计网页设计与制作成品
    ‍静态网站的编写主要是用HTMLDIV+CSSJS等来完成页面的排版设计‍,常用的网页设计软件有Dreamweaver、EditPlus、HBuilderX、VScode、Webstorm、Animate等等，用的最多的还是DW，当然不同软件写出的前端Html5代码都是一致的，本网页适合修改成为各种类型的产品展示网页，比如美食、旅游、摄影、电影、音乐等等多种主题，希望对大家有所帮助。精彩专栏推荐❤
  • 【HTML5网页设计成品】基于HTML+CSS+JavaScript网上订餐系统(23个页面) 二挡起步 web前端期末大作业web设计网页规划与设计htmlhtml5css课程设计HTML学生个人网页设计javascript网页设计作业
    文章目录二、✍️网站描述三、网站介绍四、网站演示五、⚙️网站代码HTML结构代码六、如何让学习不再盲目七、更多干货❤【作者主页——获取更多优质源码】❤【学习资料/简历模板/面试资料/网站设计与制作】❤【web前端期末大作业——毕设项目精品实战案例】#一、‍网站题目‍学生管理系统网页设计、OA管理系统、后台管理模板、智能停车系统、等网站的设计与制作。二、✍️网站描述️HTML网页设计，采用DIV+C
  • HTML+CSS+JSP的不同注释 宁酱醇 JSP基础(尚学堂_笔记)htmlcssjavascript前端
    1.HTML注释2.CSS注释/**/3.JSP注释1)单行：//2)多行：/**/4.打印1)1.1页面打印：CSSh3{font-size:30px;color:red;}被css控制显示在界面上1.2主页打印：JSdocument.write("显示在主界面")2)控制台打印：JS里varnum=10；console.log(num);3)弹窗打印：JSalert("弹窗");5.注释快捷键
  • localStorage实现本地信息存储 半旧夜夏 前端javascript
    基于HTML,CSS,JS代码，利用localStorage本地存储实现学生信息添加的综合小案列效果图：本地存储格式：HTML代码：学生信息管理新增学员姓名：年龄:性别:男女薪资:就业城市:北京上海广州深圳曹县录入学生就业统计表共有数据0条学号姓名年龄性别薪资就业城市录入时间操作CSS代码：*{/*外边距*/margin:0;/*内边距*/padding:0;}h1{/*使元素内的文本居中对齐*/
  • 一款好看的UI美化赞赏单页HTML源码 CSDN专家-微编程 HTML项目uihtml前端
    源码介绍一款好看的UI美化赞赏单页HTML源码，可以当成组件放到网站项目里，源码由HTML+CSS+JS组成，记事本打开源码文件可以进行内容文字之类的修改，双击html文件可以本地运行效果效果预览源码获取一款好看的UI美化赞赏单页HTML源码
  • Amaze UI web mobile 前端框架 iteye_20240 ui前端框架移动开发
    目录结构index.html-空白HTML模板；blog.html-博客页面模板（预览）；landing.html-LandingPage模板（预览）；login.html-登录界面模板（预览）；sidebar.html-带边栏的文章模板（预览）；在app.css中编写CSS；在app.js中编写JavaScript；移动端首选Zepto，桌面端选jQuery，这应该是大多数开发者的共识。那对于跨
  • 按钮的“禁用”样式 wangbinXMU 前端DOMcss
    有时由于需要，需要将自己写的按钮禁用如：保存css:.save{display:block;width:50px;height:50px;line-height:50px;border-radius:100%;background:blue;color:#fff;text-align:center;}显示为：要是input和button做的按钮，当然采用disabled属性即可解决；要是自定义的按
  • a标签（普通标签如span）没有disabled属性 ，怎样利用js实现该属性 weixin_30252709 前端javascriptViewUI
    a标签以及其她普通标签没有disabled属性，要想实现类似input框属性disabled可以通过css样式设置pointer-events的值来设定：aonclickdisabledaAlertspanAlert$(document).ready(function(){$('.page-next').click(function(e){e.preventDefault();alert('aaa
  • web第二次作业 mbx0715 tensorflow人工智能python
    一、小鹅通首页开发二、代码：index.html:小鹅通-首页style.css:*{margin:0;padding:0;box-sizing:border-box;}html,body{width:100%;height:100%;font-family:"微软雅黑";font-size:16px;}index.css:.bg{width:100%;}.header{background-im
  • 解决CSS中设置＜span＞标签失效的方法 学技术的翻译小白 前端csshtmlhtml5
    引用原文：https://www.jb51.net/css/112384.html‘’’spanid=‘span_slide_container’style=‘display:block;overflow-y:auto;overflow-x:auto;height:500px;’‘’’此处display:block;一定要加上，否则，span不起作用如果要定义span居中，必须先让span成块级元
  • Js函数返回值 _wy_ jsreturn
    一、返回控制与函数结果，语法为：return 表达式;作用: 结束函数执行，返回调用函数，而且把表达式的值作为函数的结果 二、返回控制语法为：return;作用: 结束函数执行，返回调用函数，而且把undefined作为函数的结果 在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为.例如,默认情况下点击一个<a>元素,页面会跳转到该元素href属性
  • MySQL 的 char 与 varchar bylijinnan mysql
    今天发现，create table 时，MySQL 4.1有时会把 char 自动转换成 varchar 测试举例： CREATE TABLE `varcharLessThan4` ( `lastName` varchar(3) ) ; mysql> desc varcharLessThan4; +----------+---------+------+-
  • Quartz——TriggerListener和JobListener eksliang TriggerListenerJobListenerquartz
    转载请出自出处：http://eksliang.iteye.com/blog/2208624 一.概述 listener是一个监听器对象，用于监听scheduler中发生的事件，然后执行相应的操作；你可能已经猜到了，TriggerListeners接受与trigger相关的事件，JobListeners接受与jobs相关的事件。   二.JobListener监听器  j
  • oracle层次查询 18289753290 oracle；层次查询；树查询
    .oracle层次查询(connect  by) oracle的emp表中包含了一列mgr指出谁是雇员的经理，由于经理也是雇员，所以经理的信息也存储在emp表中。这样emp表就是一个自引用表，表中的mgr列是一个自引用列，它指向emp表中的empno列，mgr表示一个员工的管理者， select   empno,mgr,ename,sal  from e
  • 通过反射把map中的属性赋值到实体类bean对象中 酷的飞上天空 javaee泛型类型转换
    使用过struts2后感觉最方便的就是这个框架能自动把表单的参数赋值到action里面的对象中 但现在主要使用Spring框架的MVC，虽然也有@ModelAttribute可以使用但是明显感觉不方便。 好吧，那就自己再造一个轮子吧。 原理都知道，就是利用反射进行字段的赋值，下面贴代码 主要类如下：   import java.lang.reflect.Field; imp
  • SAP HANA数据存储：传统硬盘的瓶颈问题 蓝儿唯美 HANA
    SAPHANA平台有各种各样的应用场景，这也意味着客户的实施方法有许多种选择，关键是如何挑选最适合他们需求的实施方案。 在 《Implementing SAP HANA》这本书中，介绍了SAP平台在现实场景中的运作原理，并给出了实施建议和成功案例供参考。本系列文章节选自《Implementing SAP HANA》，介绍了行存储和列存储的各自特点，以及SAP HANA的数据存储方式如何提升空间压
  • Java Socket 多线程实现文件传输 随便小屋 javasocket
            高级操作系统作业，让用Socket实现文件传输，有些代码也是在网上找的，写的不好，如果大家能用就用上。 客户端类：   package edu.logic.client; import java.io.BufferedInputStream; import java.io.Buffered
  • java初学者路径 aijuans java
    学习Java有没有什么捷径?要想学好Java，首先要知道Java的大致分类。自从Sun推出Java以来，就力图使之无所不包，所以Java发展到现在，按应用来分主要分为三大块：J2SE,J2ME和J2EE,这也就是Sun ONE(Open Net Environment)体系。J2SE就是Java2的标准版，主要用于桌面应用软件的编程；J2ME主要应用于嵌入是系统开发，如手机和PDA的编程；J2EE
  • APP推广 aoyouzi APP推广
    一，免费篇 1，APP推荐类网站自主推荐 最美应用、酷安网、DEMO8、木蚂蚁发现频道等,如果产品独特新颖，还能获取最美应用的评测推荐。PS：推荐简单。只要产品有趣好玩，用户会自主分享传播。例如足迹APP在最美应用推荐一次，几天用户暴增将服务器击垮。 2，各大应用商店首发合作 老实盯着排期，多给应用市场官方负责人献殷勤。 3，论坛贴吧推广 百度知道，百度贴吧，猫扑论坛，天涯社区，豆瓣（
  • JSP转发与重定向 百合不是茶 jspservletJava Webjsp转发
      在servlet和jsp中我们经常需要请求,这时就需要用到转发和重定向;   转发包括;forward和include     例子;forwrad转发;  将请求装法给reg.html页面   关键代码;    req.getRequestDispatcher("reg.html
  • web.xml之jsp-config bijian1013 javaweb.xmlservletjsp-config
    1.作用：主要用于设定JSP页面的相关配置。 2.常见定义： <jsp-config> <taglib> <taglib-uri>URI(定义TLD文件的URI,JSP页面的tablib命令可以经由此URI获取到TLD文件)</tablib-uri> <taglib-location> TLD文件所在的位置
  • JSF2.2 ViewScoped Using CDI sunjing CDIJSF 2.2ViewScoped
    JSF 2.0 introduced annotation @ViewScoped; A bean annotated with this scope maintained its state as long as the user stays on the same view(reloads or navigation - no intervening views). One problem w
  • 【分布式数据一致性二】Zookeeper数据读写一致性 bit1129 zookeeper
    很多文档说Zookeeper是强一致性保证，事实不然。关于一致性模型请参考http://bit1129.iteye.com/blog/2155336    Zookeeper的数据同步协议 Zookeeper采用称为Quorum Based Protocol的数据同步协议。假如Zookeeper集群有N台Zookeeper服务器(N通常取奇数，3台能够满足数据可靠性同时
  • Java开发笔记 白糖_ java开发
    1、Map<key,value>的remove方法只能识别相同类型的key值   Map<Integer,String> map = new HashMap<Integer,String>(); map.put(1,"a"); map.put(2,"b"); map.put(3,"c"
  • 图片黑色阴影 bozch 图片
     .event{ padding:0;    width:460px;    min-width: 460px;    border:0px solid #e4e4e4;    height: 350px;    min-heig
  • 编程之美-饮料供货-动态规划 bylijinnan 动态规划
    import java.util.Arrays; import java.util.Random; public class BeverageSupply { /** * 编程之美 饮料供货 * 设Opt（V’，i）表示从i到n-1种饮料中，总容量为V’的方案中，满意度之和的最大值。 * 那么递归式就应该是：Opt（V’，i）=max{ k * Hi+Op
  • ajax大参数（大数据）提交性能分析 chenbowen00 WebAjax框架浏览器prototype
    近期在项目中发现如下一个问题 项目中有个提交现场事件的功能，该功能主要是在web客户端保存现场数据（主要有截屏，终端日志等信息）然后提交到服务器上方便我们分析定位问题。客户在使用该功能的过程中反应点击提交后反应很慢，大概要等10到20秒的时间浏览器才能操作，期间页面不响应事件。 根据客户描述分析了下的代码流程，很简单，主要通过OCX控件截屏，在将前端的日志等文件使用OCX控件打包，在将之转换为
  • [宇宙与天文]在太空采矿,在太空建造 comsci
         我们在太空进行工业活动...但是不太可能把太空工业产品又运回到地面上进行加工,而一般是在哪里开采,就在哪里加工,太空的微重力环境,可能会使我们的工业产品的制造尺度非常巨大....      地球上制造的最大工业机器是超级油轮和航空母舰,再大些就会遇到困难了,但是在空间船坞中,制造的最大工业机器,可能就没
  • ORACLE中CONSTRAINT的四对属性 daizj oracleCONSTRAINT
    ORACLE中CONSTRAINT的四对属性 summary:在data migrate时,某些表的约束总是困扰着我们,让我们的migratet举步维艰,如何利用约束本身的属性来处理这些问题呢?本文详细介绍了约束的四对属性: Deferrable/not deferrable, Deferred/immediate, enalbe/disable, validate/novalidate,以及如
  • Gradle入门教程 dengkane gradle
    一、寻找gradle的历程 一开始的时候，我们只有一个工程，所有要用到的jar包都放到工程目录下面，时间长了，工程越来越大，使用到的jar包也越来越多，难以理解jar之间的依赖关系。再后来我们把旧的工程拆分到不同的工程里，靠ide来管理工程之间的依赖关系，各工程下的jar包依赖是杂乱的。一段时间后，我们发现用ide来管理项程很不方便，比如不方便脱离ide自动构建，于是我们写自己的ant脚本。再后
  • C语言简单循环示例 dcj3sjt126com c
    # include <stdio.h> int main(void) { int i; int count = 0; int sum = 0; float avg; for (i=1; i<=100; i++) { if (i%2==0) { count++; sum += i; } } avg
  • presentModalViewController 的动画效果 dcj3sjt126com controller
    系统自带(四种效果)： presentModalViewController模态的动画效果设置：     [cpp]  view plain copy   UIViewController *detailViewController = [[UIViewController al
  • java 二分查找 shuizhaosi888 二分查找java二分查找
    需求：在排好顺序的一串数字中，找到数字T   一般解法：从左到右扫描数据，其运行花费线性时间O(N)。然而这个算法并没有用到该表已经排序的事实。 /** * * @param array * 顺序数组 * @param t * 要查找对象 * @return */ public stati
  • Spring Security（07）——缓存UserDetails 234390216 ehcache缓存Spring Security
           Spring Security提供了一个实现了可以缓存UserDetails的UserDetailsService实现类，CachingUserDetailsService。该类的构造接收一个用于真正加载UserDetails的UserDetailsService实现类。当需要加载UserDetails时，其首先会从缓存中获取，如果缓存中没
  • Dozer 深层次复制 jayluns VOmavenpo
    最近在做项目上遇到了一些小问题，因为架构在做设计的时候web前段展示用到了vo层，而在后台进行与数据库层操作的时候用到的是Po层。这样在业务层返回vo到控制层，每一次都需要从po-->转化到vo层，用到BeanUtils.copyProperties(source, target)只能复制简单的属性，因为实体类都配置了hibernate那些关联关系，所以它满足不了现在的需求，但后发现还有个很
  • CSS规范整理（摘自懒人图库） a409435341 htmlUIcss浏览器
       刚没事闲着在网上瞎逛，找了一篇CSS规范整理，粗略看了一下后还蛮有一定的道理，并自问是否有这样的规范，这也是初入前端开发的人一个很好的规范吧。 一、文件规范 1、文件均归档至约定的目录中。 具体要求通过豆瓣的CSS规范进行讲解： 所有的CSS分为两大类：通用类和业务类。通用的CSS文件，放在如下目录中： 基本样式库 /css/core
  • C++动态链接库创建与使用 你不认识的休道人 C++dll
    一、创建动态链接库 1.新建工程test中选择”MFC [dll]”dll类型选择第二项"Regular DLL With MFC shared linked"，完成 2.在test.h中添加 extern “C” 返回类型 _declspec(dllexport)函数名(参数列表); 3.在test.cpp中最后写 extern “C” 返回类型 _decls
  • Android代码混淆之ProGuard rensanning ProGuard
    Android应用的Java代码，通过反编译apk文件（dex2jar、apktool）很容易得到源代码，所以在release版本的apk中一定要混淆一下一些关键的Java源码。 ProGuard是一个开源的Java代码混淆器（obfuscation）。ADT r8开始它被默认集成到了Android SDK中。 官网： http://proguard.sourceforge.net/
  • 程序员在编程中遇到的奇葩弱智问题 tomcat_oracle jquery编程ide
    　　现在收集一下：       　　排名不分先后，按照发言顺序来的。   1、Jquery插件一个通用函数一直报错，尤其是很明显是存在的函数，很有可能就是你没有引入jquery。。。或者版本不对 2、调试半天没变化：不在同一个文件中调试。这个很可怕，我们很多时候会备份好几个项目，改完发现改错了。有个群友说的好：   在汤匙
  • 解决maven-dependency-plugin (goals "copy-dependencies","unpack") is not supported xp9802 dependency
    解决办法：在plugins之前添加如下pluginManagement，二者前后顺序如下：   [html]  view plain copy   <build>           <pluginManagement
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他