前端

  • 10min手写一个简易的内存监控系统🐌 🍄

    欢迎大家关注我的 微博和知乎

    本文需要有一定的python和前端基础,如果没基础的,请关注我后续的基础教程系列博客🐌 🍄

    项目地址,可以看到具体的代码,喜欢请加个星星

    腾讯视频链接

    录制中间网出问题了,重启了一下,所以有两部分 可以听到哥有磁性的声音

    • 视频1
    • 视频2

    本文的目的在于,尽可能用简单的代码,让大家了解内存监控的原理
    主题思路

    • 获取内存信息
    • 存储信息
    • 展现
    • 后续扩展
      • 加主机名,monitor部署在多台机器,不直接插数据库
      • 通过http请求的方式,一台机器起flask专门存数据monitor

    思路图

    第一步,我们需


  • Footprint--🐌🍄记录去过的足迹

    程序员的浪漫,我女朋友蘑菇喜欢旅游,于是我做了这个,记录2015一起去过的地方,祝她圣诞快乐

    如果觉得对你有帮助,求个star 项目地址

    视频教程

    开发时间很短,如有bug 请轻喷,有需求提issue,我会维护这个项目
    ├── README.md 说明文档
    ├── javascript 网页版本
    │   └── index.html
    └── python python版本
        ├── build.py 编译生成文件
        └── config.py 你需要修改的配置文件
    
    

    写配置文件,生成去过的足迹,哄妹子必备

    本文集中了我的前两篇文章日志

  • 日志可视化 🍄

    本文需要有一定的python和前端基础,如果没基础的,请关注我后续的基础教程系列博客
    本文所有的demo,都是浏览器下展示的

    同步发布在博客

    项目地址,跪求右上角star ⭐️ 🌟 🌠
    基于python,前端基于echarts,力求用简单的代码说明原理

    提纲

    • access日志按照什么维度展示数据
    • 和web结合,更好的体验,只需记住URL
    • 分页排序和搜索,表格展示体验的提升
    • 一图胜万言,汇总信息更友好的展示
    • 逼格满满,让IP信息在地图上展示
    • 后续展望--机房网络流量可视化,机器、机柜、机房3D展示

    背景

    老板要看日志数据汇总

    • 本文重点:如何做可视化
    • 目标:如何用友

  • 论left-pad的实现

    这两天微博上看到左耳朵耗子吐槽了一下node社区的left-pad的代码,原po链接

    01

    我也思考了一下 怎么用实现一个left-pad比较合适,上图代码确实比较搓
    leftpad功能,就是字符串前面拼指定字符到固定长度,比如
    leftpad('hello',20,'1'),就要返回'111111111111111hello'

    版本1 用数组+join

    
    function leftpad(str, len, ch) {
        if (!ch && ch !== 0) ch = ' ';
        var len = len - str.length;
     

  • woniu-cmdb

    🐌 奇技淫巧--写配置文件生成增删改查系统🍄

    项目地址
    线上demo,此页面都是一个配置文件自动生成的

    使用视频

    运维人员都不喜欢搞CMDB,因为有很多前端的内容,但CMDB却在运维圈占有重要的地位,开发CMDB就是各种增删改查,之后我有个想法,做一个写配置文件就自动生成页面的CMDB, 请支持我的woniu-cmdb,喜欢请star

    写好配置文件,自从生成页增删改查面不是梦

    此项目不仅限于cmdb,各种管理系统,都可以用此项目配置,改成学生老师啥的,就变成了学校内部的mis系统,我会一直维护这个项目,大家有新需求请提issue

    效果图(我们只写左边的配置,右边的