草庐IT

在收到消息后秒级使网站变灰，不改代码不上线，如何实现？

经海路大白狗 2023-08-17 原文

注意：文本不是讲如何将网站置灰的那个技术点，那个技术点之前汶川地震的时候说过。

本文不讲如何实现技术，而是讲如何在第一时间知道消息后，更快速的实现这个置灰需求的上线。

实现需求不是乐趣，指挥别人去实现需求才是乐趣，你有没有过这种想法？我们老板就是这种想法。

最近发生了举国悲痛的事情，所以很多网站为了表示哀悼，听到消息后，将网站置灰了。

但有的网站呢，做的比较迅速，很快让程序员做了修改，上个线；

但有的呢，后知后觉，看见别人家的网站都这么做了，我们不这么做不好，我们也置灰一下吧。来，小王，置灰一下把网站，上个线，注意测试啊，别弄坏了。于是小王接到了一项重要任务。

那有一天宝岛被收复了，需要设置成大红色了，再把代码改成红色，再上个线？庆祝完了，再把代码改回来吗？

文本这里以简单的样式为案例

目录

1、日常需求上线的过程 

2、本需求中的重点 

3、网站置灰或者置红的CSS代码

3、如何做到更快速使CSS代码生效

4、这样做会产生的问题 

5、消息触发机制 

6、但是每次都调用仍然会造成损耗 

7、何去何从

1、日常需求上线的过程 

日常需求上线经历了，产品的可行性分析阶段，要经过一些市场分析，数据分析，来决定这个需求是否值得做；

然后开始产出需求报告，需求文档，并且准备开始需求评审；

评审的过程，会有相关人员参与，而且一旦能够走到需求评审这一阶段，也肯定是要做的

然后就是开始排工期，相关人员排了工时，项目制定了工期，看跟其他项目是否冲突

开发人员实施阶段，可长可短

然后就是跟测阶段，测试结束

部署（本地部署、测试部署、预发部署、线上部署）完成，上线。

2、本需求中的重点 

通过上图可见，每个需求或者每个公司，对于需求都会有灵活处理，

最灵活的莫过于老板发现一个契机，然后自己去开发，开发完直接上线

所以，本需求的重点在于上线的过程

3、网站置灰或者置红的CSS代码

还用刚才我们新建的DOM元素为例，这是正常的样式

div {
   color: blue;
}
button {
   width: 70px;
   height: 20px;
   line-height: 20px;
   background: blue;
   color: #FFF;
   text-align: center;
}


<div class="box">
   <div>这里是网站内容</div>
   <button>按钮</button>
</div>

置灰代码：

html {
   -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
   -ms-filter: grayscale(100%);
   -o-filter: grayscale(100%);
   filter: grayscale(100%);
   filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}

 

3、如何做到更快速使CSS代码生效

△ 这就需要借助另外一个平台，用来维护我们需要显示的更高优先级的CSS代码；

△ HTML页面呢也不能放在前端了，需要放到服务端去，Node Java的项目里都行；

以koa项目来举例，在渲染HTML页面之前，先发送请求，向另外的这个平台去发送请求，获取最新维护好的CSS代码

然后获取到之后渲染到HTML页面中，这样就可以不需要上线，还可以更快速的渲染优先级更高的置灰代码了。

doctype html
html
  head
    title= title
    style(type="text/css")
    html { 
      -webkit-filter: grayscale(100%);
      -moz-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
      -o-filter: grayscale(100%);
      filter: drop-shadow(#EFE2DA);
      filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    }
  body
    block content

4、这样做会产生的问题 

一旦这样做了，速度倒是很快了，但产生的问题是，页面每次刷新之前都会去调用一下第三方平台的接口，

△ 一旦访问量大了，对这个第三方配置平台会产生很大的压力；

△ 而且如果日常不需要置灰的情况下，平台无故的去调用，也是做了一个无用功

5、消息触发机制 

这就涉及到一个消息触发机制，什么意思呢？

△ 在我们的koa项目里添加一个接口方法A，用于接收第三方平台的调用；

△ 同时添加全局变量，例如B = false，当监测到B为false的时候，并不需要每次刷新页面都去调用第三方那个全局css的数据；

△ 就是说第三方平台需要和我们的koa项目产生一定的关系。当我们决定要发送这段置灰css代码做为一条消息的时候，去触发这个接口方法A

△ 接口方法A此时需要改变一个全局变量，就是这个全局变量B，此时改为true.

△ 那么当下次再有用户刷新页面的时候，监测到B为true ，则开始调用最新的css那段代码数据

6、但是每次都调用仍然会造成损耗 

即便我们使用了这个消息触发机制，并且成功了，但近几天一定是时刻都要置灰的，而且每次请求页面都要调用这个第三方接口，仍然是一个损耗。

这个时候，我们可以添加一个缓存，将获取到的css数据做为缓存；

每次请求页面的时候，既要判断当前的B是否为true，又要判断是否有缓存数据，最后再决定是否要发送请求，从而降低一定的损耗。

7、何去何从

如果是单纯的前端上线呢，虽然后知后觉，但不用费这么多前期准备得功夫；

如果把这一套做下来呢，不仅可以用于文本的场景，还可以利用到更多的场景种，而且可以做到第一时间收到消息后，快速的发布需求。

你觉得哪种更适合你当前的团队呢？

在后xff0cxff0xff前端pythonjava开发语言node.js

有关在收到消息后秒级使网站变灰，不改代码不上线，如何实现？的更多相关文章

  1. ruby - 如何使用 Nokogiri 的 xpath 和 at_xpath 方法 - 2

    我正在学习如何使用Nokogiri，根据这段代码我遇到了一些问题:require'rubygems'require'mechanize'post_agent=WWW::Mechanize.newpost_page=post_agent.get('http://www.vbulletin.org/forum/showthread.php?t=230708')puts"\nabsolutepathwithtbodygivesnil"putspost_page.parser.xpath('/html/body/div/div/div/div/div/table/tbody/tr/td/div

  2. ruby - 如何从 ruby​​ 中的字符串运行任意对象方法？ - 2

    总的来说，我对ruby​​还比较陌生，我正在为我正在创建的对象编写一些rspec测试用例。许多测试用例都非常基础，我只是想确保正确填充和返回值。我想知道是否有办法使用循环结构来执行此操作。不必为我要测试的每个方法都设置一个assertEquals。例如:describeitem,"TestingtheItem"doit"willhaveanullvaluetostart"doitem=Item.new#HereIcoulddotheitem.name.shouldbe_nil#thenIcoulddoitem.category.shouldbe_nilendend但我想要一些方法来使用

  3. python - 如何使用 Ruby 或 Python 创建一系列高音调和低音调的蜂鸣声？ - 2

    关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题？更新问题，以便editingthispost可以用事实和引用来回答它.关闭4年前。Improvethisquestion我想在固定时间创建一系列低音和高音调的哔哔声。例如:在150毫秒时发出高音调的蜂鸣声在151毫秒时发出低音调的蜂鸣声200毫秒时发出低音调的蜂鸣声250毫秒的高音调蜂鸣声有没有办法在Ruby或Python中做到这一点？我真的不在乎输出编码是什么(.wav、.mp3、.ogg等等)，但我确实想创建一个输出文件。

  4. ruby-on-rails - 如何验证 update_all 是否实际在 Rails 中更新 - 2

    给定这段代码defcreate@upgrades=User.update_all(["role=?","upgraded"],:id=>params[:upgrade])redirect_toadmin_upgrades_path,:notice=>"Successfullyupgradeduser."end我如何在该操作中实际验证它们是否已保存或未重定向到适当的页面和消息？ 最佳答案 在Rails3中，update_all不返回任何有意义的信息，除了已更新的记录数(这可能取决于您的DBMS是否返回该信息)。http://ar.ru

  5. ruby-on-rails - 'compass watch' 是如何工作的/它是如何与 rails 一起使用的 - 2

    我在我的项目目录中完成了compasscreate.和compassinitrails。几个问题:我已将我的.sass文件放在public/stylesheets中。这是放置它们的正确位置吗？当我运行compasswatch时，它不会自动编译这些.sass文件。我必须手动指定文件:compasswatchpublic/stylesheets/myfile.sass等。如何让它自动运行？文件ie.css、print.css和screen.css已放在stylesheets/compiled。如何在编译后不让它们重新出现的情况下删除它们？我自己编译的.sass文件编译成compiled/t

  6. ruby - 如何将脚本文件的末尾读取为数据文件(Perl 或任何其他语言) - 2

    我正在寻找执行以下操作的正确语法(在Perl、Shell或Ruby中):#variabletoaccessthedatalinesappendedasafileEND_OF_SCRIPT_MARKERrawdatastartshereanditcontinues. 最佳答案 Perl用__DATA__做这个:#!/usr/bin/perlusestrict;usewarnings;while(){print;}__DATA__Texttoprintgoeshere 关于ruby-如何将脚

  7. ruby - 如何在 buildr 项目中使用 Ruby 代码？ - 2

    如何在buildr项目中使用Ruby？我在很多不同的项目中使用过Ruby、JRuby、Java和Clojure。我目前正在使用我的标准Ruby开发一个模拟应用程序，我想尝试使用Clojure后端(我确实喜欢功能代码)以及JRubygui和测试套件。我还可以看到在未来的不同项目中使用Scala作为后端。我想我要为我的项目尝试一下buildr(http://buildr.apache.org/)，但我注意到buildr似乎没有设置为在项目中使用JRuby代码本身!这看起来有点傻，因为该工具旨在统一通用的JVM语言并且是在ruby中构建的。除了将输出的jar包含在一个独特的、仅限ruby​​

  8. ruby - 如何指定 Rack 处理程序 - 2

    Rackup通过Rack的默认处理程序成功运行任何Rack应用程序。例如:classRackAppdefcall(environment)['200',{'Content-Type'=>'text/html'},["Helloworld"]]endendrunRackApp.new但是当最后一行更改为使用Rack的内置CGI处理程序时，rackup给出“NoMethodErrorat/undefinedmethod`call'fornil:NilClass”:Rack::Handler::CGI.runRackApp.newRack的其他内置处理程序也提出了同样的反对意见。例如Rack

  9. ruby-on-rails - Rails 源代码 : initialize hash in a weird way? - 2

    在rails源中:https://github.com/rails/rails/blob/master/activesupport/lib/active_support/lazy_load_hooks.rb可以看到以下内容@load_hooks=Hash.new{|h,k|h[k]=[]}在IRB中，它只是初始化一个空哈希。和做有什么区别@load_hooks=Hash.new 最佳答案 查看rubydocumentationforHashnew→new_hashclicktotogglesourcenew(obj)→new_has

  10. ruby - 如何每月在 Heroku 运行一次 Scheduler 插件？ - 2

    在选择我想要运行操作的频率时，唯一的选项是“每天”、“每小时”和“每10分钟”。谢谢!我想为我的Rails3.1应用程序运行调度程序。 最佳答案 这不是一个优雅的解决方案，但您可以安排它每天运行，并在实际开始工作之前检查日期是否为当月的第一天。 关于ruby-如何每月在Heroku运行一次Scheduler插件？，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.com/questions/8692687/

随机推荐