1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.   <meta charset="UTF-8">
  5.   <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.   <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.   <title>Document</title>
  8.   <style>
  9.     :root{
  10.       --sidebar-item-height: 36px
  11.     }
  12.     html,body,ul{padding: 0; margin: 0; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}
  13.     .side{
  14.       width: 200px;
  15.       list-style-type: none;
  16.       z-index: 5;
  17.     }
  18.     .side li {
  19.       height: var(--sidebar-item-height);
  20.       line-height: var(--sidebar-item-height);
  21.       padding-left: 20px;
  22.       color: #007572;
  23.       position: relative;
  24.     }
  25.     .main>div{
  26.       display: inline-block;
  27.       vertical-align: top;
  28.     }
  29.     .sidebar{
  30.       position: fixed;
  31.       left: 0;
  32.       top: 0;
  33.       right: 0;
  34.       bottom: 0;
  35.       z-index: 10;
  36.     }
  37.     .sidebar-div__position{
  38.       opacity: 0;
  39.       height: var(--sidebar-item-height);
  40.       width: 180px;
  41.       padding-left: 20px;
  42.       background-color: #e3f8f5;
  43.       position: absolute;
  44.       top: 0;
  45.       left: 0;
  46.       right: 0;
  47.       bottom: 0;
  48.       transition: all .25s linear;
  49.       z-index: -99;
  50.     }
  51.     .sidebar-div__position::after{
  52.       content: '';
  53.       position: absolute;
  54.       left: 0;
  55.       top:0;
  56.       bottom: 0;
  57.       width: 2px;
  58.       background-color: #007570;
  59.     }
  60.     .content{
  61.       margin: 0 0 350px 220px;
  62.     }
  63.     .content h3{
  64.       background-color: #e3f8f5;
  65.     }
  66.   </style>
  67.   <script src="https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js"></script>
  68. </head>
  69. <body>
  70.     <div class="main">
  71.       <div class="sidebar">
  72.         <ul class="side">
  73.           <li>A-1</li>
  74.           <li>A-2</li>
  75.           <li>A-3</li>
  76.           <li>A-4</li>
  77.           <li>A-5</li>
  78.         </ul>
  79.         <div class="sidebar-div__position"></div>
  80.       </div>
  81.       <div class="content">
  82.         <h1>这是标题</h1>
  83.         <h3>A-1</h3>
  84.         <p>
  85.           这本书讲了一个真实的故事。一位社会学的老教授，在患病去世前的十几周里，在每周的星期二，约见自己之前的一位学生，向他传授人生中的最后一课：讨论生活的意义，关于家庭、工作、感情、衰老、死亡、遗憾、原谅等重大议题。这本书只有200页厚，但我觉得可以继续压缩到100页，因为书中做了太多的背景交代和铺垫，尤其是老教授的身体逐渐衰败的过程，他的生命火烛在一点点的熄灭，几乎每一个章节都花了不少篇幅描述。作者的核心观念还是奉献爱，爱身边的人，关注自己所在的社区。这和之前看到的一个TED关于幸福的演讲是类似的，只有和重要的人建立良好的亲密关系，才会感觉到幸福。
  86.         </p>
  87.         <p>
  88.           这本书讲了一个真实的故事。一位社会学的老教授，在患病去世前的十几周里，在每周的星期二，约见自己之前的一位学生，向他传授人生中的最后一课：讨论生活的意义，关于家庭、工作、感情、衰老、死亡、遗憾、原谅等重大议题。这本书只有200页厚，但我觉得可以继续压缩到100页，因为书中做了太多的背景交代和铺垫，尤其是老教授的身体逐渐衰败的过程，他的生命火烛在一点点的熄灭，几乎每一个章节都花了不少篇幅描述。作者的核心观念还是奉献爱，爱身边的人，关注自己所在的社区。这和之前看到的一个TED关于幸福的演讲是类似的，只有和重要的人建立良好的亲密关系，才会感觉到幸福。
  89.         </p>
  90.         <p>
  91.           这本书讲了一个真实的故事。一位社会学的老教授，在患病去世前的十几周里，在每周的星期二，约见自己之前的一位学生，向他传授人生中的最后一课：讨论生活的意义，关于家庭、工作、感情、衰老、死亡、遗憾、原谅等重大议题。这本书只有200页厚，但我觉得可以继续压缩到100页，因为书中做了太多的背景交代和铺垫，尤其是老教授的身体逐渐衰败的过程，他的生命火烛在一点点的熄灭，几乎每一个章节都花了不少篇幅描述。作者的核心观念还是奉献爱，爱身边的人，关注自己所在的社区。这和之前看到的一个TED关于幸福的演讲是类似的，只有和重要的人建立良好的亲密关系，才会感觉到幸福。
  92.         </p>
  93.         <h3>A-2</h3>
  94.         <p>
  95.           这本书讲了一个真实的故事。一位社会学的老教授，在患病去世前的十几周里，在每周的星期二，约见自己之前的一位学生，向他传授人生中的最后一课：讨论生活的意义，关于家庭、工作、感情、衰老、死亡、遗憾、原谅等重大议题。这本书只有200页厚，但我觉得可以继续压缩到100页，因为书中做了太多的背景交代和铺垫，尤其是老教授的身体逐渐衰败的过程，他的生命火烛在一点点的熄灭，几乎每一个章节都花了不少篇幅描述。作者的核心观念还是奉献爱，爱身边的人，关注自己所在的社区。这和之前看到的一个TED关于幸福的演讲是类似的，只有和重要的人建立良好的亲密关系，才会感觉到幸福。
  96.         </p>
  97.         <p>
  98.           这本书讲了一个真实的故事。一位社会学的老教授，在患病去世前的十几周里，在每周的星期二，约见自己之前的一位学生，向他传授人生中的最后一课：讨论生活的意义，关于家庭、工作、感情、衰老、死亡、遗憾、原谅等重大议题。这本书只有200页厚，但我觉得可以继续压缩到100页，因为书中做了太多的背景交代和铺垫，尤其是老教授的身体逐渐衰败的过程，他的生命火烛在一点点的熄灭，几乎每一个章节都花了不少篇幅描述。作者的核心观念还是奉献爱，爱身边的人，关注自己所在的社区。这和之前看到的一个TED关于幸福的演讲是类似的，只有和重要的人建立良好的亲密关系，才会感觉到幸福。
  99.         </p>
  100.         <p>
  101.           这本书讲了一个真实的故事。一位社会学的老教授，在患病去世前的十几周里，在每周的星期二，约见自己之前的一位学生，向他传授人生中的最后一课：讨论生活的意义，关于家庭、工作、感情、衰老、死亡、遗憾、原谅等重大议题。这本书只有200页厚，但我觉得可以继续压缩到100页，因为书中做了太多的背景交代和铺垫，尤其是老教授的身体逐渐衰败的过程，他的生命火烛在一点点的熄灭，几乎每一个章节都花了不少篇幅描述。作者的核心观念还是奉献爱，爱身边的人，关注自己所在的社区。这和之前看到的一个TED关于幸福的演讲是类似的，只有和重要的人建立良好的亲密关系，才会感觉到幸福。
  102.         </p>
  103.         <h3>A-3</h3>
  104.         <p>
  105.           这本书讲了一个真实的故事。一位社会学的老教授，在患病去世前的十几周里，在每周的星期二，约见自己之前的一位学生，向他传授人生中的最后一课：讨论生活的意义，关于家庭、工作、感情、衰老、死亡、遗憾、原谅等重大议题。这本书只有200页厚，但我觉得可以继续压缩到100页，因为书中做了太多的背景交代和铺垫，尤其是老教授的身体逐渐衰败的过程，他的生命火烛在一点点的熄灭，几乎每一个章节都花了不少篇幅描述。作者的核心观念还是奉献爱，爱身边的人，关注自己所在的社区。这和之前看到的一个TED关于幸福的演讲是类似的，只有和重要的人建立良好的亲密关系，才会感觉到幸福。
  106.         </p>
  107.         <p>
  108.           这本书讲了一个真实的故事。一位社会学的老教授，在患病去世前的十几周里，在每周的星期二，约见自己之前的一位学生，向他传授人生中的最后一课：讨论生活的意义，关于家庭、工作、感情、衰老、死亡、遗憾、原谅等重大议题。这本书只有200页厚，但我觉得可以继续压缩到100页，因为书中做了太多的背景交代和铺垫，尤其是老教授的身体逐渐衰败的过程，他的生命火烛在一点点的熄灭，几乎每一个章节都花了不少篇幅描述。作者的核心观念还是奉献爱，爱身边的人，关注自己所在的社区。这和之前看到的一个TED关于幸福的演讲是类似的，只有和重要的人建立良好的亲密关系，才会感觉到幸福。
  109.         </p>
  110.         <p>
  111.           这本书讲了一个真实的故事。一位社会学的老教授，在患病去世前的十几周里，在每周的星期二，约见自己之前的一位学生，向他传授人生中的最后一课：讨论生活的意义，关于家庭、工作、感情、衰老、死亡、遗憾、原谅等重大议题。这本书只有200页厚，但我觉得可以继续压缩到100页，因为书中做了太多的背景交代和铺垫，尤其是老教授的身体逐渐衰败的过程，他的生命火烛在一点点的熄灭，几乎每一个章节都花了不少篇幅描述。作者的核心观念还是奉献爱，爱身边的人，关注自己所在的社区。这和之前看到的一个TED关于幸福的演讲是类似的，只有和重要的人建立良好的亲密关系，才会感觉到幸福。
  112.         </p>
  113.         <h3>A-4</h3>
  114.         <p>
  115.           这本书讲了一个真实的故事。一位社会学的老教授，在患病去世前的十几周里，在每周的星期二，约见自己之前的一位学生，向他传授人生中的最后一课：讨论生活的意义，关于家庭、工作、感情、衰老、死亡、遗憾、原谅等重大议题。这本书只有200页厚，但我觉得可以继续压缩到100页，因为书中做了太多的背景交代和铺垫，尤其是老教授的身体逐渐衰败的过程，他的生命火烛在一点点的熄灭，几乎每一个章节都花了不少篇幅描述。作者的核心观念还是奉献爱，爱身边的人，关注自己所在的社区。这和之前看到的一个TED关于幸福的演讲是类似的，只有和重要的人建立良好的亲密关系，才会感觉到幸福。
  116.         </p>
  117.         <p>
  118.           这本书讲了一个真实的故事。一位社会学的老教授，在患病去世前的十几周里，在每周的星期二，约见自己之前的一位学生，向他传授人生中的最后一课：讨论生活的意义，关于家庭、工作、感情、衰老、死亡、遗憾、原谅等重大议题。这本书只有200页厚，但我觉得可以继续压缩到100页，因为书中做了太多的背景交代和铺垫，尤其是老教授的身体逐渐衰败的过程，他的生命火烛在一点点的熄灭，几乎每一个章节都花了不少篇幅描述。作者的核心观念还是奉献爱，爱身边的人，关注自己所在的社区。这和之前看到的一个TED关于幸福的演讲是类似的，只有和重要的人建立良好的亲密关系，才会感觉到幸福。
  119.         </p>
  120.         <p>
  121.           这本书讲了一个真实的故事。一位社会学的老教授，在患病去世前的十几周里，在每周的星期二，约见自己之前的一位学生，向他传授人生中的最后一课：讨论生活的意义，关于家庭、工作、感情、衰老、死亡、遗憾、原谅等重大议题。这本书只有200页厚，但我觉得可以继续压缩到100页，因为书中做了太多的背景交代和铺垫，尤其是老教授的身体逐渐衰败的过程，他的生命火烛在一点点的熄灭，几乎每一个章节都花了不少篇幅描述。作者的核心观念还是奉献爱，爱身边的人，关注自己所在的社区。这和之前看到的一个TED关于幸福的演讲是类似的，只有和重要的人建立良好的亲密关系，才会感觉到幸福。
  122.         </p>
  123.         <h3>A-5</h3>
  124.         <p>
  125.           这本书讲了一个真实的故事。一位社会学的老教授，在患病去世前的十几周里，在每周的星期二，约见自己之前的一位学生，向他传授人生中的最后一课：讨论生活的意义，关于家庭、工作、感情、衰老、死亡、遗憾、原谅等重大议题。这本书只有200页厚，但我觉得可以继续压缩到100页，因为书中做了太多的背景交代和铺垫，尤其是老教授的身体逐渐衰败的过程，他的生命火烛在一点点的熄灭，几乎每一个章节都花了不少篇幅描述。作者的核心观念还是奉献爱，爱身边的人，关注自己所在的社区。这和之前看到的一个TED关于幸福的演讲是类似的，只有和重要的人建立良好的亲密关系，才会感觉到幸福。
  126.         </p>
  127.         <p>
  128.           这本书讲了一个真实的故事。一位社会学的老教授，在患病去世前的十几周里，在每周的星期二，约见自己之前的一位学生，向他传授人生中的最后一课：讨论生活的意义，关于家庭、工作、感情、衰老、死亡、遗憾、原谅等重大议题。这本书只有200页厚，但我觉得可以继续压缩到100页，因为书中做了太多的背景交代和铺垫，尤其是老教授的身体逐渐衰败的过程，他的生命火烛在一点点的熄灭，几乎每一个章节都花了不少篇幅描述。作者的核心观念还是奉献爱，爱身边的人，关注自己所在的社区。这和之前看到的一个TED关于幸福的演讲是类似的，只有和重要的人建立良好的亲密关系，才会感觉到幸福。
  129.         </p>
  130.         <p>
  131.           这本书讲了一个真实的故事。一位社会学的老教授，在患病去世前的十几周里，在每周的星期二，约见自己之前的一位学生，向他传授人生中的最后一课：讨论生活的意义，关于家庭、工作、感情、衰老、死亡、遗憾、原谅等重大议题。这本书只有200页厚，但我觉得可以继续压缩到100页，因为书中做了太多的背景交代和铺垫，尤其是老教授的身体逐渐衰败的过程，他的生命火烛在一点点的熄灭，几乎每一个章节都花了不少篇幅描述。作者的核心观念还是奉献爱，爱身边的人，关注自己所在的社区。这和之前看到的一个TED关于幸福的演讲是类似的，只有和重要的人建立良好的亲密关系，才会感觉到幸福。
  132.         </p>
  133.         <p>
  134.           这本书讲了一个真实的故事。一位社会学的老教授，在患病去世前的十几周里，在每周的星期二，约见自己之前的一位学生，向他传授人生中的最后一课：讨论生活的意义，关于家庭、工作、感情、衰老、死亡、遗憾、原谅等重大议题。这本书只有200页厚，但我觉得可以继续压缩到100页，因为书中做了太多的背景交代和铺垫，尤其是老教授的身体逐渐衰败的过程，他的生命火烛在一点点的熄灭，几乎每一个章节都花了不少篇幅描述。作者的核心观念还是奉献爱，爱身边的人，关注自己所在的社区。这和之前看到的一个TED关于幸福的演讲是类似的，只有和重要的人建立良好的亲密关系，才会感觉到幸福。
  135.         </p>
  136.         <p>
  137.           这本书讲了一个真实的故事。一位社会学的老教授，在患病去世前的十几周里，在每周的星期二，约见自己之前的一位学生，向他传授人生中的最后一课：讨论生活的意义，关于家庭、工作、感情、衰老、死亡、遗憾、原谅等重大议题。这本书只有200页厚，但我觉得可以继续压缩到100页，因为书中做了太多的背景交代和铺垫，尤其是老教授的身体逐渐衰败的过程，他的生命火烛在一点点的熄灭，几乎每一个章节都花了不少篇幅描述。作者的核心观念还是奉献爱，爱身边的人，关注自己所在的社区。这和之前看到的一个TED关于幸福的演讲是类似的，只有和重要的人建立良好的亲密关系，才会感觉到幸福。
  138.         </p>
  139.         <p>
  140.           这本书讲了一个真实的故事。一位社会学的老教授，在患病去世前的十几周里，在每周的星期二，约见自己之前的一位学生，向他传授人生中的最后一课：讨论生活的意义，关于家庭、工作、感情、衰老、死亡、遗憾、原谅等重大议题。这本书只有200页厚，但我觉得可以继续压缩到100页，因为书中做了太多的背景交代和铺垫，尤其是老教授的身体逐渐衰败的过程，他的生命火烛在一点点的熄灭，几乎每一个章节都花了不少篇幅描述。作者的核心观念还是奉献爱，爱身边的人，关注自己所在的社区。这和之前看到的一个TED关于幸福的演讲是类似的，只有和重要的人建立良好的亲密关系，才会感觉到幸福。
  141.         </p>
  142.         <p>
  143.           这本书讲了一个真实的故事。一位社会学的老教授，在患病去世前的十几周里，在每周的星期二，约见自己之前的一位学生，向他传授人生中的最后一课：讨论生活的意义，关于家庭、工作、感情、衰老、死亡、遗憾、原谅等重大议题。这本书只有200页厚，但我觉得可以继续压缩到100页，因为书中做了太多的背景交代和铺垫，尤其是老教授的身体逐渐衰败的过程，他的生命火烛在一点点的熄灭，几乎每一个章节都花了不少篇幅描述。作者的核心观念还是奉献爱，爱身边的人，关注自己所在的社区。这和之前看到的一个TED关于幸福的演讲是类似的，只有和重要的人建立良好的亲密关系，才会感觉到幸福。
  144.         </p>
  145.       </div>
  146.     </div>
  147.  
  148.     <script type="text/javascript">
  149.       (() => {
  150.         const sidebarItemHeight = 36;
  151.         const positionEl = document.querySelector('div.sidebar-div__position');
  152.         const elements = Array.from(document.querySelectorAll('ul.side li'));
  153.         const paragraphs = Array.from(document.querySelectorAll('.content h3'));
  154.         for(let i = 0; i < elements.length; i++){
  155.           ((el, index) => {
  156.             el.addEventListener('click', e => {
  157.               console.log('click sidebar', e.target, 'index', index);
  158.               window.scrollTo(0, paragraphs[index].offsetTop);
  159.             }, false);
  160.           })(elements[i], i);
  161.         }
  162.  
  163.         // 计算滚动条滚动方向使用
  164.         let beforeScrollTop = document.body.scrollTop;
  165.         let directEnum = {
  166.           down: 'down',
  167.           up: 'up'
  168.         };
  169.  
  170.         /**
  171.          * 获取滚动条滚动方向
  172.          */
  173.         const getScrollDirection = (elements) => {
  174.           const elRect = elements[0].getBoundingClientRect();
  175.           const top = Math.abs(elRect.top);
  176.           let direction = top > beforeScrollTop
  177.             ? directEnum.down
  178.             : directEnum.up;
  179.           console.log(direction, beforeScrollTop, top);
  180.           beforeScrollTop = top;
  181.  
  182.           return direction;
  183.         };
  184.  
  185.         // 绑定滚动事件
  186.         window.addEventListener('scroll', _.debounce((e) => {
  187.           let direction = getScrollDirection(paragraphs);
  188.  
  189.           let index = direction === directEnum.down
  190.             ? -1
  191.             : (paragraphs.length - 1);
  192.           console.log('init index', index);
  193.           for(let h3 of paragraphs){
  194.             const rect = h3.getBoundingClientRect();
  195.             const paragraphHeight = 25;
  196.             console.log('h3-', h3.innerText, 'top', rect.top);
  197.  
  198.             if (direction === directEnum.down && rect.top < paragraphHeight * 2) {
  199.               index += 1;
  200.               console.log(direction, '[ hit ]', 'index', index);
  201.             } else if (direction === directEnum.up && rect.top > paragraphHeight * 2) {
  202.               index -= 1;
  203.               console.log(direction, '[ hit ]', 'index', index);
  204.             } else {
  205.               console.log(direction, '[ miss ]', 'index', index);
  206.             }
  207.           }
  208.  
  209.           console.log('current index', index);
  210.           if (index >= 0) {
  211.             positionEl.style.opacity = 1;
  212.             positionEl.style.top = `${(index) * sidebarItemHeight}px`;
  213.           } else {
  214.             positionEl.style.opacity = 0;
  215.             positionEl.style.top = `0px`;
  216.           }
  217.         }, 100), false);
  218.       })();
  219.     </script>
  220. </body>
  221. </html>

anchor-animation的更多相关文章

  1. iOS——Core Animation 知识摘抄（一）

    本文是对http://www.cocoachina.com/ios/20150104/10814.html文章的关键段落的摘抄,有需要的看原文 CALayer和UIView的关系: CALayer类在 ...

  2. 【Unity3D基础教程】给初学者看的Unity教程（三）：通过制作Flappy Bird了解Native 2D中的Sprite，Animation

    作者:王选易,出处:http://www.cnblogs.com/neverdie/ 欢迎转载,也请保留这段声明.如果你喜欢这篇文章,请点[推荐].谢谢! 引子 上一次我们讲了MonoBehaviou ...

  3. Core Animation编程指南

    本文是<Core Animation Programming Guide>2013-01-28更新版本的译文.本文略去了原文中关于OS X平台上Core Animation相关内容.因为原 ...

  4. [iOS Animation]-CALayer 性能优化

    性能优化 代码应该运行的尽量快,而不是更快 - 理查德 在第一和第二部分,我们了解了Core Animation提供的关于绘制和动画的一些特性.Core Animation功能和性能都非常强大,但如果 ...

  5. [iOS Animation]-CALayer 显示动画

    显式动画 如果想让事情变得顺利,只有靠自己 -- 夏尔·纪尧姆 上一章介绍了隐式动画的概念.隐式动画是在iOS平台创建动态用户界面的一种直接方式,也是UIKit动画机制的基础,不过它并不能涵盖所有的动 ...

  6. [iOS Animation]-CALayer 图层几何学

    图层几何学 不熟悉几何学的人就不要来这里了 --柏拉图学院入口的签名 在第二章里面,我们介绍了图层背后的图片,和一些控制图层坐标和旋转的属性.在这一章中,我们将要看一看图层内部是如何根据父图层和兄弟图 ...

  7. [iOS Animation]-CALayer 显示方式

    寄宿图 图片胜过千言万语,界面抵得上千图片 ——Ben Shneiderman 我们在第一章『图层树』中介绍了CALayer类并创建了一个简单的有蓝色背景的图层.背景颜色还好啦,但是如果它仅仅是展现了 ...

  8. Core Animation 文档翻译 （第二篇）

    Core Animation 文档翻译 (第二篇) 核心动画基础要素 核心动画为我们APP内Views动画和其他可视化元素动画提供了综合性的实现体系.核心动画不是我们APP内Views的替代品,相反, ...

  9. 【转】通过制作Flappy Bird了解Native 2D中的Sprite，Animation

    作者:王选易,出处:http://www.cnblogs.com/neverdie/ 欢迎转载,也请保留这段声明.如果你喜欢这篇文章,请点[推荐].谢谢! 引子 上一次我们讲了MonoBehaviou ...

  10. CSS 3学习——animation动画

    以下内容根据官方文档翻译以及自己的理解整理. 1.  介绍 本方案介绍动画(animations).通过动画,开发者可以将CSS属性值的变化指定为一个随时间变化的关键帧(keyframes)的集合.在 ...

随机推荐

  1. NOIP 模拟 $25\; \rm random$

    题解 \(by\;zj\varphi\) 期望好题. 通过推规律可以发现每个逆序对的贡献都是 \(1\),那么在所有排列中有多少逆序对,贡献就是多少. \[\rm num_i=(i-1)!\sum_{ ...

  2. NOIP 模拟 $21\; \rm Median$

    题解 \(by\;zj\varphi\) 对于这个序列,可以近似得把它看成随机的,而对于随机数列,每个数的分布都是均匀的,所以中位数的变化可以看作是常数 那么可以维护一个指向中位数的指针,同时维护有多 ...

  3. 数据结构与算法——链表 Linked List（单链表、双向链表、单向环形链表-Josephu 问题）

    链表是有序的列表,但是在内存中存储图下图所示 链表是以 节点 的方式来存储,是 链式存储 每个节点包含 data 域.next 域,指向下一个节点 链表的各个节点 不一定是连续存储,如上图所示 链表还 ...

  4. flutter学习资料汇总

    1.https://github.com/chinabrant/flutter_study 2.https://github.com/zhujian1989/flutter_study 3.https ...

  5. WPF 附件路由事件

    public class Person { public static readonly RoutedEvent NameChangedEvent = EventManager.RegisterRou ...

  6. 在localStorage中存储对象数组并读取

    频繁ajax请求导致页面响应变慢. 于是考虑将数据存储在window.storage中,这样只请求一次ajax,而不需要频繁请求. 鉴于localstorage中只能存储字符串,所以我们要借助于JSO ...

  7. python·那些不值钱的经验

    时间:2018-11-22 整理:byzqy python读写文本文件 1 # -*- coding: utf-8 -*- 2 3 def read_file(file): 4 with open(f ...

  8. Nginx从安装到虚拟主机、https加密、重定向的设置

    编译前的设置: 在源代码文件中把版本号注释掉,这是为了防止针对特定版本的恶意攻击 关闭编译时的调试模式 解决编译前的依赖性 进行配置参数: 对参数进行解读: 编译和安装: 做软链接方便调用: 创建ng ...

  9. docker开启remote-api 2375端口后，Failed to start Docker Application Container Engine，重启docker失败的问题解决

    1.  按照网上的教程修改了 /usr/lib/systemd/system/docerk.service配置后,重启失败.修改/etc/docker/daemon.json 增加hosts后重启也是 ...

  10. Jenkins（4）- 在centos7.x下完全卸载Jenkins

    如果想从头学起Jenkins的话,可以看看这一系列的文章哦 https://www.cnblogs.com/poloyy/category/1645399.html 先关闭tomcat ./shutd ...