- 综合排序
- 最热优先
- 最新优先
- 来自专栏九彩拼盘的叨叨叨
Web前端进阶之路：提升前端开发效率
低效的7大原因： 消极的心态，身体状态不好，目标不明确，思路不清晰，工作被打断，杂乱无章，做可被替代的重复劳动。
58511发布于 2020-05-04 - 来自专栏Coco的专栏
前端构建效率优化之路
、提升开发体验 大项目的发布构建的效率提升，能更好的保证项目发布、回滚等一系列操作的准确性、及时性 本文，就将详细介绍整个 WMS FE 项目，在随着项目体量不断增大的过程中，对整体的打包构建效率的优化之路 基于上述的一些分析，本文将从如下几个方面探讨对构建效率优化的探索： 基于 Webpack 的一些常见传统优化方式 分模块构建 基于 Vite 的构建工具切换 基于 Es-build 插件的构建效率优化 那么，为什么随着项目的增大，构建的效率变得越来越慢了呢？ 前端能发挥的空间不大，这一块主要和 SRE 团队沟通，共同进行优化，可以做的有增加缓存处理、外挂文件系统、将依赖写进容器等方式。 前端从最早期的刀耕火种，到逐步向工程化迈进，到如今的泛前端工程化囊括的各式各样的标准、规范、各种提效的工具。构建效率优化可能会处于一种一直在路上的状态。
1.5K20编辑于 2022-09-19 - 来自专栏吴文周的专栏
前端-团队效率（一）流程设计
下面是本人关于前端思路（之后会不断补充）
56310发布于 2020-01-17 - 来自专栏吴文周的专栏
前端-团队效率（二）代码规范
// "javascript.suggest.autoImports": true,
1.6K30发布于 2020-01-17 - 来自专栏吴文周的专栏
前端-团队效率-gitlab小悟
为什么要使用项目管理？ 项目阶段性，一个项目比如有开发，测试，bug修复，迭代的种种阶段。甚至于不同区域部署不同的代码。正式由于这些阶段的每个状态都是需要我们严格控制与管理的所有才会有git这样的工具出现。帮助我们管理代码的不同阶段与不同状态。 成员的多数性，团队管理的述求。团队协作开发代码已经是常态怎么合理的管理不同成员之间的不同权限，不同开发需求。都是我们应该思考的问题？不同需求不同文件的代码合入，同一代码文件，不同需求的冲突解决？ 怎么管理项目（以gitlab为例） 其实正如我们刚才所说的，项目管理就
53520发布于 2020-01-17 - 来自专栏江歌闲谈
VS Code 提高前端开发效率插件
自动添加 HTML/XML 关闭标记，与 Visual Studio IDE 或 Sublime 文本相同
2.5K00发布于 2021-06-14 - 来自专栏终身学习者
前端开发 Mock 利器，效率提升 100%！
前端的痛苦 作为前端，最痛苦的是什么时候？ 每个迭代，需求文档跟设计稿都出来了，静态页面唰唰两天就做完了。可是做前端又不是简单地把后端吐出来的数据放到页面上就完了，还有各种前端处理逻辑啊。 后端接口还没出来，我就得边写代码边测前端效果，又没有真实数据。有人建议用 Mock 工具，可是每个接口都要自己写 Mock 规则，这得浪费多少时间呀。 就是那种，明明知道这个地方整个团队都可以更有效率，但偏偏就是做不到的无力感。 黎明的希望 直到有一天，我遇到这个神器。我的效率提升了 100%。 直到我遇到这个神器，我才明白好的工作习惯能给我提升多少效率。 现在的我已经不一样了。我认为这款神器能够把全中国前端程序员的工作效率都提升一倍。我也希望在读这篇文章的你，能够好好把这款工具用起来。 总共有 20 组 id 和名字，比如你在前端要生成一个填满数据的二维表格，一次就能 Mock 一整套！只需要短短几行代码！
52130编辑于 2022-04-25 - 来自专栏吴文周的专栏
前端-团队效率（四）私有npm仓库
私有仓库 安全性，私有服务部署在公司内部，避免不必要的业务代码泄露 效率性，本地内网服务器下载或者阿里云下载速度比外网下载更快？看人品 其他npm仓库的好处（统一管理啥的偷懒了） how？
2.5K10发布于 2020-01-17 - 来自专栏码艺坊
Vue虚拟DOM：如何提高前端开发效率
前言随着前端技术的不断发展，越来越多的框架和库涌现出来，其中Vue.js成为了最受欢迎的前端框架之一。Vue.js采用了响应式数据绑定和组件化的思想，让开发者可以更加高效地构建交互式的用户界面。 二、虚拟DOM的优势虚拟DOM的出现，主要是为了解决前端开发中频繁操作DOM带来的性能问题。在传统的前端开发中，当数据发生变化时，我们需要直接操作DOM，例如添加、删除、修改节点等等。 此外，虚拟DOM还具有以下优势：（1）提高开发效率 在开发过程中，我们可以先使用虚拟DOM进行开发和调试，然后再将其转换为真实DOM进行部署。这样做可以提高开发效率，同时也方便了调试和测试。 （4）开发效率在开发过程中，我们可以先使用虚拟DOM进行开发和调试，然后再将其转换为真实DOM进行部署。这样做可以提高开发效率，同时也方便了调试和测试。 这样做可以提高开发效率，同时也方便了调试和测试。
54741编辑于 2023-12-14 - 来自专栏txy自动搬运
Prettier+Vscode setting提高前端开发效率
前言 大家好，上一篇一文读懂 系列的文章中我们介绍了前端的代码格式化校验工具ESLient。代码格式是进行自动校验了，但你还要一个个的微调，很麻烦不是吗？ files.exclude中，在文件配置那 结尾 vscode设置中比较经常使用的应该就是编译器、搜索方位、自动保存、隐藏文件等几个项了 有了ESLient自动校验格式和Prettier自动保存格式，至此前端的项目开发再无后顾之忧 ，开发效率大大提高，项目代码规范良好。
1.2K10编辑于 2024-09-09 - 来自专栏玩转AI
前端如何借助 AI 工具提升开发效率
前端如何借助 AI 工具提升开发效率 前言 大家好，我是喵喵侠。在日新月异的前端开发领域，开发效率的提升显得尤为重要。随着人工智能（AI）技术的不断进步，各种AI工具在前端开发中的应用也越来越广泛。 所以在这篇文章，我会告诉你 AI 工具的通用技巧，带你了解如何借助AI工具来提升前端开发效率，并通过实际的业务场景和案例展示这些工具的实际应用效果。 AI 工具在前端开发中的应用 就我目前日常使用来说，AI工具在前端开发中的应用，主要体现在以下几个方面： 代码生成与自动补全 AI工具通过学习大量的代码示例，帮助开发者自动生成代码或进行代码补全。 数据格式处理 前端开发经常需要处理各种复杂的数据格式。AI工具可以通过智能算法快速解析和转换数据格式，从而提高处理效率。例如，可以使用AI工具自动将复杂的API响应数据转换为符合应用需求的格式。 总结 AI工具在前端开发中的应用为开发者带来了显著的效率提升。通过自动代码生成、智能数据处理和快速组件生成等功能，开发者可以更专注于业务逻辑和用户体验的优化，而不再被繁琐的重复性工作所困扰。
2.1K22编辑于 2024-06-07 - 来自专栏黄啊码【CSDN同名】
学会前端调试技巧，提升排错效率
比如一个接口状态码是4xx，属于客户端错误，我们就需要排查自己前端的代码问题；如果状态码是5xx，属于服务器端错误，我们就可以找后端撕逼，协助他们排查解决。 四、常用调试技巧线上即时修改我们平时在 Source 面板在线修改调试代码，会实时更新效果，但浏览器一刷新之前修改的全部恢复原样，这样子调试代码效率就很低，只能浏览器调试改点，代码跟着改点很麻烦。 Charles 配置 Map Local移动端问题排查：使用代理抓包工具（Charles、Fiddler...）隐藏深的问题排查：小黄鸭调试大法（一行行挨着读代码，梳理清楚代码逻辑）欲善其事必先利器，要想提升排错效率 ，快速解决线上问题，我们就需要用好上述介绍的前端调试工具和技巧。
2.6K10编辑于 2022-07-15 - 来自专栏《C++与 AI：个人经验分享合集》
如何利用Web Components提高前端开发效率？
它为前端开发提供了一种模块化的方法，可以提高开发效率。 下面是一些利用 Web Components 提高前端开发效率的方法： 代码重用：Web Components 可以创建可独立使用的组件，这些组件可以在不同的项目中进行重用。 与现有框架集成：Web Components 可以与现有的前端框架（如React、Angular等）无缝集成。 这些工具可以提供开发的便利性和效率，如组件库、工具链等。 总结来说，利用 Web Components 可以实现代码重用、组件化开发、与现有框架集成、自定义元素、样式封装和生态系统支持等优势，从而提高前端开发的效率。
22010编辑于 2024-12-09 - 来自专栏吴文周的专栏
前端-团队效率-node脚手架进程守护
来源：掘金 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
51300发布于 2020-01-30 - 来自专栏吴文周的专栏
前端-团队效率-node脚手架进程守护
使用说明 npm install nguardpym -g ngp run xxx 新增 .ngplimit 文件配置需要监听变化的文件或者目录 例如在 .ngplimit 文件写入vue.config.js 下载全局命令，执行npg run xx 替换用npm run xx 需求背景 node项目中越来越多的脚手架命令 修改脚手架配置文件，或者中间层服务时可以热跟新不需要重启服务 配置化，无缝命令切换 解决方案 监听配置文件中的文件以及文件目录，如果发生变化重启服务 新增同质化的系统命令 核心技术模块
40730发布于 2020-02-19 - 来自专栏吴文周的专栏
前端-团队效率-vscode插件自动补充ts类型
插件说明 auto-ts-inline-types，在vscode插件市场搜索 安装完成之后，在ts代码编辑区域，右击选择autoTsType,执行等待，执行完成，ts类型已经补充 补充说明由于算法的缺陷和部分补充代码不兼容ts的写法，依然有bug存在以及需要手工调整 需求背景 ts类型的补充是代码健壮性的保证之一 类型引用层级与个人代码水平各异导致类型不能全部补充，写ts和写es5差距不大，反而有些本末倒置的意思 常见解决方案 代码提示，在vscode中有各种各样的代码提示插件，本人也安装了一个小众的由
5.4K30发布于 2020-01-17 6个提升前端开发效率的必备工具
在互联网中，许许多多由社区开发的工具，可以让前端开发人员的工作生活变得更加轻松。今天我想和大家分享的，是我最喜欢的一些前端开发常用工具，这些工具真的对我的工作很有帮助。 1 EnjoyCSS 说实话，虽然我做了很多前端开发工作，但我仍然不能出色地运用CSS。这个非常简单的工具，就是我遇到困难时的救星。 3 Postman 自从我开始前端开发生涯，Postman就一直在我的开发人员工具集中。它在后端检查GET、POST、DELETE、OPTIONS和PUT在内的一系列端点这方面，起到了非常显著的作用。
1.5K20编辑于 2022-08-11- 来自专栏吴文周的专栏
前端-团队效率（三）Vue cli3 配置
以下是本人的Vue cli3 配置 （如遇问题升级webpack到4.16.5，其他还有问题可以留言，版本兼容问题确实是脚手架配置阶段的核心问题）
1.7K40发布于 2020-01-17 - 来自专栏Web 技术
9 个提升前端开发者效率的网站
这个工具可以对难看的JavaScript、CSS、HTML、XML和JSON代码进行重新格式化和缩进，使其重新具有可读性。
84430编辑于 2022-07-29 - 来自专栏吴文周的专栏
前端-团队效率（五）开发一个Vue插件
问题：一个项目的开发过程中或者一个公司的多个项目中都会各种相同的组件，结果左写一个，右写一个，需求变化后，左把红色变成绿色，点击变成悬浮，右还不知道。乃至于一个轮播功能A同事引用了插件1，B同事引用了插件1.1或者另一个插件。
65610发布于 2020-01-17
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号