经过一个阶段测试，终于找到两个 markdown 转 html 并实现代码高亮的工具，并以最简代码（几十行）实现了炫酷的展示效果。步骤很少，也很简单，零基础也应该一看就会。往下看吧......，需要安装有Node环境哦！

1 缘起

因为markdown 文档编辑器具有语法简单、文件简洁、标准化、使用广泛等特点，所以一直习惯采用 markdown 编辑器写文章，但仍有一些网站不支持 markdown 编辑器，想尝试将 markdown 转成 html 再发布，采用 Javascript 来实现，尤其想达到 CSDN 博客、简书这样的展示效果。

实现高性能负载均衡的进阶实操指南

经典书籍《NGINX 完全指南》中文版全新再版

学习CSS是构建好看网页的一种方式。 但是，在学习过程中，我们倾向于（大部分时间）限制自己，一遍又一遍地使用相同的属性。 毕竟，我们是一种习惯性的动物，我们会使用自己习惯且熟悉的东西。

因此，在这篇文章中，向你介绍7个 比较少见且好用的 CSS 属性，希望对你有所帮助。

1. vertical-align

CSS 的属性 vertical-align 用来指定行内元素（inline）或表格单元格（table-cell）元素的垂直对齐方式。

蜂鸟网作者：高炮兵的兵

出自蜂鸟网-风光摄影，原贴链接：https://m.fengniao.com/thread/10874902.html

skylight，位于Havana Hotel的最顶层，是芽庄最高的建筑，那里有芽庄唯一的一座空中酒吧。

白天是餐厅，入夜后是热闹的酒吧，氛围很好。

用餐同时可以眺望芽庄的街景以及海景。

无论是白天还是黑夜，都是一种视觉享受，

相对而言我更喜欢它的傍晚，你可以喝上一杯下午茶，配点小食，感受视觉、听觉、味觉的盛宴。

大家好，很高兴又见面了，我是"

globalThis对象

JavaScript语言越来越被广泛地用于各种环境中。除了Web 浏览器之外，还可以在服务器，智能手机甚至机器人硬件中运行 JavaScript 程序。

每个环境都有其自己的对象模型，并提供了不同的语法来访问全局对象。

一.什么是DOM

我们知道，无论是现在的开发框架（底层还是操作DOM）还是传统的开发都离不开DOM的操作，所以了解和学习DOM是必须的，也是成为一个全面的前端开发的必备知识和内容，那接下来我们就来看下什么是DOM，DOM的全称文档对象模型，DOM的本质就是让我们通过JS来对页面的元素进行操作的一套浏览器提供的API，它的实现方式是将页面所有的内容表示为可以修改的对象，下面就是我们比较常见的几个元素在DOM中的对应关系：

前端换肤方案 - element+less无感换肤（无需页面刷新）

前言

前不久在改造一个迭代了一年多的项目时，增加了一个换肤功能。通过自己的探索，总结出了一套比较合适的改造方案供大家参考，如有更好的方案欢迎评论区踊跃评论

先上效果：

编辑导语：产品经理在日常工作中会接触到多方面的同事，也会产生比较多的交流，那除了接受需求以及判断需求以外，更多的是与开发小哥“battle”；本文作者分享了关于前端开发工程师的一些工作日常，我们一起来了解一下。

今天要介绍的是产品经理的小伙伴之一：前端开发工程师，虽然天天和他们打交道，但是想必大家都没有好好的“关心”过他们，今天我们一起来看看天天接触的前端工程师到底在忙些什么。

用js实现html页面水印

要在 HTML 页面中添加水印并防止截图，可以使用 JavaScript。以下是实现的基本步骤：

1、在 HTML 中添加一个 div 元素作为水印容器，并设置其样式。

2、使用 JavaScript 动态生成水印内容，并将其添加到水印容器中。

3、通过 CSS 设置水印文本的样式，例如颜色、字体大小等。

4、使用 CSS 将水印容器置于所有其他元素的最顶层，从而覆盖整个页面。

5、监听窗口的 resize 和 scroll 事件，以便及时更新水印位置。