花开花又谢
花开花又谢

使用CSS3自定义属性实现换肤功能

开始之前先说说css3的自定义属性，之前我们在写css的时候全部都是使用自身属性，比如margin,padding等。但是你曾是否见过这样的css

:root{
    --primary-color:#989898;
    --light:#fff;
    --dark:#000;
}

其中的–primary-color、–light、–dark就是自定义的属性。

  1. 自定义属性的命名规则
--variables-name:variables-value
--属性名:属性值
例如定义一个主题颜色：
--theme-color:red;
  1. 作用域
//:root作用于全局
:root{
    --theme-color:red;
}
//#app作用于id为app的节点内
#app{
    --theme-color:red;
}
  1. 使用方法 var(自定义属性名)
//现在全局定义
:root{
   --theme-color:red;
}

//使用的时候
#app{
    background-color:var(--theme-color);
}

//假如我们没有指定--theme-color这个属性，则可以在使用的时候加上替代值
#app{
    background-color:var(--theme-color,black);//没有指定--theme-color则会由black代替
}
  1. 通过JS获取和设置自定义的属性
//js中获取--theme-color的值
var styles = getComputedStyle(document.documentElement);
var value = styles.getPropertyValue("--theme-color");
console.log(value);//red

//js中更改--theme-color的值
document.documentElement.style.setProperty("--theme-color","black");

明白了这几个概念我们开始实现我们的换肤功能：


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS3自定义属性实现换肤功能title>
    <style type="text/css">
        :root{
            --theme-color:#989898;
        }

        #header{
            width: 100%;
            height: 50px;
            line-height: 50px;
            background-color: var(--theme-color);
            margin-bottom: 30px;
        }
        #header h1{
            color: #fff;
        }
        button{
            width: 100px;
            height: 30px;
            color: #fff;
            border:none;
        }
        #btn-red{
            --btn-red:red;
            background-color: var(--btn-red)
        }
        #btn-black{
            --btn-black:black;
            background-color: var(--btn-black)
        }
        #btn-blue{
            --btn-blue:blue;
            background-color: var(--btn-blue)
        }
    style>
head>
<body>
    <header id="header">
        <h1>CSS3自定义属性实现换肤功能Demoh1>  
    header>

    <div>
        <button id="btn-red">redbutton>
        <button id="btn-black">blackbutton>
        <button id="btn-blue">bluebutton>
    div>

    <script type="text/javascript">
        var btns = document.getElementsByTagName("button");
        for(var i=0;i"click",function(e){
                var ele = e.target||e.srcElement;
                var styles = getComputedStyle(ele);
                var value = styles.getPropertyValue("--"+ele.id);
                document.documentElement.style.setProperty("--theme-color",value);
            })
        }

    script>
body>
html>

你可能感兴趣的:(html5)

  • html5路由如何在nginx上部署（vite+vue3） 大眼小夫 html5nginx前端
    我们知道前端常用的有Hash模式和html5模式的路由，hash模式在nginx上部署不需要额外的操作，而html5模式则需要额外设置，这里介绍下如何在nginx根地址（location/{}）下部署和在非根地址上（location/admin{}）部署。在这之前，我先说一下为什么html5路由需要在nginx上配置，我们知道，vue-router就是用来处理路由的，我我们在浏览器上输入地址时，这
  • 研一自救指南 - 06.HTML5系统学习 东部欧安时 html5
    前情提要：研一自救指南-01.java面向对象（黑马）研1自救指南-02.Java+AI智能辅助编程（黑马）研一自救指南-03.面向面经预习（前端）研一自救指南-04.面试狂刷（前端日常实习）研一自救指南-05.JavaScript系统学习基于W3school的HTML5学习1.html元素html链接点击这里//图像换行横线2.html样式背景颜色、对齐方式设置字体、颜色、大小3.文本格式化Th
  • 【Rust】——使用消息在线程之间传递数据 Y小夜 Rust（官方文档重点总结）rust开发语言后端
    博主现有专栏：C51单片机（STC89C516），c语言，c++，离散数学，算法设计与分析，数据结构，Python，Java基础，MySQL，linux，基于HTML5的网页设计及应用，Rust（官方文档重点总结），jQuery，前端vue.js，Javaweb开发，Python机器学习等主页链接：Y小夜-CSDN博客目录信道与所有权转移发送多个值并观察接收者的等待通过克隆发送者来创建多个生产者学
  • JavaWeb核心技术系列教程(04)——Servlet入门详解及原理剖析 谷哥的小弟 Servlet原理详解
    C语言自学完备手册(33篇)Android多分辨率适配框架JavaWeb核心技术系列教程HTML5前端开发实战系列教程MySQL数据库实操教程(35篇图文版)推翻自己和过往——自定义View系列教程(10篇)走出思维困境，踏上精进之路——Android开发进阶精华录讲给Android程序员看的前端系列教程(40集免费视频教程
  • 在使用 HTML5 的 ＜video＞ 标签嵌入视频时，有时会遇到无法播放 MP4 文件的问题 蹦极的考拉 html5音视频前端
    原因分析：只能播放声音，却无法播放视频。这通常是由于视频编码格式不兼容导致的。虽然MP4是一种常见的视频格式，但它包含多种编码方式，并非所有编码方式都受HTML5支持。解决方案：确认视频编码格式：使用视频播放器或专门的工具查看视频文件的属性，确认其编码格式。HTML5支持H.264编码的MP4文件（MPEG-4），VP8编码的WebM文件和Theora编码的Ogg文件。转换视频编码格式：如果视频编
  • html播放mp4不显示画面,浏览器播放mp4格式视频时只有声音看不到画面的原因及解决方法（精）... ZW9 html播放mp4不显示画面
    做HTML5网页，要播放视频，视频格式为mp4，结果浏览器只能听到声音，看不到画面。反复测试，多个浏览器均出现此问题。刚开始以为视频的格式不对，我是从MOV转的MP4格式，反复确认嵌入的视频确实是mp4格式的，可是试了好多次结果都一样，只有声音不显示图像，搞了一天，直接搞懵了。在网上到处搜索，最终解决。问题描述：在html5页面中嵌入视频，用浏览器打开页面只听到声音却不显示图像。页面代码：请升级浏
  • 记录解决：video标签视频不能播放，但是能下载下来播放的问题 都是好猫 问题解决
    参考文章：关于html5的video标签不能播放视频的问题及解决方法使用html中，为什么看不了视频？
  • MP4视频无法在H5网页中播放 lsf1192354203 音视频前端html5
    MP4视频在本地可以播放，但是在html5的video多媒体标签不能正常播放，不显示图像，其实是编码的原因，虽然格式是MP4，但是html5只支持H.264的编码格式。关于html5的video标签知识：html4协议做网站时我们在网页播放视频使用flash播放，要么就是嵌入式页面实现html5网页可以使用video标签，使得多媒体文件很方便的在网页中播放关于video标签所支持的视频格式和编码：
  • H5新增特性大全 小夏啥也不会 html中的新特性videoaudiocsshtml5前端
    一、HTML概述1.1什么是HTMLHTML5是HTML最新的修订版本（超文本标记语言的第五次重大修改），2014年10月由万维网联盟（W3C）完成标准制定。HTML5的设计目的是为了在移动设备上支持多媒体。HTML5简单易学，HTML5是下一代HTML标准。1.2HTML中的新特性用于绘画的canvas元素用于媒介回放的video和audio元素对本地离线存储的更好的支持新的特殊内容元素，比如a
  • 网页编辑器粘贴WORD图片时保持原格式的秘诀 M_Snow 编辑器wordumeditor粘贴wordueditor粘贴wordueditor复制wordueditor上传word图片ueditor导入word
    要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint),导入PDF,复制粘贴word,导入微信公众号内容,web截屏平台：Windows,macOS,Linux,RedHat,CentOS,Ubuntu,中标麒麟,银河麒麟,统信UOS,
  • CMS、整站程序集成百度UEditor：实现WORD内容一键导入 全武凌(荆门泽优) 百度wordumeditor粘贴wordueditor粘贴wordueditor复制wordueditor上传word图片ueditor导入word
    要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint),导入PDF,复制粘贴word,导入微信公众号内容,web截屏平台：Windows,macOS,Linux,RedHat,CentOS,Ubuntu,中标麒麟,银河麒麟,统信UOS,
  • H5在小程序领域的地图应用开发指南 小程序开发2020 小程序开发宝典小程序ai
    H5在小程序领域的地图应用开发指南关键词：H5、小程序、地图应用开发、JavaScript、HTML5、CSS3、API摘要：本文围绕H5在小程序领域的地图应用开发展开，详细阐述了相关的背景知识、核心概念、算法原理、数学模型、实战案例、应用场景、工具资源等内容。通过逐步分析推理，为开发者提供了全面且深入的开发指南，助力开发者掌握H5在小程序中开发地图应用的技术和方法，应对开发过程中的各种挑战。1.
  • java/.net跨平台UI浏览器SDK，浏览器控件开发包分析 专注VB编程开发20年 ui跨平台浏览器linuxcefminiblink
    在Linux系统中，虽然没有完全等同于安卓WebView的内置浏览器SDK，但存在多种基于开源浏览器引擎的解决方案，支持通过Java代码控制网页加载和执行JavaScript。以下是具体实现方案和技术细节：一、核心技术方案对比方案名称核心引擎跨平台支持Java集成方式功能完整性开源协议JxBrowserChromiumLinux/macOS/Windows原生JavaAPI完整（HTML5/JS/
  • 如何实现VUE2中wangEditor编辑器对WORD文档的跨平台复制？ M_Snow 编辑器wordumeditor粘贴wordueditor粘贴wordueditor复制wordueditor上传word图片ueditor导入word
    要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint),导入PDF,复制粘贴word,导入微信公众号内容,web截屏平台：Windows,macOS,Linux,RedHat,CentOS,Ubuntu,中标麒麟,银河麒麟,统信UOS,
  • 如何解决VUE2中wangEditor编辑器粘贴WORD文档时的图片丢失问题？ 全武凌(荆门泽优) 编辑器wordumeditor粘贴wordueditor粘贴wordueditor复制wordueditor上传word图片ueditor导入word
    要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint),导入PDF,复制粘贴word,导入微信公众号内容,web截屏平台：Windows,macOS,Linux,RedHat,CentOS,Ubuntu,中标麒麟,银河麒麟,统信UOS,
  • HTML5简介 veminhe 前端HTMLhtml5前端html
    1、h5简介，参考：HTML5教程|菜鸟教程2、第一个例子实践：菜鸟教程(runoob.com)你的浏览器不支持video标签。支持视频播放。
  • 探索经典与创新的交汇：Blockrain.js —— 现代化的HTML5俄罗斯方块游戏引擎 怀琪茵Crown
    探索经典与创新的交汇：Blockrain.js——现代化的HTML5俄罗斯方块游戏引擎blockrain.jsHTML5TetrisGameforjQuery项目地址:https://gitcode.com/gh_mirrors/bl/blockrain.js在数字娱乐的浩瀚宇宙中，有一种简单而永恒的游戏——俄罗斯方块。今天，我们要介绍一款以现代技术重新诠释这一经典的开源项目——Blockrain
  • Excel数据导入网页的excel导入全攻略 路过了忘了 excelumeditor粘贴wordueditor粘贴wordueditor复制wordueditor上传word图片ueditor导入wordueditor导入pdf
    要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint),导入PDF,复制粘贴word,导入微信公众号内容,web截屏平台：Windows,macOS,Linux,RedHat,CentOS,Ubuntu,中标麒麟,银河麒麟,统信UOS,
  • 如何将WORD文档中的图片转存到wangEditor编辑器中？ M_Snow word编辑器umeditor粘贴wordueditor粘贴wordueditor复制wordueditor上传word图片ueditor导入word
    要求：开源，免费，技术支持编辑器：wangEditor前端：vue2,vue3,vue-cli,html5后端：java,jsp,springboot,asp.net,php,asp,.netcore,.netmvc,.netform群体：学生,个人用户,外包,自由职业者,中小型网站,博客,场景：数字门户,数字中台,站群,内网，外网，信创国产化环境，web截屏行业：医疗，教育，建筑，政府，党政，国
  • 前端wangEditor如何实现WORD文档的完整导入？ 全武凌(荆门泽优) 前端wordumeditor粘贴wordueditor粘贴wordueditor复制wordueditor上传word图片ueditor导入word
    要求：开源，免费，技术支持编辑器：wangEditor前端：vue2,vue3,vue-cli,html5后端：java,jsp,springboot,asp.net,php,asp,.netcore,.netmvc,.netform群体：学生,个人用户,外包,自由职业者,中小型网站,博客,场景：数字门户,数字中台,站群,内网，外网，信创国产化环境，web截屏行业：医疗，教育，建筑，政府，党政，国
  • 基于HTML5的“购物商城”的设计与实现（任务书） shejizuopin html5前端html购物商城毕业设计源码任务书
    大学本科毕业设计（论文）任务书学院计算机学院专业班级21级网络工程技术本科1班姓名学号指导教师指导教师职称毕业设计（论文）题目基于HTML5的“购物商城”的设计与实现毕业设计（论文）类型毕业设计☑毕业论文□调研报告□作品展示□案例分析□其他□毕业设计（论文）开展时间2024年10月18日至2025年5月1日共28周毕业设计（论文）要求论文(或设计)的专业方向、基本理论及设计内容：【要求写明本设计所
  • html5贝塞尔曲线,HTML5 Canvas 绘制贝塞尔曲线 Bezier and quadratic curves weixin_39648492 html5贝塞尔曲线
    贝塞尔曲线：它可以是二次和三次方的形式，一般用于绘制复杂而有规律的形状。方法：quadraticCurveTo(cp1x,cp1y,x,y)bezierCurveTo(cp1x,cp1y,cp2x,cp2y,x,y)参数x和y是终点坐标，cp1x和cp1y是第一个控制点的坐标，cp2x和cp2y是第二个的。用贝塞尔曲线绘制聊天气泡说明用贝塞尔曲线绘制聊天气泡代码functiondraw(){var
  • 掌握HTML5 Canvas贝塞尔曲线绘制技巧 yang lebron HTML5Canvas贝塞尔曲线插件开发图形绘制路径操作
    掌握HTML5Canvas贝塞尔曲线绘制技巧在现代网页开发中，HTML5Canvas提供了一个强大的2D绘图API，使我们能够绘制复杂的图形和动画。贝塞尔曲线是其中一种重要的图形元素，广泛应用于各种视觉设计和动画中。本文将深入探讨如何在HTML5Canvas中绘制和操作贝塞尔曲线，并提供实际代码示例来展示这些技术的应用。贝塞尔曲线的基础绘制HTML5Canvas提供了绘制二次和三次贝塞尔曲线的方法
  • 贝塞尔曲线与动画效果：从基础到进阶 江卓尔 贝塞尔曲线动画效果三次贝塞尔二次贝塞尔HTML5Canvas
    贝塞尔曲线与动画效果：从基础到进阶背景简介在计算机图形学中，贝塞尔曲线是一种用于设计光滑曲线的重要工具。在动画和游戏开发中，贝塞尔曲线经常被用来生成平滑的运动路径。本章节将深入探讨贝塞尔曲线在动画中的应用，以及如何在HTML5Canvas上模拟物理效果以增强动画的真实感。贝塞尔曲线的基础应用三次贝塞尔曲线需要四个控制点来定义其形状。在本章节中，作者通过一个环形移动对象的示例，向我们展示了三次贝塞尔
  • HTML5+JS实现一个简单的SVG 贝塞尔曲线可视化设计器,通过几个点移动位置,控制曲线的方向 专注VB编程开发20年 html5前端htmlJSSVGbezier-curve贝塞尔曲线
    三次贝塞尔曲线,二次贝塞尔曲线有什么区别https://blog.csdn.net/xiaoyao961/article/details/148678265SVG贝塞尔曲线可视化设计器下面是一个简单的贝塞尔曲线可视化设计器，使用HTML5和JavaScript实现。这个设计器允许你通过拖动控制点来实时调整贝塞尔曲线的形状。这个贝塞尔曲线设计器具有以下特点：直观的交互：可以直接拖动起点、终点和控制点
  • 探索趣味抽奖新体验：微信小程序转盘抽奖 宫萍润
    探索趣味抽奖新体验：微信小程序转盘抽奖项目地址:https://gitcode.com/gh_mirrors/we/wechat-turntalbe-canvas项目简介在数字化时代，互动式的抽奖活动为用户提供了一种新颖而有趣的参与方式。微信小程序转盘抽奖就是这样一个利用小程序平台开发的创新应用，它借助HTML5Canvas技术，打造出了可高度定制化的转盘抽奖界面，为你的业务增添无尽魅力。技术分析
  • DevExpress BI仪表盘集成OpenAI：实现实时对话式数据分析助手 界面开发小八哥 数据分析数据挖掘devexpressBI界面控件用户界面
    DevExtreme拥有高性能的HTML5/JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NETCore，jQuery，Knockout等）构建交互式的Web应用程序。从Angular和Reac，到ASP.NETCore或Vue，DevExtreme包含高性能和响应式UI小部件集合，可在传统Web和下一代移动应用程序中使用。该套件附带功能齐
  • 前端开发者必须要掌握的技术栈及学习建议，都是干货 老猿阿浪 前端学习前端
    作为前端开发者，必须要掌握的技术栈非常的广泛，但总体脉络不变，以下是当前前端开发的核心技术分类和学习建议，按优先级和重要性排序如下（都是干货）：一、基础三件套（必学）HTML5语义化标签、表单验证、WebAccessibility（无障碍访问）Canvas/SVG、音视频嵌入CSS3盒模型、Flex/Grid布局、响应式设计（媒体查询）动画（Transition/Animation）、变量（CSS
  • HTML5 在前端房地产类网站的应用案例 前端视界 前端艺匠馆前端html5htmlai
    HTML5在前端房地产类网站的应用案例关键词：HTML5、房地产网站、响应式设计、WebGL、地理定位、Canvas、性能优化摘要：本文深入探讨HTML5技术在房地产类网站中的创新应用。我们将分析HTML5如何通过其丰富的API和特性，为房地产行业提供沉浸式的用户体验、高效的房源展示和精准的客户服务。文章涵盖从基础布局到高级3D展示的全套技术方案，并通过实际案例展示HTML5如何解决房地产网站开发
  • HTML5 更新的功能 TE-茶叶蛋 面试复习系列html知识html5前端html
    文章目录前言**一、语义化标签（SemanticElements）****二、多媒体支持（Audio&Video）****三、图形与绘图（Canvas&SVG）****1.``****2.SVG内联支持****四、表单增强（FormFeatures）****1.新输入类型****2.新属性****五、本地存储（WebStorage）****六、地理定位（Geolocation）****七、拖放AP
  • mongodb3.03开启认证 21jhf mongodb
    下载了最新mongodb3.03版本，当使用--auth 参数命令行开启mongodb用户认证时遇到很多问题，现总结如下： （百度上搜到的基本都是老版本的，看到db.addUser的就是，请忽略） Windows下我做了一个bat文件，用来启动mongodb，命令行如下： mongod --dbpath db\data --port 27017 --directoryperdb --logp
  • 【Spark103】Task not serializable bit1129 Serializable
    Task not serializable是Spark开发过程最令人头疼的问题之一，这里记录下出现这个问题的两个实例，一个是自己遇到的，另一个是stackoverflow上看到。等有时间了再仔细探究出现Task not serialiazable的各种原因以及出现问题后如何快速定位问题的所在，至少目前阶段碰到此类问题，没有什么章法 1.   package spark.exampl
  • 你所熟知的 LRU(最近最少使用) dalan_123 java
    关于LRU这个名词在很多地方或听说，或使用，接下来看下lru缓存回收的实现 1、大体的想法     a、查询出最近最晚使用的项     b、给最近的使用的项做标记 通过使用链表就可以完成这两个操作，关于最近最少使用的项只需要返回链表的尾部；标记最近使用的项，只需要将该项移除并放置到头部，那么难点就出现 你如何能够快速在链表定位对应的该项？ 这时候多
  • Javascript 跨域 周凡杨 JavaScriptjsonp跨域cross-domain
                                       
  • linux下安装apache服务器 g21121 apache
    安装apache 下载windows版本apache，下载地址：http://httpd.apache.org/download.cgi   1.windows下安装apache Windows下安装apache比较简单，注意选择路径和端口即可，这里就不再赘述了。 2.linux下安装apache： 下载之后上传到linux的相关目录，这里指定为/home/apach
  • FineReport的JS编辑框和URL地址栏语法简介 老A不折腾 finereportweb报表报表软件语法总结
      JS编辑框： 1.FineReport的js。 作为一款BS产品，browser端的JavaScript是必不可少的。 FineReport中的js是已经调用了finereport.js的。 大家知道，预览报表时，报表servlet会将cpt模板转为html，在这个html的head头部中会引入FineReport的js，这个finereport.js中包含了许多内置的fun
  • 根据STATUS信息对MySQL进行优化 墙头上一根草 status
    mysql  查看当前正在执行的操作，即正在执行的sql语句的方法为:      show processlist 命令   mysql> show global status;可以列出MySQL服务器运行各种状态值，我个人较喜欢的用法是show status like '查询值%';一、慢查询mysql> show variab
  • 我的spring学习笔记7-Spring的Bean配置文件给Bean定义别名 aijuans Spring 3
    本文介绍如何给Spring的Bean配置文件的Bean定义别名？ 原始的 <bean id="business" class="onlyfun.caterpillar.device.Business"> <property name="writer"> <ref b
  • 高性能mysql 之 性能剖析 annan211 性能mysqlmysql 性能剖析剖析
    1 定义性能优化 mysql服务器性能，此处定义为 响应时间。 在解释性能优化之前，先来消除一个误解，很多人认为，性能优化就是降低cpu的利用率或者减少对资源的使用。 这是一个陷阱。 资源时用来消耗并用来工作的，所以有时候消耗更多的资源能够加快查询速度，保持cpu忙绿，这是必要的。很多时候发现 编译进了新版本的InnoDB之后，cpu利用率上升的很厉害，这并不
  • 主外键和索引唯一性约束 百合不是茶 索引唯一性约束主外键约束联机删除
    目标;第一步;创建两张表 用户表和文章表         第二步;发表文章       1,建表; ---用户表 BlogUsers --userID唯一的 --userName --pwd --sex create
  • 线程的调度 bijian1013 java多线程thread线程的调度java多线程
    1.       Java提供一个线程调度程序来监控程序中启动后进入可运行状态的所有线程。线程调度程序按照线程的优先级决定应调度哪些线程来执行。   2.       多数线程的调度是抢占式的（即我想中断程序运行就中断，不需要和将被中断的程序协商） a) 
  • 查看日志常用命令 bijian1013 linux命令unix
    一.日志查找方法，可以用通配符查某台主机上的所有服务器grep "关键字" /wls/applogs/custom-*/error.log   二.查看日志常用命令1.grep '关键字' error.log：在error.log中搜索'关键字'2.grep -C10 '关键字' error.log：显示关键字前后10行记录3.grep '关键字' error.l
  • 【持久化框架MyBatis3一】MyBatis版HelloWorld bit1129 helloworld
    MyBatis这个系列的文章，主要参考《Java Persistence with MyBatis 3》。   样例数据 本文以MySQL数据库为例，建立一个STUDENTS表，插入两条数据，然后进行单表的增删改查     CREATE TABLE STUDENTS ( stud_id int(11) NOT NULL AUTO_INCREMENT,
  • 【Hadoop十五】Hadoop Counter bit1129 hadoop
       1. 只有Map任务的Map Reduce Job File System Counters FILE: Number of bytes read=3629530 FILE: Number of bytes written=98312 FILE: Number of read operations=0 FILE: Number of lar
  • 解决Tomcat数据连接池无法释放 ronin47 tomcat 连接池　优化
    近段时间，公司的检测中心报表系统(SMC)的开发人员时不时找到我，说用户老是出现无法登录的情况。前些日子因为手头上 有Jboss集群的测试工作，发现用户不能登录时，都是在Tomcat中将这个项目Reload一下就好了，不过只是治标而已，因为大概几个小时之后又会 再次出现无法登录的情况。 今天上午，开发人员小毛又找到我，要我协助将这个问题根治一下，拖太久用户难保不投诉。 简单分析了一
  • java-75-二叉树两结点的最低共同父结点 bylijinnan java
    import java.util.LinkedList; import java.util.List; import ljn.help.*; public class BTreeLowestParentOfTwoNodes { public static void main(String[] args) { /* * node data is stored in
  • 行业垂直搜索引擎网页抓取项目 carlwu LuceneNutchHeritrixSolr
    公司有一个搜索引擎项目，希望各路高人有空来帮忙指导，谢谢！ 这是详细需求： （1） 通过提供的网站地址(大概100-200个网站)，网页抓取程序能不断抓取网页和其它类型的文件（如Excel、PDF、Word、ppt及zip类型），并且程序能够根据事先提供的规则，过滤掉不相干的下载内容。 （2） 程序能够搜索这些抓取的内容，并能对这些抓取文件按照油田名进行分类，然后放到服务器不同的目录中。
  • [通讯与服务]在总带宽资源没有大幅增加之前,不适宜大幅度降低资费 comsci 资源
          降低通讯服务资费，就意味着有更多的用户进入，就意味着通讯服务提供商要接待和服务更多的用户，在总体运维成本没有由于技术升级而大幅下降的情况下，这种降低资费的行为将导致每个用户的平均带宽不断下降，而享受到的服务质量也在下降，这对用户和服务商都是不利的。。。。。。。。     &nbs
  • Java时区转换及时间格式 Cwind java
    本文介绍Java API 中 Date, Calendar, TimeZone和DateFormat的使用，以及不同时区时间相互转化的方法和原理。   问题描述： 向处于不同时区的服务器发请求时需要考虑时区转换的问题。譬如，服务器位于东八区（北京时间，GMT+8:00），而身处东四区的用户想要查询当天的销售记录。则需把东四区的“今天”这个时间范围转换为服务器所在时区的时间范围。
  • readonly,只读，不可用 dashuaifu jsjspdisablereadOnlyreadOnly
    readOnly 和 readonly 不同，在做js开发时一定要注意函数大小写和jsp黄线的警告！！！我就经历过这么一件事： 使用readOnly在某些浏览器或同一浏览器不同版本有的可以实现“只读”功能，有的就不行，而且函数readOnly有黄线警告！！！就这样被折磨了不短时间！！！（期间使用过disable函数，但是发现disable函数之后后台接收不到前台的的数据！！！）  
  • LABjs、RequireJS、SeaJS 介绍 dcj3sjt126com jsWeb
    LABjs 的核心是 LAB（Loading and Blocking）：Loading 指异步并行加载，Blocking 是指同步等待执行。LABjs 通过优雅的语法（script 和 wait）实现了这两大特性，核心价值是性能优化。LABjs 是一个文件加载器。RequireJS 和 SeaJS 则是模块加载器，倡导的是一种模块化开发理念，核心价值是让 JavaScript 的模块化开发变得更
  • [应用结构]入口脚本 dcj3sjt126com PHPyii2
    入口脚本 入口脚本是应用启动流程中的第一环，一个应用（不管是网页应用还是控制台应用）只有一个入口脚本。终端用户的请求通过入口脚本实例化应用并将将请求转发到应用。 Web 应用的入口脚本必须放在终端用户能够访问的目录下，通常命名为 index.php，也可以使用 Web 服务器能定位到的其他名称。 控制台应用的入口脚本一般在应用根目录下命名为 yii（后缀为.php），该文
  • haoop shell命令 eksliang hadoophadoop shell
    cat chgrp chmod chown copyFromLocal copyToLocal cp du dus expunge get getmerge ls lsr mkdir movefromLocal mv put rm rmr setrep stat tail test text
  • MultiStateView不同的状态下显示不同的界面 gundumw100 android
    只要将指定的view放在该控件里面，可以该view在不同的状态下显示不同的界面，这对ListView很有用，比如加载界面，空白界面，错误界面。而且这些见面由你指定布局，非常灵活。 PS：ListView虽然可以设置一个EmptyView，但使用起来不方便，不灵活，有点累赘。 <com.kennyc.view.MultiStateView xmlns:android=&qu
  • jQuery实现页面内锚点平滑跳转 ini JavaScripthtmljqueryhtml5css
    平时我们做导航滚动到内容都是通过锚点来做，刷的一下就直接跳到内容了，没有一丝的滚动效果，而且 url 链接最后会有“小尾巴”，就像#keleyi，今天我就介绍一款 jquery 做的滚动的特效，既可以设置滚动速度，又可以在 url 链接上没有“小尾巴”。   效果体验：http://keleyi.com/keleyi/phtml/jqtexiao/37.htmHTML文件代码： &
  • kafka offset迁移 kane_xie kafka
    在早前的kafka版本中（0.8.0），offset是被存储在zookeeper中的。   到当前版本（0.8.2）为止，kafka同时支持offset存储在zookeeper和offset manager（broker）中。   从官方的说明来看，未来offset的zookeeper存储将会被弃用。因此现有的基于kafka的项目如果今后计划保持更新的话，可以考虑在合适
  • android > 搭建 cordova 环境 mft8899 android
      1 , 安装 node.js        http://nodejs.org      node -v   查看版本   2, 安装 npm   可以先从  https://github.com/isaacs/npm/tags  下载 源码 解压到
  • java封装的比较器，比较是否全相同，获取不同字段名字 qifeifei
     非常实用的java比较器，贴上代码： import java.util.HashSet; import java.util.List; import java.util.Set; import net.sf.json.JSONArray; import net.sf.json.JSONObject; import net.sf.json.JsonConfig; i
  • 记录一些函数用法 .Aky. 位运算PHP数据库函数IP
    高手们照旧忽略。 想弄个全天朝IP段数据库，找了个今天最新更新的国内所有运营商IP段，copy到文件，用文件函数，字符串函数把玩下。分割出startIp和endIp这样格式写入.txt文件，直接用phpmyadmin导入.csv文件的形式导入。（生命在于折腾，也许你们觉得我傻X，直接下载人家弄好的导入不就可以，做自己的菜鸟，让别人去说吧） 当然用到了ip2long()函数把字符串转为整型数
  • sublime text 3 rust wudixiaotie Sublime Text
    1.sublime text 3 => install package => Rust 2.cd ~/.config/sublime-text-3/Packages 3.mkdir rust 4.git clone https://github.com/sp0/rust-style 5.cd rust-style 6.cargo build --release 7.ctrl
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他