亦昭昭
亦昭昭

day23 其他事件（页面加载事件、页面滚动事件）

目录

    • 页面加载事件
    • 页面/元素滚动事件
      • 页面滚动事件——获取位置

页面加载事件

  • 加载外部资源（如图片、外联CSS和JavaScript等）加载完毕时触发的事件
  • 为什么使用：
    • 有时候需要等页面资源全部处理完毕再做一些事
    • 老代码喜欢把script写在head中，这时候直接找dom元素找不到
  • 事件名：load
  • 监听页面所有资源加载完毕
    • 给window添加load事件

注意：不光可以监听整个页面资源加载完毕，也可以针对某个资源绑定load事件。

示例：

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
    <script>
        //方式1.等待页面所有资源加载完毕，就回去执行回调函数
        window.addEventListener('load', function () {
            const btn = document.querySelector('button')
            btn.addEventListener('click', function () {
                alert('hhh')
            })
        })
        img.addEventListener('load',function(){
            //方式2.等待图片加载完毕，再执行里面的代码
        })
    script>
head>

<body>
    <button>clickbutton>
body>

html>
  • 当初始的HTML文档被完全加载和解析完成后，DOMContentLoaded事件被触发，而无需等待样式表、图像等完全加载
  • 事件名：DOMContentLoaded
  • 监听页面DOM加载完毕
    • 给document添加DOMContentLoaded事件

示例：

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            const btn = document.querySelector('button')
            btn.addEventListener('click', function () {
                alert('hhh2')
            })
        })
    script>
head>

<body>
    <button>clickbutton>
body>

html>

页面/元素滚动事件

  • 滚动条在滚动的时候持续触发的事件
  • 为什么使用
    • 很多网页需要检测用户把页面滚动到某个区域后做一些处理，比如回到顶部
  • 事件名：scroll
  • 监听整个页面滚动
    • 给window或document添加scroll事件
  • 监听某个元素的内部滚动直接给某个元素添加即可
  • 使用场景
    • 想要页面滚动一段距离后就显示隐藏，可以使用scroll来检测滚动的距离

示例：页面滚动事件
day23 其他事件（页面加载事件、页面滚动事件）_第1张图片

<style>
        body {
            height: 3000px;
        }
    style>
head>

<body>
    <script>
        window.addEventListener('scroll', function () {
            console.log('hhh')
        })
    script>

body>

页面滚动事件——获取位置

  • scrollLeft和scrollTop（属性）
    • 获取被卷去的大小
    • 获取元素内容往左、往上滚出去看不到的距离
    • 这两个值是可读写的

示例1：
day23 其他事件（页面加载事件、页面滚动事件）_第2张图片

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
    <style>
        body {
            padding-top: 100px;
            height: 3000px;
        }

        div {
            margin: 100px;
            overflow: auto;
            width: 200px;
            height: 200px;
            border: 1px solid red;
        }
    style>
head>

<body>
    <div>
        文字文字文字文字文字文字文字文字
        文字文字文字文字文字文字文字文字
        文字文字文字文字文字文字文字文字
        文字文字文字文字文字文字文字文字
        文字文字文字文字文字文字文字文字
        文字文字文字文字文字文字文字文字
        文字文字文字文字文字文字文字文字
        文字文字文字文字文字文字文字文字
        文字文字文字文字文字文字文字文字
        文字文字文字文字文字文字文字文字
    div>
    <script>
        // window.addEventListener('scroll', function () {
        //     // console.log('hhh')
        // })
        const div = document.querySelector('div')
        div.addEventListener('scroll', function () {
            // console.log('hhh')
            console.log(div.scrollTop)
        })
    script>

body>

html>

示例2——获取页面滚动的位置：

注意原理：
day23 其他事件（页面加载事件、页面滚动事件）_第3张图片

效果：
day23 其他事件（页面加载事件、页面滚动事件）_第4张图片
滚动小于100像素时不显示

day23 其他事件（页面加载事件、页面滚动事件）_第5张图片
滚动大于等于100像素时显示

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
    <style>
        body {
            padding-top: 100px;
            height: 3000px;
        }

        div {
            display: none;
            margin: 100px;
            overflow: auto;
            width: 200px;
            height: 200px;
            border: 1px solid red;
        }
    style>
head>

<body>
    <div>
        文字文字文字文字文字文字文字文字
        文字文字文字文字文字文字文字文字
        文字文字文字文字文字文字文字文字
        文字文字文字文字文字文字文字文字
        文字文字文字文字文字文字文字文字
        文字文字文字文字文字文字文字文字
        文字文字文字文字文字文字文字文字
        文字文字文字文字文字文字文字文字
        文字文字文字文字文字文字文字文字
        文字文字文字文字文字文字文字文字
    div>
    <script>
        const div = document.querySelector('div')
        window.addEventListener('scroll', function () {
            // console.log('hhh')
            // 页面滚动多少像素？
            // 获取html元素写法
            //下面这行代码必须写在里面，获取数字型数据，没有单位
            console.log(document.documentElement.scrollTop)
            const n = document.documentElement.scrollTop
            if (n >= 100) {
                div.style.display = 'block'
            } else {
                div.style.display = 'none'
            }
        })
        // const div = document.querySelector('div')
        // div.addEventListener('scroll', function () {
        //     // console.log('hhh')
        //     console.log(div.scrollTop)
        // })
    script>

body>

html>

补充：

  • 可以赋值，设置页面初始位置，例如：
    document.documentElement.scrollTop = 800

你可能感兴趣的:(记录前端学习,javascript,前端,开发语言)

  • Python 进阶学习之全栈开发学习路线 Microi风闲 【胶水语言】Pythonpython学习开发语言
    文章目录前言一、Python全栈开发技术栈1.前端技术选型2.后端框架选择3.数据库访问二、开发环境配置1.工具链推荐2.VSCode终极配置3.项目依赖管理三、现代Python工程实践1.项目结构规范2.自动化测试策略3.CI/CD流水线四、部署策略大全1.传统服务器部署2.容器化部署3.无服务器部署五、性能优化技巧1.数据库优化2.异步处理3.静态资源优化结语前言Python作为当今最流行的编
  • 【日记星球第532篇】——感恩日记 神秘园的简书
    2021年10月30日星期六趁着新一期的瑜伽班还没开营，给自己放个假，睡个大懒觉。一下到7点多才自然醒，还躺着拿手机看了会儿信息，磨磨蹭蹭到八点才起来。生活常常给我们比想要的更多，那就清点一下自己拥有什么，记录下这些值得感恩的事吧：1.感恩上周末邻居送来几颗刚摘的新鲜大柿子给我们，真好！2.感恩上周末妈妈给我做了美味的大锅菜和千丝饼！3.感恩这周工作一切顺利开心！4.感恩同事经常分享好吃的零食水果
  • 2023-11-08 低代码云MES
    万界星空科技半导体MES应用工艺流程：半导体制造涉及多个工艺步骤，包括晶圆制备、沉积、刻蚀、离子注入、扩散、封装等。MES系统可以在每个工艺步骤中发挥关键作用。01、晶圆制备在晶圆制备阶段，MES系统可以监测晶圆的生产状态，记录晶圆的特性参数，并确保按照计划进行。02、刻蚀和沉积刻蚀和沉积是半导体制造中的关键步骤，要求高度精密的控制。MES系统可以监控刻蚀和沉积过程，确保薄膜的均匀性和厚度。03、
  • Crawlee高阶用法：无代码配置实现动态网站爬虫 程序员威哥 爬虫pythonscrapytcp/ip网络协议
    爬虫开发一直以来都需要编写大量的代码，尤其是在抓取动态网站时，往往需要处理JavaScript渲染和分页等复杂的问题。然而，Crawlee（之前叫ApifySDK）作为一个现代化的爬虫框架，提供了更加高效和简便的方式，甚至可以通过无代码配置来快速抓取动态网站数据。在本篇文章中，我们将深入探讨如何使用Crawlee实现动态网站的爬虫，并展示如何通过简单的配置来完成爬虫任务，节省开发时间和精力。1.C
  • Python爬虫高阶：Selenium+Scrapy+Playwright融合架构，攻克动态页面与高反爬场景 程序员威哥 python爬虫selenium
    随着互联网应用的不断发展，越来越多的网站采用JavaScript动态渲染页面，常见的静态页面数据抓取方式逐渐失效。此外，高反爬技术也使得传统爬虫架构面临着更大的挑战，许多网站通过复杂的反爬机制如验证码、IP屏蔽、请求频率限制等来防止数据抓取。为了应对这些挑战，我们需要采用更为先进和灵活的爬虫架构。在此背景下，结合Selenium、Scrapy和Playwright这三种技术，能够帮助我们突破动态页
  • 记录快乐的读书时光 林姐_健康生活
    “魔法人生·悦读俱乐部”第21天打卡（《业力管理》第97页~第112页）：生命终究是脆弱的，十几岁的少年骑电动车和三轮车发生车祸，人当场没了，可以想象到父母撕心裂肺的痛…到底是谁的错？孩子的胆大？父母的放纵？车主的粗心大意？揪谁的错没有意义，流逝的生命已无法挽回，安全警钟必须长鸣！一、今天阅读的有哪些重点内容，对我有哪些启发今天读了业力管理法则五：停止做决定1.“极简主义”设计，只有礼盒图片，没有
  • Linux-Mysql 日志
    文章目录（一）二进制日志（二）错误日志（三）慢查询日志此处主要记录关于常用日志的作用和用法（一）二进制日志主要用于数据备份1）登入数据库，查看二进制日志是否打开，默认是OFF状态showvariableslike'%log_bin%'2）进入配置文件vim/etc/my.cnf添加以下参数log-bin=mysql-binserver_id=2#id必须唯一binlog_format=ROWexp
  • Spring boot+LogBack+MDC实现链路追踪 十一技术斩 java后端springbootspring
    MDC介绍MDC(MappedDiagnosticContext，映射调试上下文)是log4j、logback及log4j2提供的一种方便在多线程条件下记录日志的功能。MDC可以看成是一个与当前线程绑定的哈希表，可以往其中添加键值对。MDC中包含的内容可以被同一线程中执行的代码所访问。当前线程的子线程会继承其父线程中的MDC的内容。当需要记录日志时，只需要从MDC中获取所需的信息即可。API说明：
  • Linux-系统日志简介 兔子王cool Linux基础linux服务器运维
    Linux-系统日志简介1、日志的介绍日志文件记录了时间，地点，人物，事件四大信息，故系统出现故障时，可以查询日志文件。系统的日志文件默认都集中放置到/var/log/目录内，其中又以message记录的信息最多。2、日志的重要性体现日志文件的重要性主要体现在以下三方面：解决系统方面的错误解决网络服务的问题过往事件记录日志文件的权限通常是设置为root能够读取而已。由于日志文件可以记载系统很多的详
  • Linux日志-message日志 dessler Linux进阶#Linux日志linux服务器java
    作者介绍：简历上没有一个精通的运维工程师。希望大家多多关注作者，下面的思维导图也是预计更新的内容和当前进度(不定时更新)。Linux进阶部分又分了很多小的部分,我们刚讲完了Linux基础软件，下面是Linux日志。Linux系统中的日志是记录系统活动和事件的重要工具，它们可以帮助管理员监视系统状态、调查问题以及了解系统运行状况。主要涉及到系统日志，登录日志，定时任务日志，监控日志，崩溃日志，二进制
  • Java Web项目Dump文件分析指南
    目录1.Dump文件的类型与作用2.生成Dump文件的方法3.分析Dump文件的工具4.分析步骤与常见问题解决5.最佳实践与预防在JavaWeb项目中，dump文件是JVM（Java虚拟机）在发生崩溃、内存溢出或特定事件时生成的内存快照文件，用于诊断性能问题、内存泄漏或线程死锁。这些文件通常分为堆转储（heapdump）和线程转储（threaddump）。堆转储记录对象内存分配情况，而线程转储捕捉
  • 281129-李晏林-2022/12/6【day56】 尘心_aa8c
    学《于敏洪案例》第五天今天听民于敏洪案例，学了今天感觉有点疲惫，在听课过程中最大的促动还是在于每天及时送自己鼓励，这件事情，有再做没做好，也没做好精准的数据统计，不养成习惯，对于自己来说会成很大问题，可能这个学这个课程一结束，没过多久这方法就被自己忘于脑后。先给自己制定确实可量化的指标，刚开始，先给自己送20个鼓励，每完成5个做次记录。鼓励分为明的鼓励，与自我暗示。学习于敏洪案例的本质是什么？从于
  • 跨域请求传递Cookie问题 videring
    参考：https://www.cnblogs.com/nuccch/p/7875189.html问题描述前后端完全分离的项目，前端使用Vue+axios，后端使用SpringMVC，容器为Tomcat。使用CORS协议解决跨域访问数据限制的问题，但是发现客户端的Ajax请求不会自动带上服务器返回的Cookie：JSESSIONID。导致每一个Ajax请求在服务端看来都是一个新的请求，都会在服务端创
  • HTTP性能优化实战技术文章大纲 x10n9 http性能优化网络协议
    HTTP性能优化实战技术文章大纲理解HTTP性能瓶颈HTTP协议在请求-响应模型中的性能瓶颈主要涉及延迟、带宽限制和资源加载效率。通过分析网络请求的各个环节，识别关键性能问题，例如DNS解析时间、TCP连接建立、SSL/TLS握手时间等。减少HTTP请求数量合并CSS和JavaScript文件，使用CSSSprites技术减少图片请求次数。内联小型资源如图标或CSS片段，避免额外的HTTP请求。采
  • MySQL存储引擎核心：了解Buffer Pool与Page管理机制 hdzw20 mysql数据库
    MySQL存储引擎核心：了解BufferPool与Page管理机制1.BufferPool：数据库的高速缓存1.1基本概念作用：缓存表数据与索引数据，减少磁盘IO组成：缓存数据页（Page，默认16KB）控制块（约800字节，记录表空间、页号、缓存页地址等）默认大小：128MB（控制块额外占用约5%内存）1.2工作流程查询过程：通过哈希表（Key=表空间号+页号）判断页是否在BufferPool缓
  • 磨课心得 爬坡启动
    这几天，严格的说是一个星期以来，参加中心学校选送县级参赛教师的磨课。参赛课题是人教版小学数学三年级上册分数单元的《认识几分之几》到《分数的简单应用》共五个课题中的一个。今天早上已经抽签定下来，我们乡镇参赛教师抽到的课题是五个参赛课题的第二个课时——《同分母分数大小的比较》，所以这个课题今天下午又给这位参赛老师听了第二遍。通过这几天参与磨课，收获颇多，简要记录于下。一、进一步认同了黄爱华老师所说的“
  • 大脑也需要休息，需要保养 剑飞在思考
    image1有没有这种感觉，就是在晚上10点以后，如果有事情没有立刻去做，就会拖拖拉拉。为什么不鼓励熬夜呢？因为晚上这段时间，人的整体意志力不是特别强。从时间安排角度来说，强度和质量都不够。早一点睡，早一点起，反而会更好一些。每天衡量效率高不高的一个标准，不是看睡之前多么疲劳，而是多么不疲劳。在时间记录体系里，有一个标签是『健康休闲』。“休息一下”，是指发呆的情况，或者是大脑不知道做了什么，不知道
  • HTTP,HTTPS 之凹の鸥 httphttps网络协议
    在网络工程师、开发工程师、运维工程师等岗位的面试中，HTTP/HTTPS是高频必考知识点，尤其在前端、后端、测试、DevOps等与网络通信相关的职位中。以下是系统化的核心考点梳理，涵盖基础概念、协议机制、安全特性及应聘高频问题。一、HTTP基础1.HTTP的核心概念(1)HTTP的定义与作用定义：HTTP（HyperTextTransferProtocol，超文本传输协议）是应用层协议，用于在客户
  • jvm分析篇---1、先认识下dump文件 布朗克168 jvmjvmjava内存dump
    目录一、简介二、生成方式三、JavaWeb项目配置参数四、最佳实践一、简介Dump文件是JVM在运行过程中生成的内存快照文件，主要用于诊断Java应用的内存问题（如内存泄漏、OOM错误）和线程状态分析。在JavaWeb项目中，常见的dump文件类型包括：堆Dump（HeapDump）记录JVM堆内存中所有对象的详细信息，包括对象类型、引用关系和内存占用。$$\text{文件大小}\approx\t
  • ROS个人笔记
    写在前面：由于个人原因距离上次学习ROS已经过去了2周时间，本以为时间不算长，但还是忘记了好多。因此写下这篇笔记，主要是记录学习过程中的概念性问题，程序代码可能会写，但是不是主要。1.ROS是什么：是一个生态系统，首先他是一个操作系统。统筹各种资源如通信，开发等。2.在以往开发时一旦工程庞大起来往往会对数据流通的耦合十分苦恼，因此ROS提供的通信方式为松耦合式的：节点Node。另外大工程时的另外一
  • 骑昆明到北海—51 石屏县龙朋镇 61清风i
    从十年前第一次长途骑行青海湖开始每年一次长途骑行看风景，尝各地美食，探访异域文化，记录途中美食美景美事，已逐渐形成习惯。每年春季详细规划好线路，夏季出行，2020年因为疫情迟迟不能确定线路和行程。总算到了暑期疫情逐渐消失，规划了50多天的云南昆明—广西北海计划。2020年9月13日傍晚点从延平站出发，9月15日到达云南昆明开始这一旅程，一直到11月4日下午从北海市飞回福州顺利结束。虽然在云南骑过二
  • 前端包管理工具哪家强？npm、Yarn、pnpm 大比拼 Forever丿顾北 bolg前端npmarcgis
    前言在前端开发的世界里，包管理工具就像是我们的得力助手，帮助我们轻松管理项目中的各种依赖包。npm、Yarn和pnpm是目前最常用的三个包管理工具，它们各有千秋，也让不少小伙伴在选择时犯了难。今天，咱们就来详细唠唠这三个工具，看看谁才是最适合你的那一个！**一、npm：前端包管理的“老大哥”1.npm是什么？npm，全称NodePackageManager，是Node.js官方的包管理工具，就像N
  • 前端权限控制：深入理解与实现RBAC模型
    什么是RBAC？RBAC（Role-BasedAccessControl，基于角色的访问控制）是一种广泛应用于系统权限管理的模型。它将权限与角色关联，用户通过被分配适当的角色来获得相应的权限，而不是直接将权限分配给用户。在前端领域，RBAC模型帮助我们实现：界面的动态渲染（不同角色看到不同UI）路由访问控制操作权限校验数据展示过滤前端RBAC的核心概念1.用户(User)系统的使用者，可以拥有一个
  • Flutter基础（前端教程①⑦-Column竖直-Row水平-Warp包裹-Stack堆叠） aaiier Flutterflutter
    MainAxisAlignment是一个枚举类，用于控制主轴（MainAxis）方向上子组件的排列和对齐方式。MainAxisAlignment的常用取值及效果：MainAxisAlignment.start子组件沿主轴的起点对齐（Row左对齐，Column顶部对齐）MainAxisAlignment.end子组件沿主轴的终点对齐（Row右对齐，Column底部对齐）MainAxisAlignme
  • 前端包管理工具深度对比：npm、yarn、pnpm 全方位解析 斯~内克 Webpack前端npmnode.js
    前言：为什么我们需要包管理工具？在现代前端开发中，模块化已成为标配。一个中型项目可能依赖数百个第三方包，手动管理这些依赖几乎是不可能的任务。包管理工具应运而生，它们不仅解决了依赖安装问题，还提供了版本控制、脚本执行、依赖分析等强大功能。目前主流的前端包管理工具主要有三个：npm、yarn和pnpm。本文将从多个维度深入分析它们的异同，帮助你做出最适合的选择。一、历史背景与演进1.npm(NodeP
  • 打造完美Web登录界面：HTML、CSS与Bootstrap实战 Suvo Sarkar
    本文还有配套的精品资源，点击获取简介：登录界面是用户与Web应用程序互动的起点，其设计和实现对用户体验至关重要。本教程将指导开发者如何使用HTML、CSS和Bootstrap框架创建一个功能齐全且视觉吸引力强的登录界面。内容涵盖从基础的表单标签到使用Bootstrap的响应式设计，以及如何结合JavaScript和后端技术来增强界面的业务逻辑和用户验证功能。1.HTML表单标签基础HTML表单标签
  • 减肥瘦身记录20第3周（346—7—6） 自律的小丁儿
    早餐：一碗胡辣汤，半个馒头。中午吃啤酒鸭，我吃了一个鸭腿，一块鸭肉，两块紫薯，一块豆腐，一些蔬菜。晚餐：一个煮玉米，一块紫薯。今天吃得不多，感觉饮食比较均衡，不过运动量不太大，赶紧去打会球，一定要出汗，然后温水泡脚，顺带做一下膝盖按摩。马上行动，走起。
  • BootstrapValidator表单验证效果无效，不验证 蓝色天空的银码星 技术问题表单验证网页前端
    BootstrapValidator是一款非常好用的前端验证插件，但是因为很多问题，一直没有效果。果然不是代码问题，而是因为Bootstrap版本和BootstrapValidator的版本问题。下载地址：https://download.csdn.net/download/weixin_37674052/11175279首先贴出来我的引用的文件代码表单代码：要用BootstrapValidato
  • 恋爱八年，我逃婚了(江苒顾现许曼)免费小说全集_阅读免费小说恋爱八年，我逃婚了江苒顾现许曼 喵喵美文
    《恋爱八年，我逃婚了》主角：江苒顾现许曼简介：我和顾现恋爱八年。在婚期前三天，却发现他电脑里存了上万张同一个女生的照片。我偷偷订下婚礼当天出国的机票。静静看着他若无其事地表演。婚礼当天新娘逃婚，他却疯了。路上顾现的手机几次震动，都是许曼发来消息问他有没有安全到家。我解锁了屏幕，本来想礼貌性地回一句。却看见他和朋友的聊天记录。【假结婚是我最后的机会，如果她还是不回来，我就真的要放弃了。】【你在班级群
  • 【MoodVine】DeepSeek聊天持久化（2）：Spring AI + Redis实现对话记忆管理 一只鱼吖 【西瓜和晚霞】MoodVinespringredisjava
    在上一篇文章中，我们介绍了如何引入SpringAI，本文将深入探讨如何实现聊天记录的持久化存储。一、初始方案：内存存储的局限性在项目初期，我们使用简单的内存存储实现聊天记录管理：创建ChatController@RestController@RequestMapping("/chat")publicclassChatController{privatefinalOllamaChatModeloll
  • 统一思想认识 永夜-极光 思想
    1.统一思想认识的基础,才能有的放矢  原因:    总有一种描述事物的方式最贴近本质,最容易让人理解.    如何让教育更轻松,在于找到最适合学生的方式.          难点在于,如何模拟对方的思维基础选择合适的方式.   &
  • Joda Time使用笔记 bylijinnan javajoda time
    Joda Time的介绍可以参考这篇文章： http://www.ibm.com/developerworks/cn/java/j-jodatime.html 工作中也常常用到Joda Time，为了避免每次使用都查API，记录一下常用的用法：     /** * DateTime变化（增减） */ @Tes
  • FileUtils API eksliang FileUtilsFileUtils API
    转载请出自出处：http://eksliang.iteye.com/blog/2217374 一、概述 这是一个Java操作文件的常用库，是Apache对java的IO包的封装，这里面有两个非常核心的类FilenameUtils跟FileUtils，其中FilenameUtils是对文件名操作的封装;FileUtils是文件封装，开发中对文件的操作，几乎都可以在这个框架里面找到。 非常的好用。
  • 各种新兴技术 不懂事的小屁孩 技术
    1:gradle Gradle 是以 Groovy 语言为基础，面向Java应用为主。基于DSL（领域特定语言）语法的自动化构建工具。 现在构建系统常用到maven工具，现在有更容易上手的gradle， 搭建java环境: http://www.ibm.com/developerworks/cn/opensource/os-cn-gradle/ 搭建android环境： http://m
  • tomcat6的https双向认证 酷的飞上天空 tomcat6
    1.生成服务器端证书 keytool -genkey -keyalg RSA -dname "cn=localhost,ou=sango,o=none,l=china,st=beijing,c=cn" -alias server -keypass password -keystore server.jks -storepass password -validity 36
  • 托管虚拟桌面市场势不可挡 蓝儿唯美
    用户还需要冗余的数据中心，dinCloud的高级副总裁兼首席营销官Ali Din指出。该公司转售一个MSP可以让用户登录并管理和提供服务的用于DaaS的云自动化控制台，提供服务或者MSP也可以自己来控制。 在某些情况下，MSP会在dinCloud的云服务上进行服务分层，如监控和补丁管理。 MSP的利润空间将根据其参与的程度而有所不同，Din说。 “我们有一些合作伙伴负责将我们推荐给客户作为个
  • spring学习——xml文件的配置 a-john spring
    在Spring的学习中，对于其xml文件的配置是必不可少的。在Spring的多种装配Bean的方式中，采用XML配置也是最常见的。以下是一个简单的XML配置文件： <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.or
  • HDU 4342 History repeat itself 模拟 aijuans 模拟
    来源：http://acm.hdu.edu.cn/showproblem.php?pid=4342 题意：首先让求第几个非平方数，然后求从1到该数之间的每个sqrt(i)的下取整的和。 思路：一个简单的模拟题目，但是由于数据范围大，需要用__int64。我们可以首先把平方数筛选出来，假如让求第n个非平方数的话，看n前面有多少个平方数，假设有x个，则第n个非平方数就是n+x。注意两种特殊情况，即
  • java中最常用jar包的用途 asia007 java
    java中最常用jar包的用途 jar包用途axis.jarSOAP引擎包commons-discovery-0.2.jar用来发现、查找和实现可插入式接口，提供一些一般类实例化、单件的生命周期管理的常用方法.jaxrpc.jarAxis运行所需要的组件包saaj.jar创建到端点的点到点连接的方法、创建并处理SOAP消息和附件的方法，以及接收和处理SOAP错误的方法.  w
  • ajax获取Struts框架中的json编码异常和Struts中的主控制器异常的解决办法 百合不是茶 jsjson编码返回异常
    一:ajax获取自定义Struts框架中的json编码  出现以下 问题:       1,强制flush输出  json编码打印在首页 2, 不强制flush js会解析json 打印出来的是错误的jsp页面   却没有跳转到错误页面 3,  ajax中的dataType的json 改为text 会
  • JUnit使用的设计模式 bijian1013 java设计模式JUnit
    JUnit源代码涉及使用了大量设计模式 1、模板方法模式（Template Method）         定义一个操作中的算法骨架，而将一些步骤延伸到子类中去，使得子类可以不改变一个算法的结构，即可重新定义该算法的某些特定步骤。这里需要复用的是算法的结构，也就是步骤，而步骤的实现可以在子类中完成。   
  • Linux常用命令（摘录） sunjing crondchkconfig
    chkconfig --list   查看linux所有服务 chkconfig --add servicename 添加linux服务 netstat -apn | grep 8080  查看端口占用 env 查看所有环境变量 echo $JAVA_HOME 查看JAVA_HOME环境变量   安装编译器 yum install -y gcc
  • 【Hadoop一】Hadoop伪集群环境搭建 bit1129 hadoop
     结合网上多份文档，不断反复的修正hadoop启动和运行过程中出现的问题，终于把Hadoop2.5.2伪分布式安装起来，跑通了wordcount例子。Hadoop的安装复杂性的体现之一是，Hadoop的安装文档非常多，但是能一个文档走下来的少之又少，尤其是Hadoop不同版本的配置差异非常的大。Hadoop2.5.2于前两天发布，但是它的配置跟2.5.0，2.5.1没有分别。 &nb
  • Anychart图表系列五之事件监听 白糖_ chart
    创建图表事件监听非常简单：首先是通过addEventListener('监听类型',js监听方法)添加事件监听，然后在js监听方法中定义具体监听逻辑。 以钻取操作为例，当用户点击图表某一个point的时候弹出point的name和value，代码如下： <script> //创建AnyChart var chart = new AnyChart(); //添加钻取操作&quo
  • Web前端相关段子 braveCS web前端
    Web标准：结构、样式和行为分离   使用语义化标签 0）标签的语义：使用有良好语义的标签，能够很好地实现自我解释，方便搜索引擎理解网页结构，抓取重要内容。去样式后也会根据浏览器的默认样式很好的组织网页内容，具有很好的可读性，从而实现对特殊终端的兼容。 1）div和span是没有语义的：只是分别用作块级元素和行内元素的区域分隔符。当页面内标签无法满足设计需求时，才会适当添加div
  • 编程之美-24点游戏 bylijinnan 编程之美
    import java.util.ArrayList; import java.util.Arrays; import java.util.HashSet; import java.util.List; import java.util.Random; import java.util.Set; public class PointGame { /**编程之美
  • 主页面子页面传值总结 chengxuyuancsdn 总结
    1、showModalDialog returnValue是javascript中html的window对象的属性,目的是返回窗口值,当用window.showModalDialog函数打开一个IE的模式窗口时,用于返回窗口的值 主界面 var sonValue=window.showModalDialog("son.jsp"); 子界面 window.retu
  • [网络与经济]互联网+的含义 comsci 互联网+
          互联网+后面是一个人的名字 = 网络控制系统       互联网+你的名字 =  网络个人数据库       每日提示:如果人觉得不舒服,千万不要外出到处走动,就呆在床上,玩玩手游,更不能够去开车,现在交通状况不
  • oracle 创建视图 with check option daizj 视图vieworalce
    我们来看下面的例子： create or replace view testview as select empno,ename from emp where ename like ‘M%’ with check option; 这里我们创建了一个视图，并使用了with check option来限制了视图。 然后我们来看一下视图包含的结果： select * from testv
  • ToastPlugin插件在cordova3.3下使用 dibov Cordova
        自己开发的Todos应用，想实现“ 再按一次返回键退出程序 ”的功能，采用网上的ToastPlugins插件，发现代码或文章基本都是老版本，运行问题比较多。折腾了好久才弄好。下面吧基于cordova3.3下的ToastPlugins相关代码共享。       ToastPlugin.java package&nbs
  • C语言22个系统函数 dcj3sjt126com cfunction
    C语言系统函数一、数学函数下列函数存放在math.h头文件中Double floor(double num) 求出不大于num的最大数。Double fmod(x, y) 求整数x/y的余数。Double frexp(num, exp); double num; int *exp; 将num分为数字部分（尾数）x和 以2位的指数部分n，即num=x*2n，指数n存放在exp指向的变量中，返回x。D
  • 开发一个类的流程 dcj3sjt126com 开发
    本人近日根据自己的开发经验总结了一个类的开发流程。这个流程适用于单独开发的构件，并不适用于对一个项目中的系统对象开发。开发出的类可以存入私人类库，供以后复用。   以下是开发流程： 1. 明确类的功能，抽象出类的大概结构 2. 初步设想类的接口 3. 类名设计（驼峰式命名） 4. 属性设置(权限设置) 判断某些变量是否有必要作为成员属
  • java 并发 shuizhaosi888 java 并发
    能够写出高伸缩性的并发是一门艺术   在JAVA SE5中新增了3个包 java.util.concurrent java.util.concurrent.atomic java.util.concurrent.locks 在java的内存模型中，类的实例字段、静态字段和构成数组的对象元素都会被多个线程所共享，局部变量与方法参数都是线程私有的，不会被共享。
  • Spring Security（11）——匿名认证 234390216 Spring SecurityROLE_ANNOYMOUS匿名
    匿名认证 目录 1.1     配置 1.2     AuthenticationTrustResolver          对于匿名访问的用户，Spring Security支持为其建立一个匿名的AnonymousAuthenticat
  • NODEJS项目实践0.2[ express,ajax通信...] 逐行分析JS源代码 Ajaxnodejsexpress
      一、前言         通过上节学习，我们已经        ubuntu系统搭建了一个可以访问的nodejs系统，并做了nginx转发。本节原要做web端服务 及 mongodb的存取，但写着写着，web端就
  • 在Struts2 的Action中怎样获取表单提交上来的多个checkbox的值 lhbthanks javahtmlstrutscheckbox
    第一种方法：获取结果String类型 在 Action 中获得的是一个 String 型数据，每一个被选中的 checkbox 的 value 被拼接在一起，每个值之间以逗号隔开(,)。 所以在 Action 中定义一个跟 checkbox 的 name 同名的属性来接收这些被选中的 checkbox 的 value 即可。 以下是实现的代码： 前台 HTML 代码：
  • 003.Kafka基本概念 nweiren hadoopkafka
    Kafka基本概念：Topic、Partition、Message、Producer、Broker、Consumer。 Topic：             消息源（Message）的分类。 Partition：             Topic物理上的分组，一
  • Linux环境下安装JDK roadrunners jdklinux
    1、准备工作 创建JDK的安装目录： mkdir -p /usr/java/   下载JDK，找到适合自己系统的JDK版本进行下载： http://www.oracle.com/technetwork/java/javase/downloads/index.html   把JDK安装包下载到/usr/java/目录，然后进行解压： tar -zxvf jre-7
  • Linux忘记root密码的解决思路 tomcat_oracle linux
    1：使用同版本的linux启动系统，chroot到忘记密码的根分区passwd改密码 　　2：grub启动菜单中加入init=/bin/bash进入系统，不过这时挂载的是只读分区。根据系统的分区情况进一步判断. 　　3: grub启动菜单中加入 single以单用户进入系统. 　　4:用以上方法mount到根分区把/etc/passwd中的root密码去除 　　例如: 　　ro
  • 跨浏览器 HTML5 postMessage 方法以及 message 事件模拟实现 xueyou jsonpjquery框架UIhtml5
    postMessage 是 HTML5 新方法，它可以实现跨域窗口之间通讯。到目前为止，只有 IE8+, Firefox 3, Opera 9, Chrome 3和 Safari 4 支持，而本篇文章主要讲述 postMessage 方法与 message 事件跨浏览器实现。postMessage 方法 JSONP 技术不一样，前者是前端擅长跨域文档数据即时通讯，后者擅长针对跨域服务端数据通讯，p
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他