hbiao68
hbiao68

div背景半透明 覆盖整个可视区域的遮罩层效果

文章转自http://www.srcsky.com/tech/arts/206262.html

<!DOCTYPE html>
<html>   
    <head>
        <meta charset="gb2312" />
        <title>
            背景半透明覆盖整个可视区域
        </title>
        <style>
            html,body{ height:100%; margin:0; padding:0; font-size:14px;} 
            p{ line-height:18px;}
            .mask{height:100%; width:100%; position:fixed; _position:absolute; top:0;
            z-index:1000; } 
            .opacity{ opacity:0.3; filter: alpha(opacity=30); background-color:#000;
            } 
            .content{height:600px; width:800px; overflow:auto; border:2px solid #ccc;
            background-color:#fff; position:absolute; top:50%; left:50%; margin:-300px
            auto auto -400px; z-index:1001; word-wrap: break-word; padding:3px;} 
            .ph{
            height:1000px;}
        </style>
    </head>
    
    <body>
        <p class="ph">
            place holder height:1000px;
        </p>
        <div class="mask opacity">
        </div>
        <div class="content">
            <h1>
                背景半透明覆盖整个可视区域
            </h1>
            <p>
                这个效果效果在工作中经常会遇到，这篇文章主要介绍了当内容超过一屏时如何做到多浏览器的兼容性。 下面我们通过一个简单的例子看看如何实现，高手请绕道。
            </p>
            <p>
                html代码很简单
                <div class="mask opacity">
                    </div>
            </p>
            <p>
                1 、半透明效果可以使用 css3 中的 opacity 属性，在低版本的IE浏览器中使用IE的alpha 滤镜。代码:
                <code>
                    .opacity{ opacity:0.3; filter: alpha(opacity=30); background-color:#000;
                    }
                </code>
            </p>
            <p>
                2 、要覆盖整个可视区域通常的做法是:
                <br/>
                <code>
                    html,body{ height:100%}
                </code>
                <br/>
                <code>
                    .mask{height:100%;width:100%;}
                </code>
                <br/>
                但是这样做当内容超过一屏时只有IE6下显示的效果是我们所期望的，在其他浏览器中首屏以下的没能被遮盖住，为了兼容其他浏览器我们可以使用
                <code>
                    position:fixed;
                </code>
                来解决这个问题
            </p>
            <p>
                <strong>
                    完整的代码
                </strong>
                :
                <pre>
                    html,body{ height:100%; margin:0; padding:0} .mask{height:100%; width:100%;
                    position:fixed; _position:absolute; top:0; z-index:1000; } .opacity{ opacity:0.3;
                    filter: alpha(opacity=30); background-color:#000; }
                </pre>
            </p>
        </div>
    </body>
</html>

 

 

你可能感兴趣的:(html,浏览器)

  • 【2025最新面试八股常问知识点】HTTP1.0，HTTP1.1，HTTP2.0,HTTP3.0，HTTP的进化之路。 尤物程序猿 面试http职场和发展
    HTTP超文本传输协议（英文：HyperTextTransferProtocol，缩写：HTTP）是一种用于分布式、协作式和超媒体信息系统的应用层协议。设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法。通过HTTP或者HTTPS协议请求的资源由统一资源标识符（UniformResourceIdentifiers，URI）来标识。HTTP协议是以ASCII码传输，基于请求与响应模式的
  • 尚硅谷尚优选项目教程发布 尚硅谷铁粉 javascript前端html
    尚优选是一款HTML、CSS、JavaScript技术综合应用的商城项目，适合初学前端的小伙伴夯实基础，积累项目经验。项目具有很强的实用性，既是对前端基础知识的梳理和整合，同时为后续更多主流技术提供了实际应用的练兵场。项目技术栈包含：定义HTML页面结构、CSS样式的属性定义，Less中混合器的创建和使用规则、嵌套语法、父级引用等，以及JavaScript中的循环、分支、函数、DOM、BOM、数组
  • 【Python】保持Selenium稳定爬取的方法（防检测策略） 翠花上酸菜 selenium网络爬虫pythonselenium开发语言
    selenium防检测策略的方法汇总：合理设置延迟：请求间添加随机延迟(2-10秒)限制爬取频率：控制每小时/每天的请求量轮换用户代理：准备至少10个不同的User-Agent使用住宅代理：优先选择高质量的住宅代理IP处理验证码：集成2Captcha或Anti-Captcha服务定期更新工具：保持selenium和浏览器驱动最新版本1.基础防检测配置fromseleniumimportwebdri
  • 【Python爬虫实战】深入解锁 DrissionPage：ChromiumPage 自动化网页操作指南 易辰君 python爬虫爬虫python
    个人主页：易辰君-CSDN博客系列专栏：https://blog.csdn.net/2401_86688088/category_12797772.html目录前言一、ChromiumPage基础操作（一）初始化Drission和ChromiumPage对象（二）打开浏览器并加载页面（三）设置浏览器启动参数（四）加载等待设置二、ChromiumPage元素操作（一）基本元素定位方法（二）常用的选择
  • 全网最详尽的 DrissionPage 使用教程：用 Python 轻松玩转动态网页 木觞清 python开发语言
    一、初识DrissionPage：新时代网页自动化利器1.1什么是DrissionPage？DrissionPage是一款基于Python的全能型网页自动化工具，创新性地将浏览器自动化与直接HTTP请求两大模式完美融合。它不仅具备Selenium的动态页面处理能力，还拥有requests的高效特性，堪称爬虫开发者的瑞士军刀。1.2为什么选择DrissionPage？特性传统方案DrissionPa
  • HTMLCSS模板实现水滴动画效果 我爱吃朱肉 css3css前端
    .container类：定义了页面的容器样式。display:flex：使容器成为弹性容器，方便对其子元素进行布局。justify-content:center和align-items:center：分别使子元素在水平和垂直方向上居中对齐。min-height:100vh：设置容器的最小高度为视口高度的100%，确保页面内容能覆盖整个视口。background-color:#000：设置容器的背景
  • asp.net 下载文件的文件名乱码解决 bicijinlian ASP.NET.NETMVCasp.net乱码utf-8浏览器文件下载
    asp.net下载文件时，文件名在firefox、IE等浏览器中的处理方式不一样，容易出现乱码。提供解决方案：1、添加编码规则Response.HeaderEncodingResponse.ContentEncoding为utf-8Response.HeaderEncoding=System.Text.Encoding.UTF8;Response.ContentEncoding=System.Te
  • Python 爬虫实战：抓取豆瓣电影冷门佳片评分信息，发现优质小众电影 西攻城狮北 python爬虫实战案例豆瓣电影
    目录一、引言二、爬虫基础概述1.网络爬虫的概念2.爬虫的工作原理3.Python爬虫的优势三、准备工作1.安装必要的库2.确定目标网页和数据位置3.模拟浏览器请求四、抓取冷门佳片评分数据1.发起请求2.解析网页3.数据存储五、数据清洗与分析1.数据清洗2.分析评分分布3.排行榜分析六、案例扩展与深入分析1.客户需求实现2.多类别数据抓取3.数据可视化七、爬虫的法律和道德问题八、总结一、引言在电影世
  • 前端学习笔记之5 静态页面练习(登录) 庞仕山 前端学习笔记前端html
    引言:博主目前是一名iOS开发者,所会的语言有Objective-C和Swift,目前正在学习前端;这篇文章只是作为我的笔记发在这里,供自己业余时间看看;全是很基础的东西,看到的小伙伴酌情略过吧^_^效果图:1.代码-HTML登录欢迎登录下次自动登录忘记密码?登录还没账号?马上注册社交账号登录2.代码-CSS*{padding:0px;margin:0px;}body{background-col
  • 前端面试常见部分问题，及高阶部分问题 香蕉可乐荷包蛋 面试前端面试职场和发展
    面试中也极有可能让你徒手写代码，无聊的面试问题o(￣︶￣)o一、HTML/CSS基础与进阶常见问题什么是语义化标签？有哪些常用语义化标签？答案：语义化标签是指具有明确含义的HTML标签，如、、、等。它们有助于提高可读性和SEO。CSS盒模型是什么？如何切换盒模型？答案：盒模型包括内容区（content）、边框（border）、内边距（padding）、外边距（margin）。通过box-sizin
  • python爬虫入门 z10_14 python爬虫开发语言
    一、首先需要了解爬虫的原理爬虫就是一个自动化数据采集工作，你只需要告诉它需要采取哪些数据，给它一个url，就可以自动的抓取数据。其背后的基本原理就是爬虫模拟浏览器向目标服务器发送http请求，然后目标服务器返回响应结果，爬虫客户端收到响应并从中提取数据，再进行数据清洗、数据存储工作。二、爬虫的基本流程爬虫的基本流程与访问浏览器类似，就是建立一个http请求，当用户输入一个url之后，点击确认，客户
  • 前端小白笔记day-01 前端渣渣强 前端基础前端傻瓜手册
    **加粗样式**—typora-copy-images-to:media第01阶段.web基础：html-day01笔记-01-前言&WEB标准&认识HTML&HTML常用标签一、前言1.基础班学习目标目标：能根据psd文件（psd文件，其实就是一张类似于图片的格式，这个呢是用ps做的，也就叫做源文件），用HTML+CSS布局出符合W3C规范的网页（也就是说，我们写的代码，要符合标准）。简单的说，
  • 桌面端开发技术栈选型：开启高效开发之旅 佩奇的技术笔记 electron
    在数字化浪潮中，桌面端应用依然占据重要地位，而选择合适的技术栈是打造优质桌面端应用的关键一步。以下是多种主流桌面端开发技术栈的介绍与对比，希望能为大家提供有价值的参考。基于Web技术的跨平台框架•Electron：•特点：使用JavaScript、HTML和CSS等Web技术构建跨平台桌面应用，拥有庞大的开源社区和丰富的插件资源。•优势：前端开发者无需学习新语言框架，可快速上手，实现代码复用，提高
  • Python 计算文件的哈希值（hashlib 库） 掉发速度与技术齐飞 python哈希算法开发语言
    ```htmlPython计算文件的哈希值（hashlib库）Python计算文件的哈希值（hashlib库）在现代软件开发和数据处理中，文件的完整性验证是一项非常重要的任务。为了确保文件没有被篡改或损坏，我们通常会使用哈希算法来生成文件的唯一摘要。Python提供了一个内置库hashlib，它支持多种常见的哈希算法，如MD5、SHA1、SHA256等。什么是哈希值？哈希值是通过哈希函数对输入数据
  • Python 读取和修改环境变量（os.environ） 掉发速度与技术齐飞 python服务器数据库
    ```htmlPython读取和修改环境变量（os.environ）Python读取和修改环境变量（os.environ）在Python中，环境变量是一种非常有用的机制，用于存储系统配置信息或临时数据。通过操作环境变量，我们可以轻松地实现跨平台的配置管理、调试信息记录等功能。本文将详细介绍如何使用Python的`os.environ`模块来读取和修改环境变量。什么是环境变量？环境变量是在操作系统中
  • 【KWDB 创作者计划】_上位机知识篇---Python数据获取 Ronin-Lotus 上位机操作篇程序代码篇pythonokhttp开发语言数据获取
    文章目录前言一、数据爬取概述二、Python爬取的主要对象1.静态网页内容HTML页面结构文本内容超链接图片资源表格数据2.动态加载内容AJAX请求返回的JSON/XML数据JavaScript渲染后的DOM无限滚动加载的内容3.结构化数据API接口返回的数据RSS/Atom订阅源微数据(Microdata)和RDFa4.非结构化数据社交媒体内容用户评论和评价论坛讨论三、Python爬取核心方法1
  • PHP面试踩过的坑 平凡-2019 php面试题PHP面试
    PHP面试踩过的坑，纯干货，非常有用！大家在面试前可以看下这篇文章，相信对你的面试会有一定的帮助访问地址：https://www.php.cn/php-weizijiaocheng-424862.html
  • 探索C++中的数据结构：栈(Stack)的奥秘 Run1. 数据结构c++数据结构java
    引言栈是计算机科学中最基础且重要的数据结构之一，它像一摞盘子一样遵循"后进先出"（LIFO）的原则。无论是函数调用、表达式求值，还是浏览器前进后退功能，栈都扮演着关键角色。本文将深入解析栈的C++实现及其应用场景。一、栈的核心概念1.1什么是栈？定义：只能在一端（栈顶）进行插入(push)和删除(pop)操作的线性表特点：后进先出（LastInFirstOut）时间复杂度均为O(1)的基本操作大小
  • Python 爬虫实战：抓取舌尖上的中国官网美食周边销售数据，拓展美食文化 西攻城狮北 python爬虫美食实战案例舌尖上的中国
    一、引言二、环境搭建1.安装Python2.安装必备库三、目标网站分析1.确定目标网站2.查看网页源码3.分析分页四、编写爬虫代码1.发送HTTP请求2.解析HTML数据3.处理分页4.存储数据五、数据分析与拓展1.分析数据趋势2.拓展美食文化六、注意事项1.遵守法律法规2.控制爬虫速度3.处理异常七、总结八、拓展思考一、引言美食文化的传播与认知，在当今信息时代中，不仅仅局限于传统的烹饪技巧分享、
  • html流程svg动画,html5 svg动画 祈盟 html流程svg动画
    以上是svg的一个线上编辑器，也可以adobeIllustrator制作生成。我们通过以上编辑器可以获得以下代码。例：Layer1给路径path添加class为path1.path1{stroke-dasharray:20;//表示虚线描边该属性把线段变成虚线数值越大虚线里每个线段的长度越长stroke-dashoffset:1000;//虚线的偏移量}1.当虚线的小线条足够长，超过图形的整个线条
  • html5水滴动画,纯css3水滴元素动画特效 定投君 html5水滴动画
    css3animation属性绘制水滴落下波纹动画，网页水滴元素动画特效。使用方法：1、head引入css文件body{background-color:#3498DB;overflow:hidden;}div{margin:175pxauto;}.drop{position:relative;width:20px;height:20px;top:-30px;margin:0auto;backgr
  • 【MOS】mos管不同电压下的导通电流温度特性 Mike_Zhg 个人开发
    温度反转效应理论解释，通俗的说，高压时温度越高，性能越差；低压时温度越高，性能约好，这也是为什么CPU超频需要在极低温液氮冷却，主要原因时此时电压很高，温度越低性能越好。参考资料：https://wenku.baidu.com/view/41deeab9f66527d3240c844769eae009581ba2ae.html?wkts=1711605727910&bdQuery=mos%E7%A
  • 用HTML+CSS构建一个绚丽的登录页面 极客李华 CSS常见小案例csshtml前端
    用HTML+CSS构建一个绚丽的登录页面参考文章：动态水滴页面自动切换背景的登录页面登录页面代码登录body{background:url(./images/樱花.png);/*设置背景铺满*/background-repeat:no-repeat;background-size:100%;}form{/*设置form大小*/width:400px;height:250px;/*加个背景颜色*/b
  • 纯HTMLCSS静态网站——元神 我爱吃朱肉 htmlcss
    《原神》主题网页介绍以对该网页的详细介绍网页整体结构头部（header）：包含网站的logo和导航栏。logo部分展示了“原神”字样，点击可返回首页。导航栏提供了多个页面链接，包括首页、音乐、视频、壁纸、世界、角色等，方便用户快速访问不同的内容板块。主体内容（section）：分为两个主要部分。sect_1：展示了《原神》中的三个世界城邦，分别是蒙德城、璃月港和稻妻城。每个城邦都有对应的图片和名称
  • 基于Springboot的网上拍卖系统 lozhyf 工作面试学习springboot后端java
    使用技术Springboot+reids+vue(注：html的方式)+elementui主要功能用户：1.查询商品2.登录注册3.参与商品竞价4.发布商品5.竞价商品管理6.卖出商品管理7.物流信息管理8.评论管理9.个人信息管理管理员：1.登录（只有登录没有注册也没有添加管理员）2.审核商品3.评论管理运行环境jdk1.8mysql8访问路径管理员端：http://localhost/page
  • html5中margin是什么意思,css中margin是什么意思，margin作用是什么？ 帅小伙-路飞
    一、介绍，什么意思？margin为对象外边距间隔属性。如果对一个对象比如div设置了边框后，再设置margin就会观察到这个div外面产生了间距边距。margin作用：设置对象与其它对象的外边距离，外边间隔。比如对象与对象，上下DIV，左右DIV间隔多少，可以使用margin实现。.css5{margin:10px}设置html中class=css5对象的外边距(包括上、左、下、右)分别为10px
  • SpringCloud-Nacos(微服务nacos使用) 小许好楠 javaspringcloudspring
    Nacos一、介绍1、简介【全称】 DynamicNamingandConfigurationService【官网】 https://nacos.io/zh-cn/index.html 一个更易于构建云原生应用的动态服务发现、配置管理和服务管理平台。 Nacos支持几乎所有主流类型的“服务”的发现、配置和管理。        //什么是nacos?这个组件能做什么?能够解决什么问题?    自述：
  • OpenQA.Selenium.WebDriverException The HTTP request to the remote WebDriver server for URL timed out @kolalo 浏览器自动化seleniumhttp测试工具
    OpenQA.Selenium.WebDriverException:“TheHTTPrequesttotheremoteWebDriverserverforURLhttp://localhost:xxxx/sessiontimedoutafter60seconds.”1.在谷歌浏览器上加上中括号中的内容[--remote-debugging-port=9222]2.使用管理员模式打开谷歌浏览器3
  • java毕业设计之基于Springboot商城在线销售系统 酷爱码 javaweb课程设计javamysqlmavenjavaweb毕业设计
    环境说明环境：jdk11,tomcat9，mysql8.0工具：maven,IDEA技术说明后端采用Springboot框架，数据库使用mysql8.0，前端采用html，框架使用bootstrap和layui项目介绍javaweb项目，可以做毕业设计或者课程设计，改系统分为用户可管理员，管理员对用户，商品，订单，分类进行操作用户可以进行购买，搜索，浏览商品项目部分截图下载地址https://do
  • python+Selenium 爬虫爬取慕课网课程评价，并保存为excel 小小131 爬虫Python爬虫pythonselenium数据分析chrome
    主要功能：1、爬取慕课网课程评价2、将课程评价保存到Excel使用：python3.6seleniumChrome浏览器python包：selenium、BeautifulSoup、pandas、部分代码参考：https://blog.csdn.net/weixin_43330908/article/details/82959940fromseleniumimportwebdriverfrombs
  • 安装数据库首次应用 Array_06 javaoraclesql
    可是为什么再一次失败之后就变成直接跳过那个要求 enter full pathname of java.exe的界面 这个java.exe是你的Oracle 11g安装目录中例如：【F:\app\chen\product\11.2.0\dbhome_1\jdk\jre\bin】下的java.exe 。不是你的电脑安装的java jdk下的java.exe！ 注意第一次，使用SQL D
  • Weblogic Server Console密码修改和遗忘解决方法 bijian1013 Welogic
            在工作中一同事将Weblogic的console的密码忘记了，通过网上查询资料解决，实践整理了一下。 一.修改Console密码         打开weblogic控制台，安全领域 --> myrealm -->&n
  • IllegalStateException: Cannot forward a response that is already committed Cwind javaServlets
    对于初学者来说，一个常见的误解是：当调用 forward() 或者 sendRedirect() 时控制流将会自动跳出原函数。标题所示错误通常是基于此误解而引起的。 示例代码： protected void doPost() { if (someCondition) { sendRedirect(); } forward(); // Thi
  • 基于流的装饰设计模式 木zi_鸣 设计模式
    当想要对已有类的对象进行功能增强时，可以定义一个类，将已有对象传入，基于已有的功能，并提供加强功能。 自定义的类成为装饰类 模仿BufferedReader，对Reader进行包装，体现装饰设计模式 装饰类通常会通过构造方法接受被装饰的对象，并基于被装饰的对象功能，提供更强的功能。 装饰模式比继承灵活，避免继承臃肿，降低了类与类之间的关系 装饰类因为增强已有对象，具备的功能该
  • Linux中的uniq命令 被触发 linux
    Linux命令uniq的作用是过滤重复部分显示文件内容，这个命令读取输入文件，并比较相邻的行。在正常情 况下，第二个及以后更多个重复行将被删去，行比较是根据所用字符集的排序序列进行的。该命令加工后的结果写到输出文件中。输入文件和输出文件必须不同。如 果输入文件用“- ”表示，则从标准输入读取。 AD： uniq [选项] 文件 说明：这个命令读取输入文件，并比较相邻的行。在正常情况下，第二个
  • 正则表达式Pattern 肆无忌惮_ Pattern
    正则表达式是符合一定规则的表达式，用来专门操作字符串，对字符创进行匹配，切割，替换，获取。   例如，我们需要对QQ号码格式进行检验 规则是长度6~12位  不能0开头  只能是数字，我们可以一位一位进行比较，利用parseLong进行判断，或者是用正则表达式来匹配[1-9][0-9]{4,14} 或者 [1-9]\d{4,14} &nbs
  • Oracle高级查询之OVER (PARTITION BY ..) 知了ing oraclesql
    一、rank()/dense_rank() over(partition by ...order by ...) 现在客户有这样一个需求，查询每个部门工资最高的雇员的信息，相信有一定oracle应用知识的同学都能写出下面的SQL语句： select e.ename, e.job, e.sal, e.deptno from scott.emp e, (se
  • Python调试 矮蛋蛋 pythonpdb
    原文地址： http://blog.csdn.net/xuyuefei1988/article/details/19399137 1、下面网上收罗的资料初学者应该够用了，但对比IBM的Python 代码调试技巧： IBM：包括 pdb 模块、利用 PyDev 和 Eclipse 集成进行调试、PyCharm 以及 Debug 日志进行调试： http://www.ibm.com/d
  • webservice传递自定义对象时函数为空，以及boolean不对应的问题 alleni123 webservice
    今天在客户端调用方法 NodeStatus status=iservice.getNodeStatus(). 结果NodeStatus的属性都是null。 进行debug之后，发现服务器端返回的确实是有值的对象。 后来发现原来是因为在客户端，NodeStatus的setter全部被我删除了。 本来是因为逻辑上不需要在客户端使用setter， 结果改了之后竟然不能获取带属性值的
  • java如何干掉指针，又如何巧妙的通过引用来操作指针————>说的就是java指针 百合不是茶
    C语言的强大在于可以直接操作指针的地址，通过改变指针的地址指向来达到更改地址的目的,又是由于c语言的指针过于强大，初学者很难掌握， java的出现解决了c，c++中指针的问题 java将指针封装在底层，开发人员是不能够去操作指针的地址，但是可以通过引用来间接的操作：   定义一个指针p来指向a的地址（&是地址符号）：        
  • Eclipse打不开，提示“An error has occurred.See the log file ***/.log” bijian1013 eclipse
    打开eclipse工作目录的\.metadata\.log文件，发现如下错误： !ENTRY org.eclipse.osgi 4 0 2012-09-10 09:28:57.139 !MESSAGE Application error !STACK 1 java.lang.NoClassDefFoundError: org/eclipse/core/resources/IContai
  • spring aop实例annotation方法实现 bijian1013 javaspringAOPannotation
            在spring aop实例中我们通过配置xml文件来实现AOP，这里学习使用annotation来实现，使用annotation其实就是指明具体的aspect,pointcut和advice。1.申明一个切面(用一个类来实现)在这个切面里,包括了advice和pointcut AdviceMethods.jav
  • [Velocity一]Velocity语法基础入门 bit1129 velocity
    用户和开发人员参考文档 http://velocity.apache.org/engine/releases/velocity-1.7/developer-guide.html   注释 1.行级注释## 2.多行注释#*  *#   变量定义 使用$开头的字符串是变量定义，例如$var1, $var2,   赋值 使用#set为变量赋值，例
  • 【Kafka十一】关于Kafka的副本管理 bit1129 kafka
    1. 关于request.required.acks   request.required.acks控制者Producer写请求的什么时候可以确认写成功，默认是0， 0表示即不进行确认即返回。 1表示Leader写成功即返回，此时还没有进行写数据同步到其它Follower Partition中 -1表示根据指定的最少Partition确认后才返回，这个在   Th
  • lua统计nginx内部变量数据 ronin47 lua nginx　 统计
    server { listen 80; server_name photo.domain.com; location /{set $str $uri; content_by_lua ' local url = ngx.var.uri local res = ngx.location.capture(
  • java-11.二叉树中节点的最大距离 bylijinnan java
    import java.util.ArrayList; import java.util.List; public class MaxLenInBinTree { /* a. 1 / \ 2 3 / \ / \ 4 5 6 7 max=4 pass "root"
  • Netty源码学习-ReadTimeoutHandler bylijinnan javanetty
    ReadTimeoutHandler的实现思路： 开启一个定时任务，如果在指定时间内没有接收到消息，则抛出ReadTimeoutException 这个异常的捕获，在开发中，交给跟在ReadTimeoutHandler后面的ChannelHandler，例如 private final ChannelHandler timeoutHandler = new ReadTim
  • jquery验证上传文件样式及大小(好用) cngolon 文件上传jquery验证
    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="jquery1.8/jquery-1.8.0.
  • 浏览器兼容【转】 cuishikuan css浏览器IE
    浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同 问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。 碰到频率:100% 解决方案：CSS里    *{margin:0;padding:0;} 备注：这个是最常见的也是最易解决的一个浏览器兼容性问题，几乎所有的CSS文件开头都会用通配符*来设
  • Shell特殊变量：Shell $0, $#, $*, $@, $?, $$和命令行参数 daizj shell$#$?特殊变量
    前面已经讲到，变量名只能包含数字、字母和下划线，因为某些包含其他字符的变量有特殊含义，这样的变量被称为特殊变量。例如，$ 表示当前Shell进程的ID，即pid，看下面的代码： $echo $$ 运行结果 29949   特殊变量列表 变量 含义 $0 当前脚本的文件名 $n 传递给脚本或函数的参数。n 是一个数字，表示第几个参数。例如，第一个
  • 程序设计KISS 原则-------KEEP IT SIMPLE, STUPID! dcj3sjt126com unix
    翻到一本书，讲到编程一般原则是kiss：Keep It Simple, Stupid.对这个原则深有体会，其实不仅编程如此，而且系统架构也是如此。 KEEP IT SIMPLE, STUPID! 编写只做一件事情，并且要做好的程序；编写可以在一起工作的程序，编写处理文本流的程序，因为这是通用的接口。这就是UNIX哲学.所有的哲学真 正的浓缩为一个铁一样的定律，高明的工程师的神圣的“KISS 原
  • android Activity间List传值 dcj3sjt126com Activity
    第一个Activity： import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;import android.app.Activity;import android.content.Intent;import android.os.Bundle;import a
  • tomcat 设置java虚拟机内存 eksliang tomcat 内存设置
    转载请出自出处：http://eksliang.iteye.com/blog/2117772 http://eksliang.iteye.com/ 常见的内存溢出有以下两种: java.lang.OutOfMemoryError: PermGen space java.lang.OutOfMemoryError: Java heap space   ------------
  • Android 数据库事务处理 gqdy365 android
    使用SQLiteDatabase的beginTransaction()方法可以开启一个事务，程序执行到endTransaction() 方法时会检查事务的标志是否为成功，如果程序执行到endTransaction()之前调用了setTransactionSuccessful() 方法设置事务的标志为成功则提交事务，如果没有调用setTransactionSuccessful() 方法则回滚事务。事
  • Java 打开浏览器 hw1287789687 打开网址open浏览器open browser打开url打开浏览器
    使用java 语言如何打开浏览器呢? 我们先研究下在cmd窗口中,如何打开网址 使用IE 打开 D:\software\bin>cmd /c start iexplore http://hw1287789687.iteye.com/blog/2153709 使用火狐打开 D:\software\bin>cmd /c start firefox http://hw1287789
  • ReplaceGoogleCDN：将 Google CDN 替换为国内的 Chrome 插件 justjavac chromeGooglegoogle apichrome插件
    Chrome Web Store 安装地址： https://chrome.google.com/webstore/detail/replace-google-cdn/kpampjmfiopfpkkepbllemkibefkiice 由于众所周知的原因，只需替换一个域名就可以继续使用Google提供的前端公共库了。 同样，通过script标记引用这些资源，让网站访问速度瞬间提速吧
  • 进程VS.线程 m635674608 线程
    资料来源： http://www.liaoxuefeng.com/wiki/001374738125095c955c1e6d8bb493182103fac9270762a000/001397567993007df355a3394da48f0bf14960f0c78753f000 1、Apache最早就是采用多进程模式 2、IIS服务器默认采用多线程模式 3、多进程优缺点 优点： 多进程模式最大
  • Linux下安装MemCached 字符串 memcached
    前提准备：1. MemCached目前最新版本为：1.4.22，可以从官网下载到。2. MemCached依赖libevent，因此在安装MemCached之前需要先安装libevent。2.1 运行下面命令，查看系统是否已安装libevent。[root@SecurityCheck ~]# rpm -qa|grep libevent libevent-headers-1.4.13-4.el6.n
  • java设计模式之--jdk动态代理（实现aop编程） Supanccy2013 javaDAO设计模式AOP
        与静态代理类对照的是动态代理类，动态代理类的字节码在程序运行时由Java反射机制动态生成，无需程序员手工编写它的源代码。动态代理类不仅简化了编程工作，而且提高了软件系统的可扩展性，因为Java 反射机制可以生成任意类型的动态代理类。java.lang.reflect 包中的Proxy类和InvocationHandler 接口提供了生成动态代理类的能力。 &
  • Spring 4.2新特性-对java8默认方法(default method)定义Bean的支持 wiselyman spring 4
    2.1 默认方法(default method) java8引入了一个default medthod; 用来扩展已有的接口,在对已有接口的使用不产生任何影响的情况下,添加扩展 使用default关键字 Spring 4.2支持加载在默认方法里声明的bean 2.2 将要被声明成bean的类 public class DemoService {
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他