在zabbix的使用中，不知大家是否有遇到过这种场景——当我们要给别人看图表数据时会觉得不方便，因为zabbix的图表类型不够丰富，且同时只能展示一项数据（虽然可以创建聚合图...
发简信
IP属地：上海
-
利用Grafana为zabbix做dashboard -
第 018 期 链表在前端的应用
数组是常用的数据结构。数组顺序是由下标决定的，因此访问数组的元素速度很快。但是，往数组添加或删除元素时，需要把数组中的其他元素向前或向后移动，速度比较慢。 在元素很多，经常要...
-
第 017 期 8 个实用的 Lodash 方法介绍
Lodash 提供了很多很多的工具方法。本文介绍其中 8 个实用的方法。 1 对象的深度拷贝 对象的深度克隆是很困难的。 JSON.parse(JSON.stringify(...
-
第 016 期 前后端经常争吵？ - BFF 了解一下
在开发中，前端希望根据 UI 来划分接口，这样用户体验好，前端实现也容易。后端希望根据业务模块划分接口，这样有利于服务下沉和解耦。前端和后端间可能会有的对话: 后端: 你多调...
-
第 015 期 优化令人生畏的条件语句的 4 个技巧
嵌套太深，分支太多的条件语句令人生畏，难以维护。本文介绍减少嵌套深度和条件分支数量的一些技巧。 优化技巧 技巧1：尽早返回无效条件 优化为: 技巧2：直接执行对象上的方法替代...
-
第 014 期 用适配器模式来降低耦合
耦合指模块与模块之间关联的程度。两个模块的关联性强，称为高耦合，反之称为低耦合。 强耦合的代码是脆弱的，不容易复用的。改一处代码，可能导致不得不改一堆与之耦合的代码。因此，降...
-
第 013 期 优化移动端输入框占位符的交互体验 - CSS :placeholder-shown在移动端，如果标签和输入框在一行中显示，显示的有点窄。 如果标签和输入框各占一行显示，又浪费空间。有没有两全其美的方案呢？ Material Design[https://m...
-
第 012 期 易学易用的模板代码生成神器 - Plop
我们在做新的页面或组件时，会做很多重复的初始化的工作。如创建类似的文件: 组件文件，样式文件等。文件中写类似的初始化代码: 引入样式，定义组件，导出组件等。 Plop 能帮你...
-
第 011 期 用 Tailwind CSS 来快速写样式
Tailwind CSS 是最有名，最强大的 CSS 工具类框架。 工具类 CSS 是把常用的样式封装成类。如: 用工具类 CSS 写样式很快。原因： 专注于 HTML，不需...
-
第 010 期 如何更有效的使用 google？对开发者来说，google 是个不可或缺的工具，那么如何更有效的使用 google 呢？这里有几个小 tip，可以更有效的过滤搜索结果： 双引号操作符 进行精确匹配的搜索 A...
-
第 009 期 点击 UI 跳转到编辑器中对应的组件源码的工具 - React Dev Inspector
在成百上千个组件的大型项目中，找页面上的 UI 对应的组件源码很花时间。对于新加入项目的同学来说，找源码就更花时间了。 如何快速找到源码呢？写文档，详细的记录各业务模块的组件...
-
第 008 期 用 Composition API 重构 Mixins 代码
在 Vue 中，Mixins 可以包含任意组件的选项。这使得用 Mixins 能很方便的抽象多个组件间的公共部分，但也会带来一些问题: 命名冲突导致的运行结果的不确定性。组件...
-
第 007 期 装得快，省空间的包管理神器 - pnpm
现代前端项目往往依赖很多第三方包。如果能大幅提升装包速度和减少包占的空间，是极好的。 解决方案 pnpm 是类似 npm / Yarn 的包管理器。特点: 装包速度快。比 n...
-
第 006 期 React 运行时性能优化之减少渲染组件的次数
减少组件的渲染次数，能提升 React App 的运行时性能。通过写法的优化，可以减少不必要的组件渲染次数。 优化写法 1. 组件 Render 时，避免 state， pr...
-
第 005 期 Vue 运行时性能优化之减少渲染组件的次数
减少组件的渲染次数，能提升 Vue App 的运行时性能。通过写法的优化，可以减少不必要的组件渲染次数。 优化写法 1. 缓存动态组件 开发中，我们会碰到用动态组件的情况。如...
