ぃ咔哇依°ヽ
ぃ咔哇依°ヽ

20231107-前端学习炫酷菜单效果和折叠侧边栏

炫酷菜单效果

20231107-前端学习炫酷菜单效果和折叠侧边栏_第1张图片

代码

DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>炫酷菜单效果title>
  <script src="https://kit.fontawesome.com/d37465fc7c.js" crossorigin="anonymous">script>
  <style>
    * {
      margin: 0;
      padding: 0;
      font-family: sans-serif;
      list-style: none;
      text-decoration: none;
    }

    .middle {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

    .menu {
      width: 300px;
      border-radius: 8px;
      overflow: hidden;
    }

    .item {
      border-top: 1px solid #2980b9;
      overflow: hidden;
    }

    .btn {
      display: block;
      padding: 16px 20px;
      background: #3498db;
      position: relative;
      color: white;
    }

    .btn::before {
      content: "";
      position: absolute;
      width: 14px;
      height: 14px;
      background: #3498db;
      left: 20px;
      bottom: -7px;
      transform: rotate(45deg);
    }

    .btn i {
      margin-right: 10px;
    }

    .smenu {
      background: #333;
      overflow: hidden;
      transition: max-height 0.3s;
      max-height: 0;
    }

    .smenu a {
      display: block;
      padding: 16px 26px;
      color: white;
      font-size: 14px;
      margin: 4px 0;
      position: relative;
    }

    .smenu a::before {
      content: "";
      position: absolute;
      width: 6px;
      height: 100%;
      background: #3498db;
      left: 0;
      top: 0;
      transition: 0.3s;
      opacity: 0;
    }

    .smenu a:hover::before {
      opacity: 1;
    }

    .item:target .smenu {
      max-height: 10em;
    }
  style>
head>

<body>
  <div class="middle">
    <div class="menu">
      <li class="item" id="profile">
        <a href="#profile" class="btn">
          <i class="fa-solid fa-user">i>Profile
        a>
        <div class="smenu">
          <a href="">Postsa>
          <a href="">Picturea>
        div>
      li>

      <li class="item" id="messages">
        <a href="#messages" class="btn">
          <i class="fa-solid fa-envelope">i>Messages
        a>
        <div class="smenu">
          <a href="">newa>
          <a href="">Senta>
          <a href="">Spama>
        div>
      li>

      <li class="item" id="settings">
        <a href="#settings" class="btn">
          <i class="fa-solid fa-gear">i>Settings
        a>
        <div class="smenu">
          <a href="">Passworda>
          <a href="">Languagea>
        div>
      li>

      <li class="item">
        <a href="" class="btn">
          <i class="fa-solid fa-right-from-bracket">i>Logout
        a>
      li>
    div>
  div>
body>

html>

折叠侧边栏

20231107-前端学习炫酷菜单效果和折叠侧边栏_第2张图片

代码

DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>折叠侧边栏title>
  <script src="https://kit.fontawesome.com/d37465fc7c.js" crossorigin="anonymous">script>
  <style>
    * {
      margin: 0;
      padding: 0;
    }

    a {
      text-decoration: none;
    }

    li {
      list-style: none;
    }

    body {
      font-family: Arial, Helvetica, sans-serif;
      background-color: #f4f4f4;
    }

    .navbar {
      background-color: #3b5998;
      overflow: hidden;
      height: 63px;
    }

    .navbar a {
      float: left;
      display: block;
      color: #f2f2f2;
      text-align: center;
      font-size: 17px;
      padding: 14px 16px;
    }

    .navbar ul {
      margin: 8px 0 0 0;
    }

    .open-side i {
      padding-top: 18px;
    }

    .navbar a:hover {
      background-color: #ddd;
      color: #000;
    }

    .side-nav {
      height: 100%;
      width: 0;
      position: fixed;
      z-index: 1;
      top: 0;
      left: 0;
      background-color: #111;
      opacity: 0.8;
      overflow-x: hidden;
      padding-top: 60px;
      transition: 0.5s;
    }

    .side-nav a {
      padding: 10px 10px 10px 30px;
      font-size: 22px;
      color: #ccc;
      display: block;
      transition: .3s;
    }

    .side-nav a:hover {
      color: orange;
    }

    .side-nav .btn-close {
      position: absolute;
      top: 0;
      right: 22px;
      font-size: 36px;
    }

    #content {
      transition: margin-left .5s;
      padding: 20px;
    }

    @media(max-width:568px) {
      .navbar ul {
        display: none;
      }
    }

    /* @media(min-width:568px) {
      .open-side {
        display: none;
      }
    } */
  style>
head>

<body>
  <nav class="navbar">
    <span class="open-side">
      <a href="#" onclick="openSideMenu()">
        <i class="fa-solid fa-bars fa-2xl">i>
      a>
    span>
    <ul class="navbar-nav">
      <li><a href="#">Homea>li>
      <li><a href="#">Abouta>li>
      <li><a href="#">Servicesa>li>
      <li><a href="#">Contacta>li>
    ul>
  nav>

  <div id="side-menu" class="side-nav">
    <a href="#" class="btn-close" onclick="closeSideMenu()">×a>
    <a href="#">Homea>
    <a href="#">Abouta>
    <a href="#">Servicesa>
    <a href="#">Contacta>
  div>

  <div id="content">
    <h1>你好，世界！h1>
  div>

  <script>
    xySideMenu = document.getElementById("side-menu");
    xyContent = document.getElementById("content");

    function openSideMenu() {
      xySideMenu.style.width = "250px";
      xyContent.style.marginLeft = "250px";
    }

    function closeSideMenu() {
      xySideMenu.style.width = "0";
      xyContent.style.marginLeft = "0";
    }
  script>
body>

html>

你可能感兴趣的:(前端,前端,学习,css)

  • 六项精进打卡day95-2018.11.15 居居long
    一、学习与实践1、付出不亚于任何人的努力。2、要谦虚，不要骄傲。3、要每天反省。4、活着，就要感谢。5、积善行，思利他。6、不要有感性的烦恼。二、今日分享上午锋哥给我们培训了新产品的业务模式，大家纷纷提出了很多问题，锋哥一一解答。一些自己没注意到的细节还好有小伙伴发现了，期待新产品的上线！
  • 【正奇说:】第477期：一线销售员不需要学习销售心理学 毛正奇
    俗话说：砍掉基层的脑，训练基层的手！说的就是不希望基层有过多的思想，否则就会在执行过程中产生新想法，从而停止行动。对于销售岗位来讲，一线销售员在执行销售任务时，如果还需要思考、揣摩客户的心思，你想想那需要多么强大的思维与逻辑推理能力？即使有些销售员确实有这样的能力，但那也是个别案例！并且现在的社会销售工作，越来越简单化，简单到一线销售员就类似于操作工了。关键是按照这种统一思想管理模式的销售团队，不
  • AI原生应用中的用户画像构建：从理论到实践全解析
    AI原生应用中的用户画像构建：从理论到实践全解析关键词：用户画像、AI原生应用、特征工程、机器学习、个性化推荐、数据隐私、模型优化摘要：本文全面解析AI原生应用中用户画像构建的全过程，从基础概念到核心技术，再到实际应用和未来趋势。我们将用通俗易懂的方式讲解用户画像如何像"数字身份证"一样工作，深入探讨特征提取、模型构建等关键技术，并通过实际案例展示用户画像在推荐系统、精准营销等场景中的应用。文章还
  • 破局 黄勇在路上
    image.png三十多岁了，一般人是路越走越宽，有的人都是所在行业的中坚力量了。而尴尬的是，我越来越觉得我的路却是越走越窄，感觉快要走进死胡同的尽头了。人无远虑，必有近忧，快撞南墙了，最近不得不思考自己的窘境和出路，就算骗自己也要相信：“一切都还来得及。”所以，最近的文章主要都是在总结自己的过往，并结合最近学习李笑来老师，吴军老师，陈海贤老师等的得到专栏以及书籍文章，谈谈自己的成长得失，总结经验
  • 《九鼎风水师》第八百一十二章 有事找 先峰老师
    尚文龙这一刻明白，如果白天的时候，江飞燕没有在自己的身边，自己根本不可能发现龙脉汇聚之地的通道。更加简单一点的来说，如果不是自己站在江飞燕旁边，自己根本察觉不到那宫殿院子的异常之处，自己根本看不到那诡异的宫服。“没有想到，自己居然是得到飞燕的福泽！”尚文龙微微笑了一下。同时也明白过来。江家为什么宁愿江家断了传承，也不愿江飞燕学习风水了。世间万物，皆有因果，总有一饮一啄。这天运之人，从这种结果来看，
  • 节约用水 荣贤
    一天，小明放学后，走到院子里看见水龙头没关，水还在哗哗哗的流着。小明赶紧跑过去把水龙头关上，并在墙上贴上“节约用水”的标语，提醒大家用完要关水龙头。我们要像小明学习节约用水的精神。
  • .NET依赖注入IOC你了解吗？
    IOC在WebAPI中是经常使用的，但是在一些WPF项目并不是经常使用或者被人熟知的，我把相关依赖注入的内容又做了一次学习和整理什么是依赖注入？依赖注入是一种设计模式和软件设计原则，用于实现控制反转。它的核心思想是：将对象所依赖的其他对象的创建和管理职责从对象内部转移到外部容器或框架，从而降低代码的耦合度，提高可测试性、可维护性和灵活性。依赖注入的主要优点降低耦合度（Decoupling）：○组件
  • 中原焦点团队张俊功初24、中24、33持续分享第775天，约练15咨32观总计128次（2022.4.1） 5d4750373a7c
    鼓励是最好的激励。对孩子的成长来说，鼓励是相当重要的。它能激发孩子的内在动力，主动去解决问题。能培养孩子的勇气，敢于犯错，且能从错误中学习。能帮助孩子找到自己的价值感，成长为一个有用之材。鼓励孩子需要智慧，需要在恰当的时机，用恰当的语言。然而很多父母对孩子的鼓励不仅没有增加孩子内心的力量，还会适得其反，给孩子负面影响。什么样的鼓励方式最管用，这四种方式相当重要，家长必读。一、描述式鼓励。把孩子的具
  • 阅读到底要不要逐字逐句地翻译？ 小米粒2019
    Day6[太阳]说到英语阅读，同学们可能会有一个疑问，我们阅读过程中是否有必要逐字逐句地翻译呢？[太阳]如果同学们想要挑战自我，检测是否能够达到专业的翻译水平，那么翻译文章是一个积累经验的好办法。[太阳]如果是为了了解英语知识，提高阅读水平而通过薄荷阅读学习，那么选择翻译文本，就可能效果有限，甚至是事倍功半。这是为什么呢？[爱心]1.逐字逐句翻译，与薄荷阅读的初衷相悖。首先，薄荷阅读的初衷，是帮助
  • 《每天学习点口才大全集》--王光波 每天学习点
    赞美规则：赞美艺术，看人下菜人的地位有高低之分，年龄有长幼之别，因而因人而异、突出个性的赞美比一般化的奉承能收到更好的效果。老年人总希望别人不忘记他“想当年”的业绩与雄风，可多称赞他引以为豪的过去；对年轻人不妨赞扬他的创造才能和开拓精神，并举出几点实例证明他的确能够前程似锦；对于经商的人，可称赞他头脑灵活，生财有道；对于知识分子，可称赞他知识渊博、宁静淡泊......要夸别人，应有一种“战无不胜”
  • 智能喷洒机器人目标识别系统：基于NanoDet的目标检测与UI界面实现 YOLO实战营 机器人目标检测uiNanoDet计算机视觉目标跟踪深度学习
    在现代农业生产中，自动化喷洒系统是实现精准农业的重要组成部分。智能喷洒机器人通过图像识别和自动控制技术，能够高效识别并精确喷洒农药、肥料等，提高农业生产效率，降低化学品使用量，减少环境污染。目标识别是智能喷洒机器人中至关重要的部分，它涉及到精准的作物和病虫害识别，确保喷洒操作的准确性。在本篇博客中，我们将构建一个基于NanoDet深度学习目标检测模型的智能喷洒机器人目标识别系统。我们将介绍如何使用
  • 认真对待每一天 Naziya
    每天看几个小时的视频节目，再刷几个小时的公众号和微博，不用担心，你会离梦想中的生活越来越远。一天一共24小时，去掉你睡觉的10个小时，一天还有14个小时。如果是上班族、学生党肯定有剩下二分之一的时间是上班或者上课。如果你是无业游民或者不用上班不用学习的咸鱼，呢你有整整14个小时，840分钟，50400秒。按统计学的角度来算，顶级的英语老师和普通的英语老师按每节课算的费用相差大概10倍左右。这样一来
  • 从零入门 HTML 开发：构建网页世界的基石指南 incidite html前端
    从零入门HTML开发：构建网页世界的基石指南在互联网蓬勃发展的今天，我们每天浏览的网页、使用的App界面，背后都离不开HTML这一基础技术的支撑。作为前端开发的入门语言，HTML（超文本标记语言）就像建筑中的砖石，是构建网页骨架的核心。无论你是想成为专业的前端工程师，还是单纯想了解网页背后的运作原理，掌握HTML基础都是迈出的第一步。认识HTML：网页的“骨架”语言HTML的全称为HyperTex
  • 2022.4.15《跟孩子一起做家务》八幼+闫丽静 木子程_95cc
    春暖花开，百花齐放，共同学习，一起向未来。今日所听分享：一：管理，多数幼儿依赖父母的行动，父母的看法取决于孩子当时的行为。很多时候，父母的情绪来源于对自己、对孩子的掌控力的肯定，结果遇到事情时却控制不住孩子，便导致情绪波动和失控。作为成人，需要自我调整心态，就事论事及时转化自己的不良情绪。二：排序，遇事不要慌，快速冷静，试想把图景排好，首先做什么？接着做什么？最后做什么？有步骤依次展开后，会发现豁
  • 内心驱动力 淑语说
    陆游在《冬夜读书示子聿》中写道：“纸上得来终觉浅，绝知此事要躬行。”如果想要深入理解其中的道理，必须要亲自实践才行。其次，学习要有目的性。这比盲目学习和坚持更有意义。很多人都说，学习很痛苦，得咬牙坚持。通常，持有这种观点的人都学不好。因为学习是快乐！你不妨回忆一下，如果做一些很有意义的事时，坚持起来更简单，你也更能做好？而那些让你觉得痛苦的事，往往都坚持不下去？成年人的学习，要赋予它一个意义。也就
  • 偏头痛患者应该怎样预防偏头痛发作 甜甜爱养生
    偏头痛是反复发作一组头痛疾病，除了急性发作时选择一个正确的止痛药物外，在非急性发作期可选用预防性用药，今天这样我们来谈谈自己如何通过选择可以预防方法治疗研究药物。什么样的偏头痛患者应该选择预防性药物治疗？并非所有偏头痛类型都需要预防性药物治疗，以下患者应给予预防性药物治疗:1.偏头痛发作风险程度为中重度，发作频率为每月进行至少2次，每次经济持续2天以上，或发作不频繁但严重社会影响企业日常学习生活者
  • Taro 网络 API 详解与实用案例
    Taro网络API详解与实用案例在现代前端开发中，网络通信是不可或缺的一环。Taro作为一款多端开发框架，提供了丰富且统一的网络API，帮助开发者在小程序、H5、ReactNative等多端环境下高效地进行数据交互。本文将详细介绍Taro的四大网络API：Taro.request、Taro.uploadFile、Taro.downloadFile和Taro.connectSocket，并结合实际案
  • 机器人工程专业本科阶段的学习分析(腾讯元宝)
    机器人工程专业作为新兴的多学科交叉领域，本科阶段的学习既有显著优势，也存在一定挑战。以下是具体的利弊分析，供学生参考：一、优势（利）1.就业前景广阔，薪资竞争力强行业需求旺盛：智能制造、医疗机器人、自动驾驶等领域人才缺口大（中国机器人产业联盟预测未来5年人才缺口超500万）。薪资水平较高：应届生起薪普遍高于传统工科（如机械、电子），一线城市平均月薪可达1.2万~2万元（2024年数据）。职业选择多
  • 人工神经网络的拓扑结构,神经网络的神经元结构 快乐的小蓝猫 神经网络深度学习人工智能rnn
    bp神经网络BP（BackPropagation）网络是1986年由Rumelhart和McCelland为首的科学家小组提出，是一种按误差逆传播算法训练的多层前馈网络，是目前应用最广泛的神经网络模型之一。BP网络能学习和存贮大量的输入-输出模式映射关系，而无需事前揭示描述这种映射关系的数学方程。它的学习规则是使用最速下降法，通过反向传播来不断调整网络的权值和阈值，使网络的误差平方和最小。BP神经
  • 2023-10-30 静恒定
    致良知线上印证班学习第106天时间：2023年10月30日姓名：地区：河南省洛阳市志愿：我立志成为一名自省利他致良知的印证者、践行者，为实现中华民族伟大复兴而努力奋斗。｜当｜下｜即｜未｜来｜【自省利他致良知】今日功课1、读原文，准时交功课✔：2分2、日行一善✔：2分3、每日自省✔：2分（1）不抱怨，不说谎（2）时刻保持恩悲敬4、读原文、听导读、学习视频、音频课程心得✔:2分感恩阳明先生智慧指引，感
  • 聚合式的自卑防御 讵客
    心理学上有个名词叫做人格，它又包括性格和气质。但是很多的时候我们会把这些混淆了，来评价某些东西或者给某一件事的归因以及某个人的行为给一个看似专业的解释。有一部分是人生下来就带的，还有一部分是后天的社会学习和环境影响的。就拿气质来说，它的一部分是生下来就带来的，就像平时我们说的“狗嘴里吐不出象牙”这是在说某个人的本来特质，因为来生就带的东西很突出，也喊难改变。就像现在社会的一些东西。“外围女”只有现
  • CppCon 2018 学习:How To Argue(ment) 虾球xz CppConc++开发语言学习
    函数签名（比如voidf(???);）就是函数的“契约”或“承诺”。它告诉调用者（caller）和被调用者（callee）双方，函数的输入是什么，函数该如何使用。参数类型的重要性：不同的参数类型代表不同的含义和用途。它定义了函数需要什么样的数据，如何使用这些数据。从两个角度来看：调用者（Caller）的角度：我要传入什么数据？传入的参数类型决定了调用这个函数时，提供的数据格式和约束。合理的参数类型
  • CppCon 2018 学习:Mini Dumps Efficient core dumps for FlashBlade 虾球xz CppCon学习c++开发语言
    “MiniDumps”指的是一种精简的coredump（核心转储）机制，目的是在高性能系统（如PureStorageFlashBlade）中，在出错时收集足够的调试信息，同时避免完整coredump带来的性能开销或空间浪费。什么是CoreDump？Coredump是操作系统在程序崩溃时写出的一份进程内存快照，供开发者排查问题。但：完整coredump文件可能数百MB到数GB写出耗时长，在高性能存储
  • 2022-12-28 谢老师说升学
    有个同学问，如何寻找高中三年的学习动力？我说，同学，你提的这个问题，是很多同学想说的，但却没有说出来的问题。是的，很多同学，一直不知道这么单调，这么枯燥的学习，究竟是为了什么。没有动力，找不到奋斗的目标。首先呢，我们从理论上来说，人为什么要读书学习？北宋宰相王安石《劝学文》当中有两句话：贫者因书富，富者因书贵。还有一句话叫：贵者因书而守成。这几句话，我想不用解释，你也应该明白。第二呢，你到现实中去
  • 聊天直播软件哪个更火，一起来看看 糖葫芦不甜
    在数字化时代，聊天直播软件已成为人们日常生活中不可或缺的社交工具。无论是寻找娱乐、学习新知，还是扩展社交圈，这些平台都提供了丰富多样的选择。5星公会，免费加入，一对一指导扶持↓微信在文章底部。陌陌作为最火的聊天软件之一，凭借其全方位的直播和短视频功能，创建了沉浸式体验、情景化的社交模式。用户不仅可以在这里进行实时的视频和音频交流，还能通过直播功能观看各类才艺表演，参与互动游戏，享受多样化的娱乐体验
  • 2023-4-9晨间日记 深海未眠夜未央
    今天是什么日子起床：6:00就寝：10:00天气：sunny心情：justsoso纪念日：no任务清单昨日完成的任务，最重要的三件事：改进：havedinnersathome习惯养成：readtwoarticles周目标·完成进度1.readtwoarticleseveryday2.savemoney3.eathealthyfood学习·信息·阅读1.readtwoarticles2.learnm
  • 从 C# 到 Python：项目实战第五天的飞跃 AI、少年郎 数据库c#开发语言
    在前面三天的学习中，我们已经掌握了Python的基础语法、数据结构以及一些核心库的使用。今天，我们将通过三个实战项目，深入对比C#和Python在命令行工具开发、Web应用开发以及数据处理方面的差异，感受Python在实际项目中的强大魅力。一、命令行工具开发：文件批量处理命令行工具是开发者日常工作中经常用到的工具，无论是文件处理、数据转换还是系统管理，都离不开命令行工具的身影。下面我们就来对比一下
  • css 混合模式 mix-blend-mode属性 Br不二 csscss前端
    mix-blend-mode是CSS中的一个属性，它定义了一个元素的内容（包括文本、图片、矢量图形等）如何与其背景或其他元素的内容进行颜色混合。这个属性允许创建复杂的视觉效果，如半透明效果、阴影、图片蒙版等，从而增强页面的视觉层次和艺术感。一、基本介绍属性类型：mix-blend-mode是一个CSS属性。作用：控制元素内容的颜色与其背景或其他元素内容的颜色混合方式。继承性：mix-blend-m
  • css mix-blend,详解CSS3的mix-blend-mode属性 weixin_39630813 cssmix-blend
    1、相当于加了一个图层mix-blend-mode:multiply;2、相当于加了一个滤镜mix-blend-mode:screen;3、相当于加了一个图层和滤镜mix-blend-mode:overlay;4、会使图片变暗，出现变暗效果mix-blend-mode:darken;5、这个模式与darken相反，*它的效果取决于源和背景颜色之间更浅的(色彩)。*即将两像素的RGB值进行比较后，取
  • 飞思卡尔陀螺仪全面应用资料包 坚持坚持那些年
    本文还有配套的精品资源，点击获取简介：飞思卡尔陀螺仪基于MEMS技术，适用于角度和角速度测量，广泛应用于航姿参考系统、无人机、虚拟现实、智能手机等。该资料包汇集了中英文资料，涵盖飞思卡尔陀螺仪的工作原理、性能参数、接口通信协议和应用示例，旨在为用户提供一站式学习资源。本资料还介绍了ENC-03型号陀螺仪的特点，包括高精度测量、宽温度范围适用性、低功耗设计、快速响应能力和内置自检功能。通过学习这些资
  • SAX解析xml文件 小猪猪08 xml
    1.创建SAXParserFactory实例 2.通过SAXParserFactory对象获取SAXParser实例 3.创建一个类SAXParserHander继续DefaultHandler，并且实例化这个类 4.SAXParser实例的parse来获取文件     public static void main(String[] args) { //
  • 为什么mysql里的ibdata1文件不断的增长？ brotherlamp linuxlinux运维linux资料linux视频linux运维自学
    我们在 Percona 支持栏目经常收到关于 MySQL 的 ibdata1 文件的这个问题。 当监控服务器发送一个关于 MySQL 服务器存储的报警时，恐慌就开始了 —— 就是说磁盘快要满了。 一番调查后你意识到大多数地盘空间被 InnoDB 的共享表空间 ibdata1 使用。而你已经启用了 innodbfileper_table，所以问题是： ibdata1存了什么？ 当你启用了 i
  • Quartz-quartz.properties配置 eksliang quartz
    其实Quartz JAR文件的org.quartz包下就包含了一个quartz.properties属性配置文件并提供了默认设置。如果需要调整默认配置，可以在类路径下建立一个新的quartz.properties，它将自动被Quartz加载并覆盖默认的设置。   下面是这些默认值的解释 #-----集群的配置 org.quartz.scheduler.instanceName =
  • informatica session的使用 18289753290 workflowsessionlogInformatica
    如果希望workflow存储最近20次的log，在session里的Config  Object设置，log  options做配置，save  session log :sessions  run  ;savesessio log for  these runs:20 session下面的source 里面有个tracing 
  • Scrapy抓取网页时出现CRC check failed 0x471e6e9a != 0x7c07b839L的错误 酷的飞上天空 scrapy
    Scrapy版本0.14.4 出现问题现象： ERROR: Error downloading <GET http://xxxxx  CRC check failed   解决方法   1.设置网络请求时的header中的属性'Accept-Encoding': '*;q=0'   明确表示不支持任何形式的压缩格式，避免程序的解压
  • java Swing小集锦 永夜-极光 java swing
    1.关闭窗体弹出确认对话框   1.1   this.setDefaultCloseOperation (JFrame.DO_NOTHING_ON_CLOSE);   1.2   this.addWindowListener ( new WindowAdapter () { public void windo
  • 强制删除.svn文件夹 随便小屋 java
              在windows上，从别处复制的项目中可能带有.svn文件夹，手动删除太麻烦，并且每个文件夹下都有。所以写了个程序进行删除。因为.svn文件夹在windows上是只读的，所以用File中的delete()和deleteOnExist()方法都不能将其删除，所以只能采用windows命令方式进行删除
  • GET和POST有什么区别？及为什么网上的多数答案都是错的。 aijuans get post
        如果有人问你，GET和POST，有什么区别？你会如何回答？ 我的经历      前几天有人问我这个问题。我说GET是用于获取数据的，POST，一般用于将数据发给服务器之用。     这个答案好像并不是他想要的。于是他继续追问有没有别的区别？我说这就是个名字而已，如果服务器支持，他完全可以把G
  • 谈谈新浪微博背后的那些算法 aoyouzi 谈谈新浪微博背后的那些算法
    本文对微博中常见的问题的对应算法进行了简单的介绍，在实际应用中的算法比介绍的要复杂的多。当然，本文覆盖的主题并不全，比如好友推荐、热点跟踪等就没有涉及到。但古人云“窥一斑而见全豹”，希望本文的介绍能帮助大家更好的理解微博这样的社交网络应用。 微博是一个很多人都在用的社交应用。天天刷微博的人每天都会进行着这样几个操作：原创、转发、回复、阅读、关注、@等。其中，前四个是针对短博文，最后的关注和@则针
  • Connection reset 连接被重置的解决方法 百合不是茶 java字符流连接被重置
    流是java的核心部分,,昨天在做android服务器连接服务器的时候出了问题,就将代码放到java中执行,结果还是一样连接被重置   被重置的代码如下;   客户端代码; package 通信软件服务器; import java.io.BufferedWriter; import java.io.OutputStream; import java.io.O
  • web.xml配置详解之filter bijian1013 javaweb.xmlfilter
    一.定义 <filter> <filter-name>encodingfilter</filter-name> <filter-class>com.my.app.EncodingFilter</filter-class> <init-param> <param-name>encoding<
  • Heritrix Bill_chen 多线程xml算法制造配置管理
    作为纯Java语言开发的、功能强大的网络爬虫Heritrix，其功能极其强大，且扩展性良好，深受热爱搜索技术的盆友们的喜爱，但它配置较为复杂，且源码不好理解，最近又使劲看了下，结合自己的学习和理解，跟大家分享Heritrix的点点滴滴。 Heritrix的下载（http://sourceforge.net/projects/archive-crawler/）安装、配置，就不罗嗦了，可以自己找找资
  • 【Zookeeper】FAQ bit1129 zookeeper
    1.脱离IDE，运行简单的Java客户端程序 #ZkClient是简单的Zookeeper~$ java -cp "./:zookeeper-3.4.6.jar:./lib/*" ZKClient    1. Zookeeper是的Watcher回调是同步操作，需要添加异步处理的代码 2. 如果Zookeeper集群跨越多个机房，那么Leader/
  • The user specified as a definer ('aaa'@'localhost') does not exist 白糖_ localhost
    今天遇到一个客户BUG，当前的jdbc连接用户是root，然后部分删除操作都会报下面这个错误：The user specified as a definer ('aaa'@'localhost') does not exist 最后找原因发现删除操作做了触发器，而触发器里面有这样一句 /*!50017 DEFINER = ''aaa@'localhost' */  原来最初
  • javascript中showModelDialog刷新父页面 bozch JavaScript刷新父页面showModalDialog
    在页面中使用showModalDialog打开模式子页面窗口的时候，如果想在子页面中操作父页面中的某个节点，可以通过如下的进行：       window.showModalDialog('url',self,‘status...’); // 首先中间参数使用self       在子页面使用w
  • 编程之美-买书折扣 bylijinnan 编程之美
    import java.util.Arrays; public class BookDiscount { /**编程之美 买书折扣 书上的贪心算法的分析很有意思，我看了半天看不懂，结果作者说，贪心算法在这个问题上是不适用的。。 下面用动态规划实现。 哈利波特这本书一共有五卷，每卷都是8欧元，如果读者一次购买不同的两卷可扣除5%的折扣，三卷10%，四卷20%，五卷
  • 关于struts2.3.4项目跨站执行脚本以及远程执行漏洞修复概要 chenbowen00 strutsWEB安全
    因为近期负责的几个银行系统软件，需要交付客户，因此客户专门请了安全公司对系统进行了安全评测，结果发现了诸如跨站执行脚本，远程执行漏洞以及弱口令等问题。 下面记录下本次解决的过程以便后续 1、首先从最简单的开始处理，服务器的弱口令问题，首先根据安全工具提供的测试描述中发现应用服务器中存在一个匿名用户，默认是不需要密码的，经过分析发现服务器使用了FTP协议， 而使用ftp协议默认会产生一个匿名用
  • [电力与暖气]煤炭燃烧与电力加温 comsci
          在宇宙中,用贝塔射线观测地球某个部分,看上去,好像一个个马蜂窝,又像珊瑚礁一样,原来是某个国家的采煤区.....       不过,这个采煤区的煤炭看来是要用完了.....那么依赖将起燃烧并取暖的城市,在极度严寒的季节中...该怎么办呢?   &nbs
  • oracle O7_DICTIONARY_ACCESSIBILITY参数 daizj oracle
    O7_DICTIONARY_ACCESSIBILITY参数控制对数据字典的访问.设置为true,如果用户被授予了如select any table等any table权限,用户即使不是dba或sysdba用户也可以访问数据字典.在9i及以上版本默认为false,8i及以前版本默认为true.如果设置为true就可能会带来安全上的一些问题.这也就为什么O7_DICTIONARY_ACCESSIBIL
  • 比较全面的MySQL优化参考 dengkane mysql
    本文整理了一些MySQL的通用优化方法，做个简单的总结分享，旨在帮助那些没有专职MySQL DBA的企业做好基本的优化工作，至于具体的SQL优化，大部分通过加适当的索引即可达到效果，更复杂的就需要具体分析了，可以参考本站的一些优化案例或者联系我，下方有我的联系方式。这是上篇。   1、硬件层相关优化   1.1、CPU相关   在服务器的BIOS设置中，可
  • C语言homework2，有一个逆序打印数字的小算法 dcj3sjt126com c
    #h1#   0、完成课堂例子 1、将一个四位数逆序打印 1234 ==> 4321 实现方法一： # include <stdio.h> int main(void) { int i = 1234; int one = i%10; int two = i / 10 % 10; int three = i / 100 % 10;
  • apacheBench对网站进行压力测试 dcj3sjt126com apachebench
       ab 的全称是 ApacheBench ， 是 Apache 附带的一个小工具 ， 专门用于 HTTP Server 的 benchmark testing ， 可以同时模拟多个并发请求。前段时间看到公司的开发人员也在用它作一些测试，看起来也不错，很简单，也很容易使用，所以今天花一点时间看了一下。 通过下面的一个简单的例子和注释，相信大家可以更容易理解这个工具的使用。
  • 2种办法让HashMap线程安全 flyfoxs javajdkjni
    多线程之--2种办法让HashMap线程安全 多线程之--synchronized 和reentrantlock的优缺点 多线程之--2种JAVA乐观锁的比较( NonfairSync VS. FairSync)     HashMap不是线程安全的,往往在写程序时需要通过一些方法来回避.其实JDK原生的提供了2种方法让HashMap支持线程安全.  
  • Spring Security（04）——认证简介 234390216 Spring Security认证过程
    认证简介 目录 1.1     认证过程 1.2     Web应用的认证过程 1.2.1    ExceptionTranslationFilter 1.2.2    在request之间共享SecurityContext   1
  • Java 位运算 Javahuhui java位运算
    // 左移( << ) 低位补0 // 0000 0000 0000 0000 0000 0000 0000 0110 然后左移2位后，低位补0： // 0000 0000 0000 0000 0000 0000 0001 1000 System.out.println(6 << 2);// 运行结果是24 // 右移( >> ) 高位补"
  • mysql免安装版配置 ldzyz007 mysql
    1、my-small.ini是为了小型数据库而设计的。不应该把这个模型用于含有一些常用项目的数据库。 2、my-medium.ini是为中等规模的数据库而设计的。如果你正在企业中使用RHEL,可能会比这个操作系统的最小RAM需求(256MB)明显多得多的物理内存。由此可见，如果有那么多RAM内存可以使用，自然可以在同一台机器上运行其它服务。 3、my-large.ini是为专用于一个SQL数据
  • MFC和ado数据库使用时遇到的问题 你不认识的休道人 sqlC++mfc
    =================================================================== 第一个 =================================================================== try{ CString sql; sql.Format("select * from p
  • 表单重复提交Double Submits rensanning double
    可能发生的场景： *多次点击提交按钮 *刷新页面 *点击浏览器回退按钮 *直接访问收藏夹中的地址 *重复发送HTTP请求（Ajax） （1）点击按钮后disable该按钮一会儿，这样能避免急躁的用户频繁点击按钮。 这种方法确实有些粗暴，友好一点的可以把按钮的文字变一下做个提示，比如Bootstrap的做法： http://getbootstrap.co
  • Java String 十大常见问题 tomcat_oracle java正则表达式
    　1.字符串比较，使用“==”还是equals()? 　　"=="判断两个引用的是不是同一个内存地址(同一个物理对象)。 　　equals()判断两个字符串的值是否相等。 　　除非你想判断两个string引用是否同一个对象，否则应该总是使用equals()方法。 　　如果你了解字符串的驻留(String Interning)则会更好地理解这个问题。 　 　
  • SpringMVC 登陆拦截器实现登陆控制 xp9802 springMVC
    思路，先登陆后，将登陆信息存储在session中，然后通过拦截器，对系统中的页面和资源进行访问拦截，同时对于登陆本身相关的页面和资源不拦截。   实现方法： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他