RED | 易学教程

js+css模拟接收websocket推送数据,实现冒泡置顶动画效果

阅读更多关于 js+css模拟接收websocket推送数据,实现冒泡置顶动画效果

js+css模拟接收websocket推送数据,实现冒泡置顶动画效果效果如下: 1.第一种方法思路: 1).在外面定义一个假的浮动盒子,当数据变化时,将原来的数据节点删除, 2).将变化的数据放到这个盒子里,移动盒子位置到顶部 3).盒子移动到顶部之后,隐藏该盒子,将变化之后的数据节点插入到第一条的位置 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> * { margin: 0; padding: 0; } html, body { display: flex; height: 100%; width: 100%; justify-content: center; align-items: center; } .box { height: 320px; width: 400px; background: #333; overflow: auto; position: relative; } .box p { height: 30px; line-height: 30px; background: #00ACED; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .box

通过Nginx(basic auth)实现Prometheus账号密码登录

阅读更多关于通过Nginx(basic auth)实现Prometheus账号密码登录

一、原因因客户Red Hat 7.5服务器安装部署grafana无法添加prometheus数据源，以及无法修改初始密码，为确保环境访问安全，特别研究通过账号密码认证访问prometheus，百度了很多资料，但都缺这缺那，所以我这里记录下具体实现过程：二、安装部署httpd 方法一：使用yum安装 yum -y install apr apr-util httpd 方法二：使用源码安装 yum -y install expat-devel gcc gcc-c++ autoreconf libtoolize automake 1、下载httpd安装包 wget http://mirrors.hust.edu.cn/apache/httpd/httpd-2.4.46.tar.gz 2、解压 tar zxvf httpd-2.4.46.tar.gz 3、下载新的apr、apr-util安装（安装过程会有各种奇葩错误，自行百度解决，这里不具体讲解） wget http://mirror.bit.edu.cn/apache/apr/apr-1.7.0.tar.gz wget http://mirror.bit.edu.cn/apache/apr/apr-util-1.6.1.tar.gz 4、安装apr、apr-util tar -zxvf apr-1.7.0.tar.gz tar

京东商城项目实战（3）------京东商城注册页面

阅读更多关于京东商城项目实战（3）------京东商城注册页面

项目实战：京东商城（1）----京东商城首页　　　　　京东商城（2）----京东商城登录页面　　　　　京东商城（3）----京东商城注册页面网页效果：网页源代码（入需其他源代码，请在评论下方留言）： <! DOCTYPE html > < html lang ="en" > < head > < meta charset ="UTF-8" > < title > 个人注册 </ title > < link rel ="shortcut icon" href ="favicon.ico" /> < link rel ="stylesheet" href ="css/base.css" /> < link rel ="stylesheet" href ="css/regist.css" /> < script type ="text/javascript" src ="js/register.js" charset ="UTF-8" ></ script > </ head > < body > < div class ="mask" id ="mask" > < div class ="xy" > < i id ="m_close" ></ i > < div class ="title" > 京东用户注册协议和隐私政策 </ div > < iframe src =

android 进阶自定义view （第一天）

阅读更多关于 android 进阶自定义view （第一天）

自定义控件是Android系统中一个非常重要的特性，通过自定义控件可以使生硬的界面变得生动活泼。每个应用或多或少都会有几个乃至几十个自定义控件。小编也是深受其害，遇到简单的需求，通过网上找找相关代码，修修改改还能满足，遇到苛刻的老板，完全没有办法，经历过两次的毒打，小编狠下心来，坚持学习，为了以后不再为了自定义而感到怀疑人生。今天是小编学习的第一天，以后会努力坚持一天发布一篇，从0到1。加油！基本图形的绘制我们平时画图的时候需要的两个工具，是纸和笔。那么，在Android中， Paint 类就是画笔， Canvas 类就是纸，在这里叫做画布。所以，凡是跟画笔设置相关的，比如画笔大小、粗细、画笔颜色、透明度、字体的样式等，都在 Paint 类里设置：同样，凡是画出成品的东西，比如图形、矩形、文字等，都要调用Canvas类里的函数生成。下面通过一个自定义控件的例子来学习一下，以及了解 Paint 和 Canvas 类的用法。一般自定义View有一个构造方法：重写 onDraw(Canvas canvas)。可以看到，在该函数中，入参是一个 Canvas 对象，也就是当前控件的画布，所以只要调用 Canvas 的绘图函数，效果就可以直接显示在控件上完整的代码如下：运行效果：从这里看到，只需要先创建一个派生自 View 的类，再重新在 onDraw() 函数中设置

Python API 操作Hadoop hdfs详解

阅读更多关于 Python API 操作Hadoop hdfs详解

1：安装由于是windows环境（linux其实也一样），只要有pip或者setup_install安装起来都是很方便的 >pip install hdfs 2：Client——创建集群连接 > from hdfs import * > client = Client("http://s100:50070") 其他参数说明： classhdfs.client.Client(url, root=None, proxy=None, timeout=None, session=None) url：ip：端口 root：制定的hdfs根目录 proxy：制定登陆的用户身份 timeout：设置的超时时间 session:连接标识 client = Client("http://127.0.0.1:50070",root="/",timeout=100,session=False) >>> client.list("/") [u'home',u'input', u'output', u'tmp'] 3：dir——查看支持的方法 >dir(client) 4：status——获取路径的具体信息其他参数： status(hdfs_path, strict=True) hdfs_path：就是hdfs路径 strict：设置为True时，如果hdfs_path路径不存在就会抛出异常

#新闻拍一拍# 适用于 Linux 的微软反病毒软件 Microsoft Defender ATP 正式上线

阅读更多关于 #新闻拍一拍# 适用于 Linux 的微软反病毒软件 Microsoft Defender ATP 正式上线

适用于 Linux 的微软反病毒软件 Microsoft Defender ATP 正式上线微软今天宣布了适用于 Android 的 Microsoft Defender ATP 首个预览版，同时还宣布适用于 Linux 的 Microsoft Defender ATP 正式上线。微软还承诺，将在未来几个月内为它带来多项新功能。来源： cnBeta.COM 拍一拍：不知道 ATP 能防范多少“Linux 病毒”？ Red Hat 报告了一个可导致拒绝服务的安全问题根据描述，Red Hat 内核在“关联数据的身份验证加密uthenticated Encryption with Associated Data”（AEAD）中存在缺陷，这是一种加密技术。该问题在 17 个月前也就是 19 年 1 月的 Linux LTS 内核上游中已经修复过了，此次发现这一特定下游问题，应当是 LTP 测试未通过导致的。因此，邮件中提醒：“大多数 Linux 内核已经修复了这一错误，而没有在 LTP 中添加回归测试，这意味着挑选特定内核补丁来修复 LTP 问题不如合并所有 LTS 内核修复程序来得稳妥。” 来源：开源中国拍一拍：内核发行版的碎片化问题也需要重视起来。欧盟承认 GDPR 实施有难度欧盟的一份官方报告透露，生效已有两年的数据保护法规 GDPR 正被证明难以实施

使用CSS更改HTML5输入的占位符颜色

阅读更多关于使用CSS更改HTML5输入的占位符颜色

问题： Chrome supports the placeholder attribute on input[type=text] elements (others probably do too). Chrome支持 input[type=text] 元素的占位符属性（其他人也可能这样做）。 But the following CSS doesn't do anything to the placeholder's value: 但是以下 CSS 对占位符的值没有任何作用： input[placeholder], [placeholder], *[placeholder] { color: red !important; } <input type="text" placeholder="Value"> Value will still remain grey instead of red . Value 仍然是 grey 而不是 red 。 Is there a way to change the color of the placeholder text? 有没有办法改变占位符文本的颜色？解决方案：参考一： https://stackoom.com/question/Ax6n/使用CSS更改HTML-输入的占位符颜色参考二： https://oldbug.net/q

程序员编程艺术第三十二~三十三章：最小操作数，木块砌墙问题

阅读更多关于程序员编程艺术第三十二~三十三章：最小操作数，木块砌墙问题

第三十二~三十三章：最小操作数，木块砌墙问题作者：July、caopengcs、红色标记。致谢：fuwutu、demo。时间：二零一三年八月十二日题记再过一两月，便又到了每年的九月十月校招高峰期，在此依次推荐：程序员编程艺术 http://blog.csdn.net/column/details/taopp.html ；秒杀99%的海量数据处理面试题 http://blog.csdn.net/v_july_v/article/details/7382693 ；《编程之美》；微软面试100题系列 http://blog.csdn.net/column/details/ms100.html ；《剑指offer》一年半前在学校的那会，我曾经无比疯狂的创作程序员编程艺术这个系列，因为当时我坚信它能帮到更多的人找到更好的工作，此刻今后，我更加无比坚信这点。同时，相信你也已看到，编程艺术系列的创作原则是把受众定位为一个编程初学者，从看到问题后最先想到的思路开始讲解，一点一点改进，不断优化。而本文主要讲下述两个问题：第三十二章：最小操作数问题，主要由caopengcs完成；第三十三章：木块砌墙问题，主要由红色标记和caopengcs完成。全文由July统一整理修订完成。OK，还是很真诚的那句话：有任何问题，欢迎读者随时批评指正，感谢。第三十二章、最小操作数

2020-5-16CF反思

阅读更多关于 2020-5-16CF反思

CF凉了是显然的，不然也不会写这篇反思了。开题很快 A C AC A C 了 A A A 和 B B B 。到了 C C C 的时候定睛一看 Like any unknown mathematician, Yuri has favourite numbers: A , B , C A, B, C A , B , C and D D D , where A ≤ B ≤ C ≤ D A≤B≤C≤D A ≤ B ≤ C ≤ D . Yuri also likes triangles and once he thought: how many non-degenerate triangles with integer sides x , y x, y x , y and z z z exist, such that A ≤ x ≤ B ≤ y ≤ C ≤ z ≤ D A≤x≤B≤y≤C≤z≤D A ≤ x ≤ B ≤ y ≤ C ≤ z ≤ D holds? Yuri is preparing problems for a new contest now, so he is very busy. That’s why he asked you to calculate the number of triangles with described property. The

.net微信公众号开发——模板消息

阅读更多关于 .net微信公众号开发——模板消息

作者：王先荣本文介绍微信公众号中的模板消息，包括以下内容：（1）TemplateMessage类简介；（2）设置所属行业；（3）获得模板id；（4）发送模板消息；（5）接收推送模板消息发送结果事件。本文演示地址： http://xrwang.net/Example/TemplateMessage.aspx 本文源代码地址： http://git.oschina.net/xrwang2/xrwang.weixin.PublicAccount/tree/master/PublicAccount/TemplateMessage http://git.oschina.net/xrwang2/xrwang.weixin.PublicAccount/blob/master/xrwang.net/Example/TemplateMessage.aspx.cs 1 TemplateMessage类简介 TemplateMessage静态类封装了跟模板消息相关的方法，见下表：方法名功能 SetIndustry 设置行业 GetId 获取模板id Send 发送模板消息 2 设置所属行业 TemplateMessage类的SetIndustry方法用于设置公众号所属的行业，该方法的定义如下： /// <summary> /// 设置行业 /// </summary> /// <param

订阅 RED