GJINW
GJINW

原生JS实现整屏滚动（竖屏）

DOCTYPE html>
<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>Documenttitle>
    <style>
        * {
            padding: 0;
            margin: 0;
        }
        
        html,
        body {
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
        
        .container {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            transition: all .3s ease;
        }
        
        .container .section {
            width: 100%;
            height: 100%;
            display: flex;
            color: #83a78d;
            justify-content: center;
            align-items: center;
            background-size: cover;
        }
        
        .controls {
            position: absolute;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
            list-style: none;
        }
        
        .controls li {
            width: 50px;
            height: 50px;
            font: bold 22px/50px '楷体';
            background-color: #8869a5;
            color: #B1BEEA;
            cursor: pointer;
            border-radius: 50%;
            text-align: center;
            line-height: 50px;
        }
        
        .controls li+li {
            margin-top: 5px;
        }
        
        .controls li.active {
            background-color: #fff;
            color: red;
        }
    style>
head>

<body>
    <div class="container">
        <div class="section page1">
            <div>第一屏div>
        div>
        <div class="section page2">
            <div>第二屏div>
        div>
        <div class="section page3">
            <div>第三屏div>
        div>
        <div class="section page4">
            <div>第四屏div>
        div>
        <div class="section page5">
            <div>第五屏div>
        div>
    div>
    <ul class="controls">
        <li class="active">1li>
        <li>2li>
        <li>3li>
        <li>4li>
        <li>5li>
    ul>

    <script>
        var container = document.querySelector(".container");
        var lis = document.querySelectorAll(".controls li");
        var viewHeight = null;
        var index = 0;
        var flag = true;

        document.addEventListener('mousewheel', function(e) {
            e = e || window.event;
            e.preventDefault();

            viewHeight = document.body.clientHeight;
            if (flag) {
                flag = false;
                if (e.wheelDelta > 0) {
                    index--;
                    if (index < 0) {
                        index = 0;
                    }
                } else {
                    index++;
                    if (index > lis.length - 1) {
                        index = lis.length - 1;
                    }
                }
                container.style.top = -index * viewHeight + "px";
                sibilings(index);
                setTimeout(function() {
                    flag = true
                }, 500)
            }
        }, {
            passive: false,
            useCapture: false
        })

        for (var i = 0; i < lis.length; i++) {
            lis[i].index = i;

            lis[i].onclick = function() {
                viewHeight = document.body.clientHeight;
                index = this.index;
                console.log(index);
                sibilings(index);
                container.style.top = -index * viewHeight + "px";
            }
        }

        function sibilings(index) {
            for (var j = 0; j < lis.length; j++) {
                lis[j].className = '';
            }
            console.log(index);
            lis[index].className = 'active';
        }
    script>
body>

html>

你可能感兴趣的:(前端,javascript,html,css)

  • React Native 0.78版本发布 wayne214 reactnative
    这个版本在ReactNative中集成了React19，还带来了一些其他相关特性，比如原生支持Android矢量图形（AndroidVectordrawables），以及在iOS上更好的混合开发（brownfieldintegration）体验。亮点React19迈向更小巧、更快速的版本发布Metro中JavaScript日志的可选开启功能新增对AndroidXML图形资源的支持iOS上的Reac
  • WebSocket的详解 小陆不会敲代码 网络websocket网络协议网络学习笔记node.js
    文章目录前言一、WebSocket是什么？二、WebSocket使用示例前端部分（JavaScript）后端部分（Node.js示例）三、WebSocket心跳机制前端心跳示例后端心跳检测示例（Node.js）四、WebSocket常用事件：五、WebSocket使用场景五、总结前言WebSocket是一种网络通信协议，它提供了一个全双工的通信通道，允许服务器与客户端之间进行实时数据交换。与传统的
  • 代码随想录---算法训练营---总结 感谢上Di_123 前端算法题前端javascript
    这个是结营时期的刷题量，开营的时候不到一百道题。我总共参加了60天这个代码随想录的算法训练营，每天按照计划逐步进行算法训练，卡尔老师讲的很好，要是有不理解的，偶尔会给他提建议，提问题。祝愿代码随想录未来发展越来越好这个训练营，真的刷新了我对算法的认知。其实对于一个前端JavaScript开发工程师来说，对算法要求不是很高，平常的工作中，顶多就写写递归，写写深搜和广搜，其他的方法真的对于我来说很少接
  • 全员DeepSeek时代，前端能做些什么？ 二川bro 前端智能AI前端deepseek
    全员DeepSeek时代，前端能做些什么？前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，可以分享一下给大家。点击跳转到网站。https://www.captainbed.cn/cccDeepSeek开发阶段测试阶段部署阶段智能代码生成设计稿转代码实时代码审查测试用例生成自动化问题定位构建优化建议性能预测模型一、DeepSeek带来的前端范式变革1.1传统前端开发痛点分析DeepSee
  • 爬虫遇到一个标签有两个类名怎么办？ 勇敢的牛马 爬虫pythonxhtmlpycharmselenium测试工具css
    1.使用CSS选择器：BeautifulSoup的select方法支持使用CSS选择器来定位元素。对于具有多个类名的元素，可以将类名连接起来，并在每个类名前加上一个点（.），表示同时具有这些类的元素。frombs4importBeautifulSoup#假设html_content是包含目标HTML的字符串soup=BeautifulSoup(html_content,'lxml')divs=so
  • 329.大学生HTML期末大作业 —【纪念鲁迅文化主题网页】 Web前端网页制作 html+css 一只小小的眠羊 大学生期末大作业文化前端html课程设计javascripthtml5cssjquery
    目录一、更多推荐二、网页简介三、网页文件四、网页效果五、代码展示1.html2.CSS六、总结1.简洁实用2.使用方便3.整体性好4.形象突出5.交互式强一、更多推荐欢迎来到我的CSDN主页！您的支持是我创作的动力！Web前端网页制作、网页完整代码、大学生期末大作业案例模板完整代码、技术交流等，有兴趣的联系我交流学习!更多优质博客文章、网页模板点击以下链接查阅：仙女网页设计-CSDN博客5000+
  • HTML-05NPM使用踩坑 坐吃山猪 前端html前端
    2025-03-04-NPM使用踩坑本文讲述了一个苦逼程序员在使用NPM的时候突然来了一记nmplogin天雷，然后一番折腾之后，终究还是没有解决npm的问题,最终使用cnpm完美解决的故事。文章目录2025-03-04-NPM使用踩坑@[toc]1-参考网址2-思路整理3-学习要点4-对比学习1-什么是npm、cnpm两者之间的区别1-npm概述2-cnpm概述3-npm和cnpm的区别2-如何
  • js处理字符串、数组、对象常用方法汇总 编码七号 javascript开发语言ecmascript
    字符串（String）字符串是JavaScript中的基本数据类型之一，用于表示文本数据。以下是一些常用的字符串操作方法：charAt(index):返回指定索引处的字符。charCodeAt(index):返回指定索引处的字符的Unicode编码。concat(string2,string3,...,stringN):连接两个或多个字符串，并返回新的字符串。includes(searchStri
  • js逆向——webpack扣法 sin_0119 javascriptwebpack前端爬虫
    01webpack讲解webpack是个静态模块打包工具，目的是为了让前端工程师写的前端代码变成浏览器可以识别的代码，并且可以达到前端项目的模块化，也就是如何更高效地管理和维护项目中的每一个资源。但无疑是对js逆向造成了妨碍。但如果掌握了扣取webpack的一些技巧也是不难的。接下来，说一下我对扣取webpack代码的一些理解。1.1webpack组成一个最基本的webpack组成有两个部分:自执
  • DeepSeek：如何通过自然语言生成HTML文件与原型图？ 阿三0404 ai人工智能html机器学习深度学习
    在当今快节奏的开发与设计环境中，快速生成HTML文件或原型图是每个开发者与设计师的迫切需求。虽然DeepSeek无法直接生成图片，但它却能够通过自然语言生成流程图、原型图以及交互式页面，甚至可以直接输出HTML代码。本文将详细介绍如何与DeepSeek高效交流，生成你想要的HTML文件或原型图，并分享一些实用技巧。1.DeepSeek的核心功能与优势DeepSeek是一款基于自然语言处理（NLP）
  • Go实战全家桶之五十二：go函数式编程 leijmdas go实战全家桶gogolang
    github.com/samber/lo是一个非常流行的Go语言库，提供了丰富的函数式编程工具，类似于JavaScript中的Lodash。它通过泛型支持，为Go开发者提供了许多便捷的集合操作函数（如Map、Filter、Reduce、Uniq等）。然而，是否认为它是“最好的”函数式编程库，取决于具体的需求和使用场景。以下是对lo库的详细分析，帮助你判断它是否适合你的项目：1.lo库的优点1.1丰
  • zl-docx2html：将文档转换为网页的利器 石喜宏Melinda
    zl-docx2html：将文档转换为网页的利器zl-docx2html项目地址:https://gitcode.com/gh_mirrors/zl/zl-docx2html在现代技术文档管理中，将文档转换为网页格式是一项常见需求。无论是为了方便在线阅读、版本控制，还是为了更好地集成到网站或内部系统中，文档的网页化处理都显得尤为重要。今天，我们将向您推荐一款强大的开源工具——zl-docx2htm
  • html5 iframe实现页面预览pdf 十年 lius web前端html5
    一个可以把上传文件的绝对地址拿到的方法：//建立一个可存取到该file的urlfunctiongetObjectURL(file){varurl=null;//下面函数执行的效果是一样的，只是需要针对不同的浏览器执行不同的js函数而已if(window.createObjectURL!=undefined){//basicurl=window.createObjectURL(file);}else
  • 当内容超出宽度时实现横向滑动效果 十年 lius web前端csscsshtml5css3
    当内容超出宽度时，可以横向滚动我们经常会遇到内容超过高度时，页面出现滚动条，通过滚动条来继续浏览内容，比如当前页面就是。很简单，设置css属性overflow-y:auto;就可以实现。而如果想要内容不换行，当超过宽度，横向滚动呢，overflow-x:auto;就不能实现了，因为默认会换行。话不多说，直接上代码。{{prizeItem.amount}}.content{padding:020px
  • 如何使用Node.js搭建本地服务器 安静旅者 node.js服务器运维编程
    Node.js是一个基于ChromeV8引擎的JavaScript运行时环境，它提供了一种轻量级且高效的方式来构建网络应用程序。在本文中，我们将深入探讨如何使用Node.js搭建一个简单的本地服务器。步骤1：安装Node.js首先，你需要在你的计算机上安装Node.js。你可以从Node.js官方网站（https://nodejs.org）下载适合你操作系统的安装包，然后按照安装向导进行安装。步骤
  • 提升Web可访问性的10个关键实践 zsy_1991 前端javascripthtml
    在当今互联网时代，确保网站的可访问性（Accessibility）已经成为开发者和设计师的重要任务之一。Web可访问性不仅有助于残障用户更好地访问和使用网站，还能提升整体用户体验。本文将介绍10个关键的Web可访问性实践，帮助你构建更加友好和包容的网站。1.使用语义化的HTML标签语义化的HTML标签不仅有助于搜索引擎优化（SEO），还能提升屏幕阅读器等辅助技术的理解能力。以下是一些常用的语义化标
  • swagger-01-swagger介绍 褚师子书 swaggerjavaspringbootrestful
    swagger1.学习目标：了解前后端分离了解Swagger的作用和概念在SpringBoot中集成Swagger1.1swagger由来前后端分离，当前流行的开发模式Vue+SpringBoot早先的后端时代：前端只用管理静态页面；后端将html用模板引擎JSP进行开发前后端分离式时代：后端：后端控制层，服务层，数据访问层【后端团队】前端：前端控制层，视图层【前端团队】mock后端数据json,
  • 使用curl测试websocket服务是否能正常连入 tiguer websocketpython网络协议
    部分场景，前端连接不上websocket服务，需要从后台验证websocket服务是否能连入，判断防火墙是否开通，反向代理是否配置正确，可以使用curl测试服务器websocket服务是否正常。分行命令curl--include\--no-buffer\--header"Connection:Upgrade"\--header"Upgrade:websocket"\--header"Host:ex
  • Nginx给Vue和Java后端做代理 入职啦 实战项目知识vue.jsnginxjava
    本文发表于入职啦(公众号:ruzhila)可以访问入职啦查看更多技术文章网站架构入职啦采用了Nuxt.js、Vue3、Go的混合架构开发，包括了官网、简历工具、职位搜索、简历搜索等功能。为三个部分：官网：采用Nuxt.js+Vue3+TailwindCSS开发，属于SSR渲染简历工具：采用Vue3+TailwindCSS开发，属于SPA渲染后端：采用Gin+Gorm+MySQL开发，提供API接口
  • 在 JavaScript 中，可以通过以下几种方式判断函数是否是通过 new 关键字调用的 斯~内克 javaScriptjavascript开发语言ecmascript
    在JavaScript中，可以通过以下几种方式判断函数是否是通过new关键字调用的：方法1：使用new.target(ES6+推荐)functionMyClass(){if(new.target===MyClass){console.log('通过new调用');}else{console.log('未通过new调用');}}//测试newMyClass();//输出"通过new调用"MyClas
  • springboot生成二维码在word文档，并下载到本地 尼古拉骚 springboot+IO流javaspringjavascript
    springboot生成二维码在word文档，并下载到本地分为两部分演示，第一部分简单的生成word文档并保存到本地；第二部分生成二维码在word文档，并保存到本地。第一部分首先引入word的依赖资源com.lowagieitext2.1.7com.lowagieitext-rtf2.1.7com.itextpdfitext-asian5.2.0创建Word，并且写入IO流中，前端获取文件流才能保
  • Python就业薪资怎么样？前景如何？ 田野猫咪 Python计算机python人工智能数据挖掘
    Python是一种全栈的开发语言，你如果能学好Python，前端，后端，测试，大数据分析，爬虫等这些工作你都能胜任。那么Python现在在国内的就业薪资高吗？Python就业薪资怎么样？前景如何？对于这些问题，下面小编整理相关内容为大家详情解析，一起来了解吧~如果你也对Python感兴趣，想通过学习Python转行、做副业或者提升工作效率，我也为大家整理了一份【最新全套Python学习资料】一定对
  • 服务器带宽堵塞会对网站访问产生哪些影响? Jtti 服务器
    服务器带宽堵塞会对网站访问产生一系列负面影响，具体包括以下几个方面：1.网站加载速度变慢页面打开时间延长：服务器带宽被占满后，网站的数据传输变慢，导致网页加载时间增加，特别是涉及图片、视频、CSS、JS文件等较大资源时更加明显。TTFB（首字节时间）增加：服务器响应延迟变大，用户在访问网站时需要更长时间才能收到服务器的第一个数据包。表现：用户打开网页时，浏览器可能会长时间停留在“正在加载...”状
  • 组件封装避坑指南：少写1000行重复代码的秘诀！ 程序员小续 javascript前端reactjs前端框架excelvue
    一、前端组件的分类前端组件可以按照功能、用途、通用性等不同维度进行分类，主要包括以下几类：1.按功能分类展示型组件（UI组件）只负责UI视图渲染，不涉及业务逻辑例如：按钮（Button）、输入框（Input）、表单（Form）、卡片（Card）等业务逻辑组件具有特定业务逻辑，通常和接口交互例如：用户列表（UserList）、订单管理（OrderTable）等功能组件（工具类组件）提供功能性封装，通
  • 深入JavaScript实战：解决常见问题与性能优化技巧 moton2017 javascriptAxiosFetchAPI字符串操作SET数据结构Map数据结构
    目录一、JavaScript关键点1.1核心特性1.2主要用途1.3ECMAScript标准二、JavaScript数据操作方法2.1JavaScript数组方法2.2JavaScript其他数据操作方法（1）对象操作（2）字符串操作（3）数字操作（4）Set和Map数据结构三、JavaScript如何防范XSS攻击？3.1编码与转义3.2校验输入3.3使用安全的库和框架3.4配置HTTP头3.5
  • 前端开发中如何使用ChatGPT辅助开发？ 破碎的天堂鸟 学习教程chatgpt
    以下是前端开发中使用ChatGPT辅助开发的完整指南，涵盖核心应用场景、实践方法及注意事项：一、代码生成与优化基础代码生成HTML/CSS/JS框架搭建：通过自然语言描述需求（如"生成带导航栏的响应式页面"），ChatGPT可快速生成结构清晰的代码骨架。例如，输入“用Flexbox实现垂直水平居中布局”，可得到包含justify-content和align-items属性的代码[1][32]。组件
  • C++ 1099 性感素数 (乙级) 小青龙emmm c++算法开发语言
    “性感素数”是指形如(p,p+6)这样的一对素数。之所以叫这个名字，是因为拉丁语管“六”叫“sex”（即英语的“性感”）。（原文摘自http://mathworld.wolfram.com/SexyPrimes.html）现给定一个整数，请你判断其是否为一个性感素数。输入格式：输入在一行中给出一个正整数N(≤108)。输出格式：若N是一个性感素数，则在一行中输出Yes，并在第二行输出与N配对的另一
  • 控制台报错：Uncaught (in promise)：XXXXX问题定位以及前端文件流excel文件下载方法 wh20141212 vue使用前端
    今天对接上传文件的接口时，明明接口是通的，也正常返回了文件流，然而，控制台就是打印不出返回值，而且一直报错Uncaught(inpromise)：XXXXX去查看axios的封装函数，这个internalerror是从返回值拦截器的err中抛出来，这意味着这个axios的函数调用的过程中有异常，失败了。排查问题：1.先从拦截器返回值的判断开始排查，因为控制台无法输出数据查看是否将数据拦截错误，或者
  • 电商商业平台技术架构系列教程之：电商平台概述与发展趋势 AI天才研究院 架构师必知必会系列编程实践大数据人工智能语言模型JavaPython架构设计
    作者：禅与计算机程序设计艺术文章目录1.简介2.电商平台概述2.1电商平台概念2.2电商平台定义2.3电商平台发展史2.3.1起源2.3.2发展阶段2.3.2.1B2C模式2.3.2.2C2B模式2.3.2.3混合模式2.3.2.4超级电商模式2.3.2.5智慧电商模式2.3.2.6小程序电商模式2.3.3目前发展现状3.电商平台关键技术3.1基础技术3.1.1网站前端3.1.2网站后台3.1.3
  • Webpack缓存优化策略探讨 创梦引领 webpack缓存前端JavaScript
    在前端开发中，Webpack是一个广泛使用的模块打包工具，它可以将多个前端资源（如JavaScript、CSS、图片等）打包成静态资源，以提高应用的加载速度和性能。然而，由于前端应用的不断迭代更新，缓存成为一个重要的优化方向。本文将探讨如何通过Webpack的缓存优化策略来提升应用的性能。一、文件指纹文件指纹是实现缓存策略的基础。通过给文件名添加唯一的标识符，可以实现在文件内容未变化时，仍然使用缓
  • 312个免费高速HTTP代理IP（能隐藏自己真实IP地址） yangshangchuan 高速免费superwordHTTP代理
        124.88.67.20:843 190.36.223.93:8080 117.147.221.38:8123 122.228.92.103:3128 183.247.211.159:8123 124.88.67.35:81 112.18.51.167:8123 218.28.96.39:3128 49.94.160.198:3128 183.20
  • pull解析和json编码 百合不是茶 androidpull解析json
    n.json文件: [{name:java,lan:c++,age:17},{name:android,lan:java,age:8}]   pull.xml文件 <?xml version="1.0" encoding="utf-8"?> <stu>     <name>java
  • [能源与矿产]石油与地球生态系统 comsci 能源
          按照苏联的科学界的说法,石油并非是远古的生物残骸的演变产物,而是一种可以由某些特殊地质结构和物理条件生产出来的东西,也就是说,石油是可以自增长的....       那么我们做一个猜想: 石油好像是地球的体液,我们地球具有自动产生石油的某种机制,只要我们不过量开采石油,并保护好
  • 类与对象浅谈 沐刃青蛟 java基础
           类，字面理解，便是同一种事物的总称，比如人类，是对世界上所有人的一个总称。而对象，便是类的具体化，实例化，是一个具体事物，比如张飞这个人，就是人类的一个对象。但要注意的是：张飞这个人是对象，而不是张飞，张飞只是他这个人的名字，是他的属性而已。而一个类中包含了属性和方法这两兄弟，他们分别用来描述对象的行为和性质（感觉应该是
  • 新站开始被收录后，我们应该做什么？ IT独行者 PHPseo
    新站开始被收录后，我们应该做什么？         百度终于开始收录自己的网站了，作为站长，你是不是觉得那一刻很有成就感呢，同时，你是不是又很茫然，不知道下一步该做什么了？至少我当初就是这样，在这里和大家一份分享一下新站收录后，我们要做哪些工作。       至于如何让百度快速收录自己的网站，可以参考我之前的帖子《新站让百
  • oracle 连接碰到的问题 文强chu oracle
    Unable to find a java Virtual Machine－－安装64位版Oracle11gR2后无法启动SQLDeveloper的解决方案 作者：草根IT网 来源：未知 人气：813标签： 导读：安装64位版Oracle11gR2后发现启动SQLDeveloper时弹出配置java.exe的路径，找到Oracle自带java.exe后产生的路径“C:\app\用户名\prod
  • Swing中按ctrl键同时移动鼠标拖动组件（类中多借口共享同一数据） 小桔子 java继承swing接口监听
            都知道java中类只能单继承，但可以实现多个接口，但我发现实现多个接口之后，多个接口却不能共享同一个数据，应用开发中想实现：当用户按着ctrl键时，可以用鼠标点击拖动组件，比如说文本框。 编写一个监听实现KeyListener,NouseListener,MouseMotionListener三个接口，重写方法。定义一个全局变量boolea
  • linux常用的命令 aichenglong linux常用命令
    1 startx切换到图形化界面 2 man命令:查看帮助信息 man 需要查看的命令,man命令提供了大量的帮助信息,一般可以分成4个部分 name:对命令的简单说明 synopsis:命令的使用格式说明 description:命令的详细说明信息 options:命令的各项说明 3 date:显示时间 语法：date [OPTION]... [+FORMAT]
  • eclipse内存优化 AILIKES javaeclipsejvmjdk
    一 基本说明      在JVM中，总体上分2块内存区,默认空余堆内存小于 40%时，JVM就会增大堆直到-Xmx的最大限制；空余堆内存大于70%时，JVM会减少堆直到-Xms的最小限制。     1)堆内存(Heap memory):堆是运行时数据区域，所有类实例和数组的内存均从此处分配,是Java代码可及的内存，是留给开发人
  • 关键字的使用探讨 百合不是茶 关键字
    //关键字的使用探讨/*访问关键词private 只能在本类中访问public 只能在本工程中访问protected 只能在包中和子类中访问默认的 只能在包中访问*//*final   类 方法 变量 final 类 不能被继承 final 方法 不能被子类覆盖，但可以继承 final 变量 只能有一次赋值，赋值后不能改变 final 不能用来修饰构造方法*///this()
  • JS中定义对象的几种方式 bijian1013 js
        1. 基于已有对象扩充其对象和方法(只适合于临时的生成一个对象)： <html> <head> <title>基于已有对象扩充其对象和方法(只适合于临时的生成一个对象)</title> </head> <script> var obj = new Object();
  • 表驱动法实例 bijian1013 java表驱动法TDD
    获得月的天数是典型的直接访问驱动表方式的实例，下面我们来展示一下： MonthDaysTest.java package com.study.test; import org.junit.Assert; import org.junit.Test; import com.study.MonthDays; public class MonthDaysTest { @T
  • LInux启停重启常用服务器的脚本 bit1129 linux
    启动，停止和重启常用服务器的Bash脚本，对于每个服务器，需要根据实际的安装路径做相应的修改   #! /bin/bash Servers=(Apache2, Nginx, Resin, Tomcat, Couchbase, SVN, ActiveMQ, Mongo); Ops=(Start, Stop, Restart); currentDir=$(pwd); echo
  • 【HBase六】REST操作HBase bit1129 hbase
    HBase提供了REST风格的服务方便查看HBase集群的信息，以及执行增删改查操作   1. 启动和停止HBase REST 服务 1.1 启动REST服务 前台启动（默认端口号8080） [hadoop@hadoop bin]$ ./hbase rest start   后台启动 hbase-daemon.sh start rest   启动时指定
  • 大话zabbix 3.0设计假设 ronin47
    What’s new in Zabbix 2.0? 去年开始使用Zabbix的时候，是1.8.X的版本，今年Zabbix已经跨入了2.0的时代。看了2.0的release notes，和performance相关的有下面几个：          :: Performance improvements::Trigger related da
  • http错误码大全 byalias http协议javaweb
    响应码由三位十进制数字组成，它们出现在由HTTP服务器发送的响应的第一行。 响应码分五种类型，由它们的第一位数字表示： 1）1xx：信息，请求收到，继续处理 2）2xx：成功，行为被成功地接受、理解和采纳 3）3xx：重定向，为了完成请求，必须进一步执行的动作 4）4xx：客户端错误，请求包含语法错误或者请求无法实现 5）5xx：服务器错误，服务器不能实现一种明显无效的请求
  • J2EE设计模式-Intercepting Filter bylijinnan java设计模式数据结构
    Intercepting Filter类似于职责链模式 有两种实现 其中一种是Filter之间没有联系，全部Filter都存放在FilterChain中，由FilterChain来有序或无序地把把所有Filter调用一遍。没有用到链表这种数据结构。示例如下： package com.ljn.filter.custom; import java.util.ArrayList;
  • 修改jboss端口 chicony jboss
    修改jboss端口   %JBOSS_HOME%\server\{服务实例名}\conf\bindingservice.beans\META-INF\bindings-jboss-beans.xml   中找到 <!-- The ports-default bindings are obtained by taking the base bindin
  • c++ 用类模版实现数组类 CrazyMizzz C++
    最近c++学到数组类，写了代码将他实现，基本具有vector类的功能 #include<iostream> #include<string> #include<cassert> using namespace std; template<class T> class Array { public: //构造函数
  • hadoop dfs.datanode.du.reserved 预留空间配置方法 daizj hadoop预留空间
    对于datanode配置预留空间的方法 为：在hdfs-site.xml添加如下配置  <property>     <name>dfs.datanode.du.reserved</name>     <value>10737418240</value>    
  • mysql远程访问的设置 dcj3sjt126com mysql防火墙
    第一步: 激活网络设置 你需要编辑mysql配置文件my.cnf. 通常状况，my.cnf放置于在以下目录： /etc/mysql/my.cnf (Debian linux) /etc/my.cnf （Red Hat Linux/Fedora Linux) /var/db/mysql/my.cnf (FreeBSD) 然后用vi编辑my.cnf，修改内容从以下行： [mysqld] 你所需要: 1
  • ios 使用特定的popToViewController返回到相应的Controller dcj3sjt126com controller
    1、取navigationCtroller中的Controllers NSArray * ctrlArray = self.navigationController.viewControllers; 2、取出后，执行， [self.navigationController popToViewController:[ctrlArray objectAtIndex:0] animated:YES
  • Linux正则表达式和通配符的区别 eksliang 正则表达式通配符和正则表达式的区别通配符
    转载请出自出处：http://eksliang.iteye.com/blog/1976579 首先得明白二者是截然不同的 通配符只能用在shell命令中,用来处理字符串的的匹配。 判断一个命令是否为bash shell(linux 默认的shell)的内置命令 type -t commad 返回结果含义 file  表示为外部命令 alias  表示该
  • Ubuntu Mysql Install and CONF gengzg Install
    http://www.navicat.com.cn/download/navicat-for-mysql Step1: 下载Navicat ，网址：http://www.navicat.com/en/download/download.html Step2：进入下载目录，解压压缩包：tar -zxvf navicat11_mysql_en.tar.gz
  • 批处理，删除文件bat huqiji windowsdos
    @echo off ::演示：删除指定路径下指定天数之前（以文件名中包含的日期字符串为准）的文件。 ::如果演示结果无误，把del前面的echo去掉，即可实现真正删除。 ::本例假设文件名中包含的日期字符串（比如：bak-2009-12-25.log） rem 指定待删除文件的存放路径 set SrcDir=C:/Test/BatHome rem 指定天数 set DaysAgo=1
  • 跨浏览器兼容的HTML5视频音频播放器 天梯梦 html5
    HTML5的video和audio标签是用来在网页中加入视频和音频的标签，在支持html5的浏览器中不需要预先加载Adobe Flash浏览器插件就能轻松快速的播放视频和音频文件。而html5media.js可以在不支持html5的浏览器上使video和audio标签生效。   How to enable <video> and <audio> tags in
  • Bundle自定义数据传递 hm4123660 androidSerializable自定义数据传递BundleParcelable
          我们都知道Bundle可能过put****()方法添加各种基本类型的数据，Intent也可以通过putExtras(Bundle)将数据添加进去，然后通过startActivity()跳到下一下Activity的时候就把数据也传到下一个Activity了。如传递一个字符串到下一个Activity   把数据放到Intent
  • C＃：异步编程和线程的使用（.NET 4.5 ） powertoolsteam .net线程C#异步编程
    异步编程和线程处理是并发或并行编程非常重要的功能特征。为了实现异步编程，可使用线程也可以不用。将异步与线程同时讲，将有助于我们更好的理解它们的特征。 本文中涉及关键知识点 1. 异步编程 2. 线程的使用 3. 基于任务的异步模式 4. 并行编程 5. 总结 异步编程 什么是异步操作？异步操作是指某些操作能够独立运行，不依赖主流程或主其他处理流程。通常情况下，C＃程序
  • spark 查看 job history 日志 Stark_Summer 日志sparkhistoryjob
    SPARK_HOME/conf 下: spark-defaults.conf 增加如下内容 spark.eventLog.enabled true spark.eventLog.dir hdfs://master:8020/var/log/spark spark.eventLog.compress true spark-env.sh 增加如下内容 export SP
  • SSH框架搭建 wangxiukai2015eye springHibernatestruts
    MyEclipse搭建SSH框架 Struts Spring Hibernate 1、new一个web project。 2、右键项目，为项目添加Struts支持。    选择Struts2 Core Libraries -<MyEclipes-Library>      点击Finish。src目录下多了struts
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他