- 前言我是一个掘金重度用户，不仅经常在掘金上挖掘含金量高的文章，偶尔还在掘金上创作技术文章。相信读者们也对掘金非常满意，尤其是它的文章编辑器，不仅支持Markdown编辑，而且还支持代码高亮、分屏预览、自动保存等等。本文将用React＋CodeMirror＋Showdown实现一个类似于掘金编辑器的单页应用。动图效果先不说那么多，先上动图效果吧。 布局下面是掘金文章编辑器的布局。可以看到，编辑... 前言我是一个掘金重度用户，不仅经常在掘金上挖掘含金量高的文章，偶尔还在掘金上创作技术文章。相信读者们也对掘金非常满意，尤其是它的文章编辑器，不仅支持Markdown编辑，而且还支持代码高亮、分屏预览、自动保存等等。本文将用React＋CodeMirror＋Showdown实现一个类似于掘金编辑器的单页应用。动图效果先不说那么多，先上动图效果吧。 布局下面是掘金文章编辑器的布局。可以看到，编辑...
- 一、ES单独使用1、ES安装（建议Linux系统）：步骤一：安装较新版本的Java，确保环境变量配置正确，JDK版本不能低于1.7_55。步骤二：安装Elasticsearch：https://www.elastic.co/cn/downloads/elasticsearchLinux版本$ wget https://artifacts.elastic.co/downloads/elast... 一、ES单独使用1、ES安装（建议Linux系统）：步骤一：安装较新版本的Java，确保环境变量配置正确，JDK版本不能低于1.7_55。步骤二：安装Elasticsearch：https://www.elastic.co/cn/downloads/elasticsearchLinux版本$ wget https://artifacts.elastic.co/downloads/elast...
- 在软件测试中web功能测试是很常见的，相较于性能测试，web功能测试难度还是比较小的，通俗来说web测试就是web网站的测试，基于BS架构的软件产品的测试，那么web功能测试具体包括哪几方面呢？1.链接测试，在这方面主要考虑所有链接页面是否存在，所有链接是否按指示的那样确实链接到了该链接的页面，还要测试web应用系统上没有孤立的页面。2.表单测试，表单一般指在界面进行和数据提交操作的，包括新... 在软件测试中web功能测试是很常见的，相较于性能测试，web功能测试难度还是比较小的，通俗来说web测试就是web网站的测试，基于BS架构的软件产品的测试，那么web功能测试具体包括哪几方面呢？1.链接测试，在这方面主要考虑所有链接页面是否存在，所有链接是否按指示的那样确实链接到了该链接的页面，还要测试web应用系统上没有孤立的页面。2.表单测试，表单一般指在界面进行和数据提交操作的，包括新...
- 准备工具：IntelliJ IDEA 2019.2.3 x64 apache-tomcat-8.5.15实现账号踢出功能解释：账号踢出指一个账号在A处已登录，如果在B处再次登录该账号时，则使得A处的账号自动退出。login.jsp<%-- Created by IntelliJ IDEA. User: admin Date: 2020/11/11 Time: 15:11 To ch... 准备工具：IntelliJ IDEA 2019.2.3 x64 apache-tomcat-8.5.15实现账号踢出功能解释：账号踢出指一个账号在A处已登录，如果在B处再次登录该账号时，则使得A处的账号自动退出。login.jsp<%-- Created by IntelliJ IDEA. User: admin Date: 2020/11/11 Time: 15:11 To ch...
- 1.一般测试（单点性能测试）通过性能测试手段，模拟对系统进行低并发或者无并发，不会对系统造成压力的测试为一般性的性能测试。 目的主要是为了验证在正常情况下，系统是否能满足性能指标要求。 2.负载测试 前提首先要对真实场景进行数据统计，根据这个统计数据进行模拟用户使用真实场景。 在真实场景下，我们不断按比例增加用户数，直到系统性能出现拐点，此时长时间运行，观察系统是否正常 。3.性能拐点"拐点... 1.一般测试（单点性能测试）通过性能测试手段，模拟对系统进行低并发或者无并发，不会对系统造成压力的测试为一般性的性能测试。 目的主要是为了验证在正常情况下，系统是否能满足性能指标要求。 2.负载测试 前提首先要对真实场景进行数据统计，根据这个统计数据进行模拟用户使用真实场景。 在真实场景下，我们不断按比例增加用户数，直到系统性能出现拐点，此时长时间运行，观察系统是否正常 。3.性能拐点"拐点...
- 一般理解的接口测试无非就是，输入url、参数值，点击请求发送查看一下响应值和响应状态码是否正常就完事儿了。但是接口测试真正的关注点不值这些，今天就给大家说说接口测试有那些需要关注的地方。在实际项目中，后端接口测试通过后，一般前端还需要再测试一遍，读者可能会提出疑问：后端接口测试一遍，前端也测试一遍，是不是重复测试了？其实这两者并不重复，区别在于后端接口测试和前端功能测试各自的侧重点不一样，后... 一般理解的接口测试无非就是，输入url、参数值，点击请求发送查看一下响应值和响应状态码是否正常就完事儿了。但是接口测试真正的关注点不值这些，今天就给大家说说接口测试有那些需要关注的地方。在实际项目中，后端接口测试通过后，一般前端还需要再测试一遍，读者可能会提出疑问：后端接口测试一遍，前端也测试一遍，是不是重复测试了？其实这两者并不重复，区别在于后端接口测试和前端功能测试各自的侧重点不一样，后...
- 1. 摘要Webpack是一种前端资源构建工具，一个静态模块打包器。在Webpack看来，前端的所有资源文件(js/json/css/img/less/…)都会作为模块处理，当Webpack处理应用程序时，它将根据模块的依赖关系进行静态分析，打包生成对应的静态资源。Webpack打包流程图如图1-1所示。图1-1 Webpack打包流程图2. Webpack五个核心概念2.1 Entry入口... 1. 摘要Webpack是一种前端资源构建工具，一个静态模块打包器。在Webpack看来，前端的所有资源文件(js/json/css/img/less/…)都会作为模块处理，当Webpack处理应用程序时，它将根据模块的依赖关系进行静态分析，打包生成对应的静态资源。Webpack打包流程图如图1-1所示。图1-1 Webpack打包流程图2. Webpack五个核心概念2.1 Entry入口...
- 一、什么是React？ React是一个JavaScript库-最受欢迎的JavaScript库之一，在GitHub上有超过100,000个星。 React不是一个框架（与Angular不同，后者更自以为是）。 React是Facebook创建的一个开源项目。 React用于在前端构建用户界面（UI）。 一、什么是React？ React是一个JavaScript库-最受欢迎的JavaScript库之一，在GitHub上有超过100,000个星。 React不是一个框架（与Angular不同，后者更自以为是）。 React是Facebook创建的一个开源项目。 React用于在前端构建用户界面（UI）。
- 大体了解了一下目前流行的三大技术框架 大体了解了一下目前流行的三大技术框架
- 【引言】本文就对于当下顶级的前端开发技术做个相对详尽的探究，目的是为了解开这些前端技术的面纱，看看各自的庐山真面目。 【React】React（也被称为React.js或ReactJS）是一个用于构建用户界面的JavaScript库。它由Facebook和一个由个人开发者和公司组成的社区来维护。React可以作为开发单页或移动应用的基础。然而，React只关注向DOM渲染数据，因此创建Rea... 【引言】本文就对于当下顶级的前端开发技术做个相对详尽的探究，目的是为了解开这些前端技术的面纱，看看各自的庐山真面目。 【React】React（也被称为React.js或ReactJS）是一个用于构建用户界面的JavaScript库。它由Facebook和一个由个人开发者和公司组成的社区来维护。React可以作为开发单页或移动应用的基础。然而，React只关注向DOM渲染数据，因此创建Rea...
- 【引言】最近接到一个任务，说JavaHelp的License存在涉A问题，因此需要裁剪或者替换。由于这个库是针对桌面系统应用开发框架Swing的支持，而Swing是一个非常老旧的框架，目前很难找到对应的替代品。本文就从JavaHelp的背景和所提供的功能来探索一下自研替换的可能性。【替换的技术】由于我们帮助系统的内容是基于HTML的静态网页，本文就假定用前端框架应用来替换目前的帮助系统，由于... 【引言】最近接到一个任务，说JavaHelp的License存在涉A问题，因此需要裁剪或者替换。由于这个库是针对桌面系统应用开发框架Swing的支持，而Swing是一个非常老旧的框架，目前很难找到对应的替代品。本文就从JavaHelp的背景和所提供的功能来探索一下自研替换的可能性。【替换的技术】由于我们帮助系统的内容是基于HTML的静态网页，本文就假定用前端框架应用来替换目前的帮助系统，由于...
- 【引言】代表性状态转移（REST）是一种软件架构风格，它定义了一套用于创建Web服务的规则。符合REST架构风格的Web服务被称为RESTful Web服务，它提供了互联网上计算机系统之间的互操作性。RESTful Web服务允许请求系统通过使用一组统一的、预定义的无状态操作来访问和操作Web资源的文本格式数据。 在互联网上，"网络资源 "最初被定义为通过URL来标识的文档或文件。然而，今天... 【引言】代表性状态转移（REST）是一种软件架构风格，它定义了一套用于创建Web服务的规则。符合REST架构风格的Web服务被称为RESTful Web服务，它提供了互联网上计算机系统之间的互操作性。RESTful Web服务允许请求系统通过使用一组统一的、预定义的无状态操作来访问和操作Web资源的文本格式数据。 在互联网上，"网络资源 "最初被定义为通过URL来标识的文档或文件。然而，今天...
- 前后端分离demo的部署开发，需要解决的问题总结，以及全配置分享。 前后端分离demo的部署开发，需要解决的问题总结，以及全配置分享。
- 使用npm太慢？入门VUE找不到资料？这里实时更新。 使用npm太慢？入门VUE找不到资料？这里实时更新。
- 编码规范轻体验前言编码规范指的是针对特定编程语言约定的一系列规则，通常包括文件内容组织、缩进、注释、声明、语句、空格、命名约定、编程实践、编程原则和最佳实践等。 比如各类方法的命名约定：查询的方法以get或query做前缀；插入的方法以add或insert做前缀；删除的方法以delete或remove做前缀；……如果你对编码规范已经有了一定了解，那么我们继续往下。规范制定编码规范制定一般会参... 编码规范轻体验前言编码规范指的是针对特定编程语言约定的一系列规则，通常包括文件内容组织、缩进、注释、声明、语句、空格、命名约定、编程实践、编程原则和最佳实践等。 比如各类方法的命名约定：查询的方法以get或query做前缀；插入的方法以add或insert做前缀；删除的方法以delete或remove做前缀；……如果你对编码规范已经有了一定了解，那么我们继续往下。规范制定编码规范制定一般会参...
上滑加载中
推荐直播
-
华为云码道-AI时代应用开发利器2026/03/18 周三 19:00-20:00
童得力，华为云开发者生态运营总监/姚圣伟，华为云HCDE开发者专家
本次直播由华为专家带你实战应用开发，看华为云码道(CodeArts)代码智能体如何在AI时代让你的创意应用快速落地。更有华为云HCDE开发者专家带你用码道玩转JiuwenClaw，让小艺成为你的AI助理。
回顾中 -
Skill 构建 × 智能创作：基于华为云码道的 AI 内容生产提效方案2026/03/25 周三 19:00-20:00
余伟，华为云软件研发工程师/万邵业（万少），华为云HCDE开发者专家
本次直播带来两大实战：华为云码道 Skill-Creator 手把手搭建专属知识库 Skill；如何用码道提效 OpenClaw 小说文本，打造从大纲到成稿的 AI 原创小说全链路。技术干货 + OPC创作思路，一次讲透！
回顾中 -
码道新技能，AI 新生产力——从自动视频生成到开源项目解析2026/04/08 周三 19:00-21:00
童得力-华为云开发者生态运营总监/何文强-道通无人机企业AI提效负责人
本次华为云码道 Skill 实战活动，聚焦两大 AI 开发场景：通过实战教学，带你打造 AI 编程自动生成视频 Skill，并实现对 GitHub 热门开源项目的智能知识抽取，手把手掌握 Skill 开发全流程，用 AI 提升研发效率与内容生产力。
即将直播
热门标签