前后两端不设限-腾讯云开发者社区

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

前后两端不设限

专栏成员

35

文章

22573

阅读量

15

订阅数

前端自动化测试

腾讯云测试服务 api 渲染 react html

本文主要是介绍基于React+Ant Design（以下用Antd表示Ant Design）的项目，在对于自己封装的，或者基于Antd封装的公共组件的自动化测试技术的选型和实践。

河马嘴不大

2022-12-24

1.9K0

说说Loading这件小事

网站 react vue.js

不管是从最早的原生JavaScript还是到现在的React、Vue，只要有页面的地方就有loading，似乎loading是一个前端同学永远也绕不过去的坎。之所以说是坎，因为在页面中对于loading的控制，确实让前端工程师比较头疼，但大家似乎对于loading很多时候也不是那么在意，可有可无，也放在最后优化。本篇文章，我们从loading的分类、需求产生、视觉状态、生命周期几个方面介绍一下loading。

河马嘴不大

2022-12-24

1K0

前端代码风格自动化系列（五）之共同出击

git eslint jsx lint prettier

我们在前面的四篇中介绍了husky、commitlint、lint-staged、prettier这些工具，可以完成以最小的代价在Git提交到远程仓库前，格式化为统一风格的代码，eslint大家都很熟悉这里就不列举了。下面举一个配置。

河马嘴不大

2022-12-24

2430

前端代码风格自动化系列（四）之Prettier

Prettier是一个支持多语言的代码格式工具，如常用的：js、jsx、Vue、Flow、Ts、HTML、CSS等，非常全面，将代码解析为AST，然后重新组装，目的是最终输出风格统一的代码，对比eslint对error的fix要强一些，如最大长度的改动，eslint只是对有问题的地方进行格式化修改，不改动源代码风格，而prettier是对全量的代码进行格式化。

河马嘴不大

2022-12-24

3580

前端代码风格自动化系列（三）之Lint-staged

javascript git json eslint

在我们介绍了Husky、Commitlint之后，来看一个前端文件过滤的工具Lint-staged，代码的格式化肯定会涉及到文件系统，一般工具会首先读取文件，格式化操作之后，重新写入。对于较大型的项目，文件众多，首先遇到的就是性能问题，虽然如Eslint之类的也有文件过滤配置，但毕竟还是对于匹配文件的全量遍历，如全量的.js文件，基本达不到性能要求，有时还会误格式化其他同学的代码，因此我们引入Lint-staged，一个仅仅过滤出Git代码暂存区文件(被committed的文件)的工具。

河马嘴不大

2022-12-24

8340

前端代码风格自动化系列（二）之Commitlint

git 编程算法

在有了Husky赋能之后，我们有能力在Git的钩子里做一些事情，首先不得不提的是代码的提交规范和规范的校验，优雅的提交，方便团队协作和快速定位问题。首推Commitlint，另外@加神推荐了Gitmoji也是一个很有意思的工具。

河马嘴不大

2022-12-24

5150

前端代码风格自动化系列（一）之Husky

git json javascript

代码风格和性格一样，每个程序员都有自己的特点，但对于大家协同开发的项目，还是需要力求代码风格的一致性，以减少Bug，方便互相修改，短时间内能上手，在这条路上诞生了许许多多的工具。本系列主要介绍目前主流的前端代码格式化的工具。

河马嘴不大

2022-12-24

7460

PostCSS原理解析

api 网站 css postcss 编程算法

前端工程化日益成熟今天，我们对于工具越来越深的封装。不管是从vue-cli的3.0版本起，还是umi、bigfish 等前端脚手架，对于webpack都封装在内，对于工程化无疑是高效的，但也在一定程度上让新手们者失去了从零配置一个项目的机会，所以很多时候还是希望能透过大神们的框架，研究一下底层结构。

河马嘴不大

2022-12-24

5710

前端脚手架构建实践

npm 命令行工具 json node.js 网站

在前端工程化过程中，为了解决多项目中，相似度高的工作，便诞生许多前端脚手架，这里记录下自己实现一个简易前端脚手架过程的实践。主要是解决多个页面相似内容的复制粘贴问题，功能类似于Webstorm的Live template，或者Vscode的Snippets。

河马嘴不大

2022-12-24

1.1K0

Babel 配置实验报告

babel.js javascript 打包 css

JavaScript语言的更新，也伴随着 Babel 的成长，对于一个前端而言，JavaScript 新的 API 自然很香，但代价就是我们要转译它，比较常用工具的就是 Babel 。

河马嘴不大

2022-12-24

1K0

二叉树遍历

这3种遍历都属于递归遍历，或者说深度优先遍历（Depth-First Search，DFS），因为它总是优先往深处访问。

河马嘴不大

2022-12-24

2990

动态规划有时被称为递归的相反的技术。递归是从顶部开始将问题分解，通过解决所有分解小问题的方式，来解决整个问题。而动态规划这是从底部开始解决问题，将所有小问题解决掉，然后合并成整体的解决方案，从而解决掉整个大问题。递归方式虽然很简洁，但是效率不高，但是不能说递归是不好的，本质上是，命令式语言和面向对象的语言对递归的实现不够完善，因为它们没有将递归作为高级编程特性。

河马嘴不大

2022-12-24

2410

假设编号分别为a,b,c,d,e的五件物品，重量分别是2,2,6,5,4，价值分别是6,3,5,4,6，现在有一个承重为10的背包，如何装入物品具有最大价值？

河马嘴不大

2022-12-24

3070

二叉树常见面试题

二叉树编程算法文件存储

输入某二叉树的前序遍历和中序遍历的结果，请重建出该二叉树。假设输入的前序遍历和中序遍历的结果中都不含重复的数字。

河马嘴不大

2022-12-24

1870

链表常见面试题

输入两个单调递增的链表，输出两个链表合成后的链表，当然我们需要合成后的链表满足单调不减规则。

河马嘴不大

2022-12-24

1580

javascript 编程算法

数组方法：在Array.prototype中定义 ECMAScript3: 12个 join reverse sort concat slice splice push\pop unshift\shift toString\toLocaleString 区别在于new Date( ) “Thu Dec 14 2017 11:35:15 GMT+0800 (CST)” / “2017/12/14 上午11:35:15” ECMAScript5: 10个 forEach map filter every\

河马嘴不大

2022-12-24

3.2K0

Antd源码浅析（三）InputNumber组件二

antd input render src

上篇我们讲了InputNumber组件的主要结构组成，本篇我们来分析，InputNumber组件的核心实现rc-input-number的源码，即<RcInputNumber/>组件。虽然我们是浅析Antd组件，但本着专注、严谨的科学态度，这里河马君会为大家从Antd库入手，讲解背后的依赖库，深入到最底层，主要一个是为了理解代码，另一个是看看大家都用哪些开源库，加快开发进度。

河马嘴不大

2022-12-24

1.1K0

Antd源码浅析（二）InputNumber组件一

编程算法 spring boot react

上篇我们讲了Icon组件，Icon组件是Antd源码库中实现比较简单的组件，适合大家入门，这篇文章主要和大家一起分析一下数字输入框组件，即InputNumber，难度适中，但蕴含的Antd里较为经典的开发场景，适合大家比较深入的了解Antd背后的思想。

河马嘴不大

2022-12-24

2K0

Antd源码浅析（一）Icon组件

javascript apache react typescript vue.js

最近在写B端的项目，用到了Ant Design，清爽而优雅。故想深入源码了解一二，但鉴于技术浅薄，不敢深究，故写浅析，不喜勿喷，对其中的组件做一些分析，主要目的有两个：

河马嘴不大

2022-12-24

1.7K0

最小编辑距离

给定 2 个字符串 a, b. 编辑距离是将 a 转换为 b 的最少操作次数，操作只允许如下 3 种：

河马嘴不大

2022-12-24

8550

点击加载更多

社区活动

【纪录片】中国数据库前世今生

穿越半个世纪，探寻中国数据库50年的发展历程

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态