海拥✘
海拥✘

创建具有视频背景的网站| HTML和CSS

创建具有视频背景的网站| HTML和CSS 。使用HTML和CSS在您的网站上添加Glass效果。为初学者学习HTML的简便方法

演示地址：https://wanghao221.github.io/video-background/

HTML代码

这是基本的HTML，对所有HTML文件都很重要。我使用Google的样式在此HTML文件中导入Poppins，因为大多数人的设备上没有Poppins字体。


<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Video Landing Pagetitle>
    <link rel="stylesheet" href="style.css">
    <script src="https://kit.fontawesome.com/f06b392053.js" crossorigin="anonymous">script>
head>

<body>
    <section class="showcase">
        <header>
            <h2 class="logo">Website Makersh2>
            <div class="toggle">div>
        header>

        <video src="./video.mp4" muted loop autoplay>video>

        <div class="overlay">div>

        <div class="text">
            <h2>Naver Stoph2>
            <h3>Exploring The Worldh3>
            <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus iste unde accusantium natus
                doloribus sint dolores blanditiis quo eum atque?p>
            <a href="#">Explorea>
        div>

        <ul class="social">
            <li><i class="fab fa-facebook">i>li>
            <li><i class="fab fa-twitter">i>li>
            <li><i class="fab fa-instagram">i>li>
        ul>
    section>

    <div class="menu">
        <ul>
            <li><a href="#">Homea>li>
            <li><a href="#">Newsa>li>
            <li><a href="#">Designa>li>
            <li><a href="#">Bloga>li>
            <li><a href="#">Contacta>li>
        ul>
    div>

    <script>
        const menuToggle = document.querySelector('.toggle')
        const showcase = document.querySelector('.showcase')

        menuToggle.addEventListener('click', () => {
      
            menuToggle.classList.toggle('active')
            showcase.classList.toggle('active')
        })
    script>
body>

html>

view rawvideo.html hosted with ❤ by GitHub

CSS Code

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,500;0,600;0,800;1,400&display=swap');

*{
     
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins',sans-serif;
}

.showcase{
     
    position: absolute;
    right: 0;
    width: 100%;
    min-height: 100vh;
    padding: 100px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #111;
    color: #fff;
    z-index: 2;
    transition: 0.5s;
}

.showcase.active{
     
    right: 300px;

}
.showcase header{
     
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 40px 100px;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logo{
     
    text-transform: uppercase;
    cursor: pointer;
}

.toggle{
     
    position: relative;
    width: 60px;
    height: 60px;
    background: no-repeat url('toggle.jpg');
    background-size: 50px;
    background-position: center;
    cursor: pointer;
}

.toggle.active{
     
    background: no-repeat url('cross.png');
    background-size: 30px;
    background-position: center;
}


.menu{
     
    position: absolute;
    top: 0;
    right: 0;
    width: 300px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu ul{
     
    position: relative;
    list-style: none;
}

.menu ul li a{
     
    text-decoration: none;
    font-size: 24px;
    color: #111;
}

.menu ul li a:hover{
     
    color: #03a9f4;
}

.showcase video{
     
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.8;
}

.overlay{
     
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #03a9f4;
    mix-blend-mode: overlay;
}
.text,.social{
     
    position: relative;
    z-index: 10;
}

.text h2{
     
    font-size: 5rem;
    font-weight: 800;
    line-height: 1em;
    text-transform: uppercase;
}
.text h3{
     
    font-size: 4rem;
    font-weight: 700;
    line-height: 1em;
    text-transform: uppercase;
}
.text p{
     
    font-size: 1.1em;
    margin: 20px 0;
    font-weight: 400;
    max-width: 700px;
}

.text a{
     
    display: inline-block;
    font-size: 1em;
    background: #fff;
    padding: 10px 30px;
    text-decoration: none;
    color: #111;
    margin-top: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.text a:hover{
     
    letter-spacing: 6px;
}

.social{
     
    position: absolute;
    bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.social li{
     
    list-style: none;
    margin: 0 20px;
    font-size: 20px
}

@media(max-width:798px) {
     
    .showcase, .showcase header{
     
        padding: 40px;
    }

    .text h2{
     
        font-size: 3em;
    }

    .text h3{
     
        font-size: 2em;
    }
}

view rawvideo.css hosted with ❤ by GitHub

源码获取

1.CSDN下载地址：

https://download.csdn.net/download/qq_44273429/16912830

2.关注作者公众号啦啦啦好想biu点什么回复视频背景免费获取

长按保存识别
在这里插入图片描述

后面我还会持续更新类似免费好玩的H5小游戏、Java小游戏、好玩、实用的项目和软件等等

相关内容

  • 基于HTML/CSS的响应式俄罗斯套娃ʕ •ᴥ•ʔ小游戏

  • 2021年50个酷炫的Web和移动项目创意

  • 史上最强最全“炸金花”攻略(涉及概率论及排列组合+py3模拟)

  • 使用HTML，CSS和JavaScript创建Chrome扩展程序

  • 基于HTML/CSS的勇敢的兔子疯狂奔跑小游戏

  • 我是怎样制作这个逼真的红色开关的

  • 25个带有酷炫动画的创意404错误页面，快给你的网站换上吧

  • 惊了，开发人员‍的终极VueJS资源泄露

  • 2021年Java各知识点综合面试题

  • 高级，界面这么好看的Bootstrap模板你确定不看看？

整理不易，最后，不要忘了❤或支持一下哦

你可能感兴趣的:(HTML好玩的简单项目,web前端基础,好玩,html,css,web)

  • STM32通用定时器PWM波输出1 zp7541 stm32基本知识stm32电子
    STM32通用定时器PWM波输出1一、简介根据STM32中文参考手册，完成STM32通用定时器的PWM输出代码。二、1.STM32中文参考手册的PWM部分三、代码的编写1.先使能TIM3定时器voidPWM1_init(u16arr,u16psc){RCC->APB1ENR|=1APB2ENR|=1CRL&=0xffffff00;//PB0PB1GPIOB->CRL|=0x000000bb;3.脉
  • 说话人识别python_基于各种分类算法的说话人识别（年龄段识别） weixin_39673184 说话人识别python
    基于各种分类算法的语音分类(年龄段识别)概述实习期间作为帮手打杂进行了一段时间的语音识别研究，内容是基于各种分类算法的语音的年龄段识别，总结一下大致框架，基本思想是：获取语料库TIMIT提取数据特征，进行处理MFCC/i-vectorLDA/PLDA/PCA语料提取，基于分类算法进行分类SVM/SVR/GMM/GBDT...用到的工具有HTK(C,shell)/Kaldi(C++,shell)/L
  • 【Windows】 解决联想为主的所有自带摄像头（integrate camera）打不开的毛病（特别点名小新、thinkbook、thinkpad、y7000...）
    解决联想为主的所有自带摄像头（integratecamera）打不开的毛病（特别点名小新、thinkbook、thinkpad、y7000…）缘由摄像头打不开啊一直想记录这个问题。因为身边有人用过联想的好几个系列了，什么小新、thinkbook、thinkpad，又或者是王牌战机y7000p，y9000p，当你qq，微信，腾讯会议准备开个视频的时候，总有那么一些机器遇到过摄像头打不开，这时候你开始
  • llama-cpp-python使用教程 try2find llamapython开发语言
    以下是llama-cpp-python的完整使用教程，涵盖安装、基础用法、高级功能（如GPU加速、多模态等）和常见问题解决。1.安装1.1基础安装（CPU版）pipinstallllama-cpp-python-ihttps://pypi.tuna.tsinghua.edu.cn/simple1.2启用GPU加速（CUDA）CMAKE_ARGS="-DGGML_CUDA=ON"pipinstall
  • typescript 错误码大全
    转载于https://www.easemob.com/question/6196/1002错误Unterminatedstringliteral.未终止的字符串文本。1003错误Identifierexpected.应为标识符。1005错误'{0}'expected.应为“{0}”。1006错误Afilecannothaveareferencetoitself.文件不能引用自身。1009错误Tra
  • 人间生存小故事 是泡沫呀 瞎聊经验分享程序人生笔记生活职场和发展
    知道吗，实现财富自由以后，那才是生活而在人间，每天为了不让自己饿死，那叫生存我会一直更新，记录一个个生存的故事，看看人们是怎么生存的1.地铁乘务员站岗坐标：深圳，车公庙地铁站，23年5月那天我19点下班，走到了地铁站，当我下楼梯时，大概距离地铁那扇门还有20米的样子，我一眼就看见了他------地铁乘务员他穿着一套黑色的制服，挺着一个大大的肚子，在那个列车小屏幕下站着，身体稍微的向前倾斜，就他一个
  • .eslintrc.js文件内容/配置eslint/eslint参数 是泡沫呀 前端工程化javascript前端vue.jswebpacknpm
    首先放一个官网的链接Listofavailablerules-ESLint中文文档然后直接上代码这里以vue项目为例，主要两个文件，1是.eslintrc.js文件（配置），2是.eslintignore（忽略不需要匹配的文件）重点：修改配置文件后，要重启项目才能生效一、这个是.eslintrc.js//ESlint检查配置module.exports={root:true,parserOptio
  • Modbus 安全机制：加密通信与权限管理（二） 计算机毕设定制辅导-无忧 #Moudus安全服务器网络
    Modbus权限管理机制（一）权限管理的意义在Modbus系统中，权限管理就像是一把精细的“安全锁”，起着至关重要的作用。它主要用于限制不同用户或设备对Modbus资源的访问，确保系统的安全性、稳定性和数据的完整性。在一个大型的工业自动化生产线上，涉及众多的Modbus设备和大量的数据交互。如果没有有效的权限管理，任何人员或设备都可以随意访问和操作这些资源，那么生产线的运行将陷入混乱。未授权的人员
  • 将conda虚拟环境迁移到新的服务器上 icewithzero conda服务器运维
    文章目录前言1.1修改pip文件1.2修改pip文件前言 由于服务器系统崩了，需要新建环境，就把之前备份的conda虚拟环境传到了服务器上，这里迁移的只是envs文件夹。1.1修改pip文件 迁移完成后，首先要修改虚拟环境下的pip文件和pip3文件sudochmod777/opt/conda/envs/SOD_wh/bin/pipvim/opt/conda/envs/name/bin/pipsu
  • Redis存储Cookie实现爬虫保持登录 requests | selenium
    前言前面已经介绍了requests和selenium这两种方式的基础知识和模拟登录,但是我们需要每次都进行登录,这明显是很麻烦并且不合理的,所以这次我分享一下怎么可以让我们的程序进行一次登录之后,和普通浏览器一样下次不进行登录直接进行对网站数据的爬取下面的我分享的内容需要前置知识,如果同志有知识不理解,可以查看我以前写的文章Python爬虫request三方库实战-CSDN博客Python爬虫XP
  • 在Linux环境下从0私有化部署Dify
    在Linux环境下从0搭建Dify准备工作系统环境私有化部署下载Dify代码ZIP包启动Dify启动Docker容器访问Dify本地环境服务器环境准备工作因工作需要私有化部署公司内部的知识库，研究了一下准备采用Dify+RAG的方式实现，以下是具体步骤。系统环境服务器配置：官方建议2核4G以上；Liunx版本：RockyLinuxrelease9.4；Docker版本：28.1.1；Dify版本：
  • 从0到1打造创始人IP：创客匠人如何用内容构建商业护城河 创客匠人老蒋 创始人IP创客匠人IP变现大数据知识付费
    创始人IP为何成为企业破局的关键引擎？在知识付费赛道竞争白热化的当下，创客匠人创始人老蒋以“IP新商业架构师”的身份，将个人IP与企业品牌深度绑定，走出了一条差异化路径。当传统企业还在纠结流量成本时，老蒋通过输出“成事心法”“商业认知”等干货内容，在公众号、短视频等平台积累精准用户，其“正确的事做长期”理念，正是创客匠人9年深耕行业的缩影。这种将创始人个人影响力转化为企业信任背书的模式，让创客匠人
  • QML与C++交互之创建自定义对象
    在qml中，我们一般都是希望使用qml做界面展示，而数据处理转由c++处理；在此篇博客，将介绍如何在c++中给qml定义全局对象；在c++中如何定义对象给qml使用。1给qml定义全局对象正常我们定义了一个qml项目后，main函数是这样的：#include#include#includeintmain(intargc,char*argv[]){QCoreApplication::setAttri
  • MEMS定向短节相较于磁通门传感器的优势在哪里？ ericco123 MEMS陀螺仪惯性技术制造科技
    磁通门传感器得益于其的高精度和稳定性，在地质勘探、电流传感等静态磁场测量场合下被广泛应用。然而，磁通门传感器虽对静态磁场敏感，但在强交变磁场环境中极易受到干扰，从而影响数值精准度。此外，功耗高、响应慢等一系列问题也限制了应用场景。ER-Gyro-19完美解决了这些缺点带来的局限，具备与磁通门传感器兼容的电气接口与机械结构，实现原位替换，在一些磁通门传感器无法应用的场合，尤其是石油天然气测井领域也能
  • 下载第三方库后手动配置到conda虚拟环境中
    第一步，在网页或者github等平台下载开发者开发的第三方库，该库的文件格式可能是".whl"，“.tar.gz”，“.zip”等等；找到`anaconda/pkgs`文件夹地址，将上述第三方库移动到`pkgs`文件夹下；如果是.whl文件直接运行condaactivateyour_envpipinstall***.whl如果是压缩包，先解压缩，使用指令如`tar-xzvf`解压缩`.tar.gz
  • 市场准入负面清单(2015-2018）
    1980市场准入负面清单(2015-2018）数据简介就市场竞争环境而言，市场准入负面清单制度为代表的市场准入管制放松将通过明确被限制或禁止领域，同时对未限制的领域实行平等待遇，推动市场竞争的公平性。这种公平性有助于打破部分行业的垄断格局，使得市场竞争环境更加公正透明，降低企业市场势力，促进企业市场竞争动态均衡。市场准入负面清单制度作为一种政府管理经济活动的制度安排，符合有限政府干预理论的核心思想
  • 行业锦标赛激励数据集（2008-2023） 数据皮皮侠AI 人工智能大数据物联网矩阵动态规划
    1771行业锦标赛激励数据集（2008-2023）数据简介坚持创新驱动发展，要强化企业创新主体地位，发挥企业家在技术创新中的重要作用。作为企业组织内部最具有影响力的角色，高级管理人员拥有企业经营管理的自由裁量权，对企业战略决策及由此产生的经营绩效具有举足轻重的影响。合理的薪酬契约安排是促进员工努力工作并提高企业绩效的重要手段。效率视角下的锦标赛理论主要关注企业内部薪酬差距的激励效应，但随着信息技术
  • Requestium - 将Requests和Selenium合并在一起的自动化测试工具 测试界晓晓 软件测试测试工具selenium自动化软件测试功能测试自动化测试程序人生
    Requests是Python的第三方库，主要用于发送http请求，常用于接口自动化测试等。Selenium是一个用于Web应用程序的自动化测试工具。Selenium测试直接运行在浏览器中，就像真正的用户在操作一样。本篇介绍一款将Requests和Selenium结合在一起的自动化测试工具-Requestium简介Requestium是一个Python库，它将Requests、Selenium和P
  • 传统微商困境与开源链动2+1模式、AI智能名片及S2B2C商城小程序的转型破局 说私域 开源人工智能小程序
    摘要：本文聚焦传统微商代理分级模式面临的库存积压、出货困难等“滚雪球”危机，深入剖析其根源。在此基础上，引入开源链动2+1模式、AI智能名片以及S2B2C商城小程序，探讨这些新兴元素如何助力品牌微商实现转型，突破传统困境，实现可持续发展。通过分析各元素的特点与优势，阐述它们在优化供应链、提升营销效率、增强客户关系管理等方面的协同作用，为微商行业的创新发展提供理论支持与实践参考。关键词：传统微商；开
  • 移动conda虚拟环境的安装目录
    方法1：重新创建环境（推荐）(1)导出环境配置（生成environment.yml）：condaactivateold_env#激活原环境condaenvexport>environment.yml#导出配置(llmtuner):~$condaenvexport>environment.yml(llmtuner):~$tail-fenvironment.yml-websockets==15.0.1
  • 使用 C++ 实现 MFCC 特征提取与说话人识别系统 whoarethenext c++开发语言mfcc语音识别
    使用C++实现MFCC特征提取与说话人识别系统在音频处理和人工智能领域，C++凭借其卓越的性能和对硬件的底层控制能力，在实时音频分析、嵌入式设备和高性能计算场景中占据着不可或缺的地位。本文将引导你了解如何使用C++库计算核心的音频特征——梅尔频率倒谱系数(MFCCs)，并进一步利用这些特征构建一个说话人识别（声纹识别）系统。Part1:在C/C++中计算MFCCs直接从零开始实现MFCC的所有计算
  • 深度解析：venv和conda如何解决依赖冲突难题 咕咕日志 condapython
    文章目录前言一、虚拟环境的核心价值1.1依赖冲突的典型场景1.2隔离机制实现原理二、venv与conda的架构对比2.1工具定位差异2.2性能基准测试（以创建环境+安装numpy为例）三、venv的配置与最佳实践3.1基础工作流3.2多版本Python管理四、conda的进阶应用4.1环境创建与通道配置4.2混合使用conda与pip的风险控制4.3跨平台环境导出五、工具选型决策树5.1场景化推荐
  • MyChrome.exe与Selenium联动避坑指南：User Data目录冲突解决方案 龙潜月七 selenium测试工具
    在自动化测试与网络数据采集场景中，MyChrome.exe与Selenium的联动能发挥强大作用，但二者的UserData目录配置若处理不当，易引发冲突。下面我将重点围绕该问题，详细阐述联动的注意事项。MyChrome.exe与Selenium联动避坑指南：UserData目录冲突解决方案在自动化测试与网络数据采集的领域中，MyChrome.exe与Selenium的组合常常是开发者的得力助手。M
  • OneCode技术架构深度解析：自主UI体系、注解驱动与全栈开发的协同优势 低代码老李 OneCode产品介绍OneCode实战软件行业架构ui
    引言：低代码平台的技术基石在AIGC与数字化转型的双重驱动下，企业级低代码平台已从简单的界面搭建工具演进为全栈业务开发环境。OneCode作为国内领先的低代码开发平台，其核心竞争力源于三大技术支柱：自主可控的UI体系、注解驱动的开发模式和端到端的全栈支持能力。这三大支柱形成有机整体，使OneCode在开发效率、系统集成和业务适应性方面建立起显著优势。本文将深入剖析这些技术特性的实现原理与应用价值，
  • OneCode UI 核心组件体系分析：继承关系与功能详解
    前言在低代码开发平台蓬勃发展的今天，UI组件体系作为连接可视化设计与代码实现的核心纽带，其架构设计直接决定了平台的灵活性、扩展性与开发效率。OneCode作为专注于企业级应用构建的低代码平台，摒弃了传统第三方UI库的集成模式，自主研发了一套完整的UI组件体系。这一体系不仅实现了组件的高度可定制化，更通过创新的继承机制与状态管理，构建了层次清晰、功能完备的组件生态。本文以OneCodeUI组件体系为
  • OneCode 通用组件开发配置指南 低代码老李 软件行业领域设计DDD数据可视化低代码
    一、布局组件1.1xui.UI.Layout核心属性：columns:布局列数配置dock:停靠方向（left/right/top/bottom）width:宽度设置（支持百分比和像素值）height:高度设置（支持百分比和像素值）iniProp.sub:子布局组配置场景说明：用于构建应用程序的整体布局框架，支持多列划分和元素停靠，是页面结构的基础组件。代码示例：{id:'xui.UI.Layou
  • 从源码到思想：OneCode框架模块化设计如何解决前端大型应用痛点 低代码老李 软件行业领域设计低代码前端框架架构
    在前端大型应用开发中，“模块拆分混乱、依赖关系复杂、资源加载失控”是三大痛点。OneCode框架通过Module.js（模块基类）和ModuleFactory.js（模块工厂）构建了一套完整的模块化管理机制，不仅实现了模块的“生老病死”全生命周期管控，更解决了跨模块通信、依赖加载等核心问题。本文从“为什么这么设计”的角度，拆解其底层逻辑与实战价值。一、先理解：前端模块化的核心矛盾无论用什么框架，模
  • OneCode图表配置速查手册 低代码老李 软件行业领域设计低代码信息可视化数据分析数据挖掘
    前言在数据可视化日益成为业务决策核心驱动力的今天，高效、灵活的图表配置系统已成为开发人员不可或缺的工具。OneCode图表组件凭借其丰富的图表类型与精细化的配置能力，为开发者提供了构建专业数据可视化界面的完整解决方案。然而，随着图表类型的不断扩展与配置项的日益丰富，如何快速定位并正确使用特定配置属性已成为提升开发效率的关键挑战。本配置字典博文旨在为开发者提供一份全面、系统的OneCode图表配置参
  • OneCode采用虚拟DOM结构实现服务端渲染的技术实践
    一、技术背景与挑战随着企业级应用复杂度的提升，传统服务端渲染(SSR)面临页面交互性不足的问题，而纯前端SPA架构则存在首屏加载慢和SEO不友好的缺陷。OneCode框架创新性地将虚拟DOM技术引入服务端渲染流程，构建了一套兼顾性能与开发效率的企业级前端解决方案。二、虚拟DOM结构设计2.1组件树层次结构OneCode的虚拟DOM基于组件化思想构建，每个组件通过Component类实现，包含以下核
  • Vue 开发问题：Missing required prop: “value“ 我命由我12345 vue.jsjavascript前端前端框架ecmascript开发语言js
    在Vue项目中，出现如下警告信息[Vuewarn]:Missingrequiredprop:"value"[Vue警告]：缺少必需属性："value"问题原因这个警告表明在组件中存在一个必需的属性value没有被提供，即父组件没有传递该属性给子组件处理策略确保在使用组件时，父组件正确传递了属性给子组件
  • Spring4.1新特性——Spring MVC增强 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
  • mysql 性能查询优化 annan211 javasql优化mysql应用服务器
    1 时间到底花在哪了？ mysql在执行查询的时候需要执行一系列的子任务，这些子任务包含了整个查询周期最重要的阶段，这其中包含了大量为了 检索数据列到存储引擎的调用以及调用后的数据处理，包括排序、分组等。在完成这些任务的时候，查询需要在不同的地方 花费时间，包括网络、cpu计算、生成统计信息和执行计划、锁等待等。尤其是向底层存储引擎检索数据的调用操作。这些调用需要在内存操
  • windows系统配置 cherishLC windows
    删除Hiberfil.sys ：使用命令powercfg -h off 关闭休眠功能即可： http://jingyan.baidu.com/article/f3ad7d0fc0992e09c2345b51.html 类似的还有pagefile.sys msconfig 配置启动项 shutdown 定时关机 ipconfig 查看网络配置 ipconfig /flushdns
  • 人体的排毒时间 Array_06 工作
    ======================== ||  人体的排毒时间是什么时候？|| ======================== 转载于： http://zhidao.baidu.com/link?url=ibaGlicVslAQhVdWWVevU4TMjhiKaNBWCpZ1NS6igCQ78EkNJZFsEjCjl3T5EdXU9SaPg04bh8MbY1bR
  • ZooKeeper cugfy zookeeper
    Zookeeper是一个高性能，分布式的，开源分布式应用协调服务。它提供了简单原始的功能，分布式应用可以基于它实现更高级的服务，比如同步， 配置管理，集群管理，名空间。它被设计为易于编程，使用文件系统目录树作为数据模型。服务端跑在java上，提供java和C的客户端API。 Zookeeper是Google的Chubby一个开源的实现，是高有效和可靠的协同工作系统，Zookeeper能够用来lea
  • 网络爬虫的乱码处理 随意而生 爬虫网络
    下边简单总结下关于网络爬虫的乱码处理。注意，这里不仅是中文乱码，还包括一些如日文、韩文 、俄文、藏文之类的乱码处理，因为他们的解决方式 是一致的，故在此统一说明。     网络爬虫，有两种选择，一是选择nutch、hetriex，二是自写爬虫，两者在处理乱码时，原理是一致的，但前者处理乱码时，要看懂源码后进行修改才可以，所以要废劲一些；而后者更自由方便，可以在编码处理
  • Xcode常用快捷键 张亚雄 xcode
    一、总结的常用命令：     隐藏xcode command+h     退出xcode command+q     关闭窗口 command+w     关闭所有窗口 command+option+w     关闭当前
  • mongoDB索引操作 adminjun mongodb索引
    一、索引基础：    MongoDB的索引几乎与传统的关系型数据库一模一样，这其中也包括一些基本的优化技巧。下面是创建索引的命令：    > db.test.ensureIndex({"username":1})    可以通过下面的名称查看索引是否已经成功建立： &nbs
  • 成都软件园实习那些话 aijuans 成都 软件园 实习
    无聊之中，翻了一下日志，发现上一篇经历是很久以前的事了，悔过~~ 　　断断续续离开了学校快一年了，习惯了那里一天天的幼稚、成长的环境，到这里有点与世隔绝的感觉。不过还好，那是刚到这里时的想法，现在感觉在这挺好，不管怎么样，最要感谢的还是老师能给这么好的一次催化成长的机会，在这里确实看到了好多好多能想到或想不到的东西。 　　都说在外面和学校相比最明显的差距就是与人相处比较困难，因为在外面每个人都
  • Linux下FTP服务器安装及配置 ayaoxinchao linuxFTP服务器vsftp
    检测是否安装了FTP [root@localhost ~]# rpm -q vsftpd 如果未安装：package vsftpd is not installed  安装了则显示：vsftpd-2.0.5-28.el5累死的版本信息   安装FTP 运行yum install vsftpd命令，如[root@localhost ~]# yum install vsf
  • 使用mongo-java-driver获取文档id和查找文档 BigBird2012 driver
    注：本文所有代码都使用的mongo-java-driver实现。   在MongoDB中，一个集合（collection）在概念上就类似我们SQL数据库中的表（Table），这个集合包含了一系列文档（document）。一个DBObject对象表示我们想添加到集合（collection）中的一个文档（document），MongoDB会自动为我们创建的每个文档添加一个id，这个id在
  • JSONObject以及json串 bijian1013 jsonJSONObject
    一.JAR包简介     要使程序可以运行必须引入JSON-lib包，JSON-lib包同时依赖于以下的JAR包：     1.commons-lang-2.0.jar     2.commons-beanutils-1.7.0.jar     3.commons-collections-3.1.jar &n
  • [Zookeeper学习笔记之三]Zookeeper实例创建和会话建立的异步特性 bit1129 zookeeper
    为了说明问题，看个简单的代码，   import org.apache.zookeeper.*; import java.io.IOException; import java.util.concurrent.CountDownLatch; import java.util.concurrent.ThreadLocal
  • 【Scala十二】Scala核心六：Trait bit1129 scala
    Traits are a fundamental unit of code reuse in Scala. A trait encapsulates method and field definitions, which can then be reused by mixing them into classes. Unlike class inheritance, in which each c
  • weblogic version 10.3破解 ronin47 weblogic
    版本：WebLogic Server 10.3 说明：%DOMAIN_HOME%：指WebLogic Server 域(Domain）目录 例如我的做测试的域的根目录 DOMAIN_HOME=D:/Weblogic/Middleware/user_projects/domains/base_domain 1.为了保证操作安全，备份%DOMAIN_HOME%/security/Defa
  • 求第n个斐波那契数 BrokenDreams
            今天看到群友发的一个问题：写一个小程序打印第n个斐波那契数。         自己试了下，搞了好久。。。基础要加强了。           &nbs
  • 读《研磨设计模式》-代码笔记-访问者模式-Visitor bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; interface IVisitor { //第二次分派，Visitor调用Element void visitConcret
  • MatConvNet的excise 3改为网络配置文件形式 cherishLC matlab
    MatConvNet为vlFeat作者写的matlab下的卷积神经网络工具包，可以使用GPU。 主页： http://www.vlfeat.org/matconvnet/ 教程： http://www.robots.ox.ac.uk/~vgg/practicals/cnn/index.html 注意：需要下载新版的MatConvNet替换掉教程中工具包中的matconvnet： http
  • ZK Timeout再讨论 chenchao051 zookeepertimeouthbase
    http://crazyjvm.iteye.com/blog/1693757 文中提到相关超时问题，但是又出现了一个问题，我把min和max都设置成了180000，但是仍然出现了以下的异常信息： Client session timed out, have not heard from server in 154339ms for sessionid 0x13a3f7732340003
  • CASE WHEN 用法介绍 daizj sqlgroup bycase when
    CASE WHEN 用法介绍 1. CASE WHEN 表达式有两种形式 --简单Case函数  CASE sex  WHEN '1' THEN '男'  WHEN '2' THEN '女'  ELSE '其他' END  --Case搜索函数  CASE WHEN sex = '1' THEN
  • PHP技巧汇总:提高PHP性能的53个技巧 dcj3sjt126com PHP
    PHP技巧汇总:提高PHP性能的53个技巧　　用单引号代替双引号来包含字符串，这样做会更快一些。因为PHP会在双引号包围的字符串中搜寻变量，　　单引号则不会，注意：只有echo能这么做，它是一种可以把多个字符串当作参数的函数译注：　　PHP手册中说echo是语言结构，不是真正的函数，故把函数加上了双引号)。　　1、如果能将类的方法定义成static，就尽量定义成static，它的速度会提升将近4倍
  • Yii框架中CGridView的使用方法以及详细示例 dcj3sjt126com yii
    CGridView显示一个数据项的列表中的一个表。 表中的每一行代表一个数据项的数据,和一个列通常代表一个属性的物品(一些列可能对应于复杂的表达式的属性或静态文本)。　　CGridView既支持排序和分页的数据项。排序和分页可以在AJAX模式或正常的页面请求。使用CGridView的一个好处是,当用户浏览器禁用JavaScript,排序和分页自动退化普通页面请求和仍然正常运行。 实例代码如下：
  • Maven项目打包成可执行Jar文件 dyy_gusi assembly
    Maven项目打包成可执行Jar文件 在使用Maven完成项目以后，如果是需要打包成可执行的Jar文件，我们通过eclipse的导出很麻烦，还得指定入口文件的位置，还得说明依赖的jar包，既然都使用Maven了，很重要的一个目的就是让这些繁琐的操作简单。我们可以通过插件完成这项工作，使用assembly插件。具体使用方式如下： 1、在项目中加入插件的依赖： <plugin>
  • php常见错误 geeksun PHP
    1.  kevent() reported that connect() failed (61: Connection refused) while connecting to upstream, client: 127.0.0.1, server: localhost, request: "GET / HTTP/1.1", upstream: "fastc
  • 修改linux的用户名 hongtoushizi linuxchange password
    Change Linux Username 更改Linux用户名，需要修改4个系统的文件： /etc/passwd /etc/shadow /etc/group /etc/gshadow 古老/传统的方法是使用vi去直接修改，但是这有安全隐患（具体可自己搜一下），所以后来改成使用这些命令去代替： vipw vipw -s vigr vigr -s   具体的操作顺
  • 第五章 常用Lua开发库1-redis、mysql、http客户端 jinnianshilongnian nginxlua
    对于开发来说需要有好的生态开发库来辅助我们快速开发，而Lua中也有大多数我们需要的第三方开发库如Redis、Memcached、Mysql、Http客户端、JSON、模板引擎等。 一些常见的Lua库可以在github上搜索，https://github.com/search?utf8=%E2%9C%93&q=lua+resty。   Redis客户端 lua-resty-r
  • zkClient 监控机制实现 liyonghui160com zkClient 监控机制实现
             直接使用zk的api实现业务功能比较繁琐。因为要处理session loss，session expire等异常，在发生这些异常后进行重连。又因为ZK的watcher是一次性的，如果要基于wather实现发布/订阅模式，还要自己包装一下，将一次性订阅包装成持久订阅。另外如果要使用抽象级别更高的功能，比如分布式锁，leader选举
  • 在Mysql 众多表中查找一个表名或者字段名的 SQL 语句 pda158 mysql
    在Mysql 众多表中查找一个表名或者字段名的 SQL 语句： 　　方法一：SELECT table_name, column_name from information_schema.columns WHERE column_name LIKE 'Name'; 　　方法二：SELECT column_name from information_schema.colum
  • 程序员对英语的依赖 Smile.zeng 英语程序猿
    1、程序员最基本的技能，至少要能写得出代码，当我们还在为建立类的时候思考用什么单词发牢骚的时候，英语与别人的差距就直接表现出来咯。 2、程序员最起码能认识开发工具里的英语单词，不然怎么知道使用这些开发工具。 3、进阶一点，就是能读懂别人的代码，有利于我们学习人家的思路和技术。 4、写的程序至少能有一定的可读性，至少要人别人能懂吧... 以上一些问题，充分说明了英语对程序猿的重要性。骚年
  • Oracle学习笔记(8) 使用PLSQL编写触发器 vipbooks oraclesql编程活动Access
        时间过得真快啊，转眼就到了Oracle学习笔记的最后个章节了，通过前面七章的学习大家应该对Oracle编程有了一定了了解了吧，这东东如果一段时间不用很快就会忘记了，所以我会把自己学习过的东西做好详细的笔记，用到的时候可以随时查找，马上上手！希望这些笔记能对大家有些帮助！     这是第八章的学习笔记，学习完第七章的子程序和包之后
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他