- 综合排序
- 最热优先
- 最新优先
- 来自专栏静之森
曲折的 Vue 3 重构后台之路
3个月前，曾经有过想法重构现在的后台。Vue 3 也正式发布很久了，所以是时候重构到 Vue 3 了。但是由于当时尝试了很多 UI 库之后都没有找到一个好用的库。没有一个库能很好的支持 TSX。 一番 demo 之后决定捡起三个月前的项目重构成 naive-ui。 CommonJS 在 prod 中的问题 刚开始基本都是一帆风顺，很快的就重构了之前用 element-ui 写的没法看的 table组件。但是之后在build之后的prod环境下出了问题。 后来我又想，不应该啊，vite 都 v2 怎么可能处理不了 CommonJS 模块，然后我就升级了一下 vite 版本（因为是 3 个月前的项目），但是还是不行。 直接和作者对接 build 内存溢出的问题 终于，5 天时间重构的差不多了，是时候投入生产了。
61530编辑于 2021-12-28 - 来自专栏IMWeb前端团队
移动端重构实战系列3——各种等分
”本系列教程为实战教程，是本人移动端重构经验及思想的一次总结，也是对sandal及sheral UI的一次全方位剖析，首发在imweb和w3cplus两大站点及“前端Talk”微信公众号，其余所有标注或没有标注来源的均为转载 default; // 目前只支持2 或 3 等分 .card-list { @if $cardFlexSwitch { display: flex; flex-wrap
45220发布于 2019-12-04 - 来自专栏云前端
用 Typescript + Composition API 重构 Vue 3 组件
本文会将使用 JavaScript 和 Options API 构建的传统结构 Vue 3 组件，重构为使用 TypeScript 和 Composition API 的版本。 同时因为这些既有组件拥有单元测试，我们也将观察这些测试在重构过程中是否仍有效、我们要不要改进它们。 至少经验告诉我们，如果只是进行不改变组件对外行为的单纯重构，是不用改变测试的；而如果需要的话，说明你的测试并不理想，它们关注了实现细节。 1. 既有组件 我们将重构 FilterPosts 组件。 下面来着手 NewsPost 组件的重构。 3. 所有测试通过，重构完成。 5. 讨论 值得注意的一点是我完全没为此次重构改变原先的单元测试。这是因为测试聚焦于组件公开行为，而非内部实现逻辑。好处就在于此。
1.7K30发布于 2020-07-09 - 来自专栏腾讯IMWeb前端团队
移动端重构实战系列3——各种等分
”本系列教程为实战教程，是本人移动端重构经验及思想的一次总结，也是对sandal及sheral UI的一次全方位剖析，首发在imweb和w3cplus两大站点及“前端Talk”微信公众号，其余所有标注或没有标注来源的均为转载 default; // 目前只支持2 或 3 等分 .card-list { @if $cardFlexSwitch { display: flex; flex-wrap
35820编辑于 2022-06-29 - 来自专栏全栈程序员必看
Unity3d的Log系统重构
编者注 由于要重写Unity3d的Log系统，变更为自定义方式，按照Log4j的显示的内容方法 Unity3d的Log 一般在Unity3d中编写日志入下代码 Debug.Log("hello message Unity3d的Debug原理 原理分析 在Rider中查看Debug.Log的实现，我们可以看到如下内容 public static void Log(object message) { Debug.unityLogger.Log
1.8K10编辑于 2022-07-20 - 来自专栏IMWeb前端团队
移动端重构实战系列3——各种等分
本文作者：IMWeb 结一 原文出处：IMWeb社区 未经同意，禁止转载 ”本系列教程为实战教程，是本人移动端重构经验及思想的一次总结，也是对sandal及sheral UI的一次全方位剖析， 首发在imweb和w3cplus两大站点及“前端Talk”微信公众号，其余所有标注或没有标注来源的均为转载。 default; // 目前只支持2 或 3 等分 .card-list { @if $cardFlexSwitch { display: flex; flex-wrap
1.7K70发布于 2018-01-08 - 来自专栏技术之路
重构学习-重构原则
什么是重构： 视上下文重构有两个不同的定义，第一个定义是名词形式 对软件内部结构的一种调整，目的是在不改变软件可观察行为的前提下，提高其可理解性，降低其修改成本 重构的另一人用法是动词形式 使用一系列的重构手法 强调一下，重构不会改变软件的可观察行为，也就是说重构之后功能和原来一样。 为什么要重构： 重构改进软件设计，如果没有重构，程序的设计会逐渐腐败变质。 重构的原动力是：代码设计无法帮助我轻松的添加我所需要的功能，如果用某种设计方式，添加功能会简单的多，这种情况可以用 重构来弥补。重构是一个快速流畅的过程，一旦完成重构，新特性的添加会更快速，更流畅。 如果在修改bug和审查代码时发现不合理的地方也要进行重构，这样是为了更好的阅读和理解代码 何时不重构： 如果发现代码太混乱，重构它不如重写来的简单这种情况下建议重写，不用进行重构。 最后你没有时间进行重构表明你其实早就该进行重构了 重构与性能： 有时为了让代码更容易理解，会做出一些使程序运行变慢的修改，这是个重要的问题。
1.3K50发布于 2018-01-31 - 来自专栏京程一灯
《重构-代码整洁之道TypeScript版》第3天
---- 今天让我们来继续第3天，老规矩先来回顾一下昨天我们都实现了哪些： Change Reference to Value（将引用对象改为值对象） Change Value to Reference （图片：博格达峰） 什么是重构? 简单理解就是不改变软件可观察行为的前提下，改善其内部结构,以提高理解性和降低修改成本。 ---- 1. 这里也可以使用逻辑与继续更复杂的应用 // if(isNotEligible){ if(isNotEligible && onVacation){ return 0; } } 3.
77530发布于 2020-08-04 - 来自专栏陶然同学博客
【网页前端】CSS进阶-综合案例3定位重构
本期介绍 本期主要介绍CSS进阶-综合案例3定位重构 文章目录 1. 综合案例 1：列车时刻表 1.1 需求说明 1.2 需求分析 1.3 代码实现 2. 综合案例 2：分块展示板 2.1 需求说明 2.2 需求分析 2.3 代码实现 3. 综合案例 3：商品广告页（主练案例） 3.1 需求说明 3.2 需求分析 4. 要求： 1 、 该内容在网页中居中显示 2 、 每个小块的“预约免费学习”，正常时是图 1 ，鼠标在文字上悬停时展示图 2 2.2 需求分析 2.3 代码实现 3. 综合案例 3：商品广告页（主练案例） 3.1 需求说明 如图，编写生成商城的 居中 商品广告页 提示：使用 table 更简单。 3.2 需求分析 4.
47630编辑于 2023-02-27 - 来自专栏神奇的程序员的专栏
使用Vite重构Vue3项目
前言 截止发文时间，vite正式版已经发布快2年时间了，vue3也发布到3.2版本了，它的周边设施基本上已经齐活了。也是时候再次重构下我那个vue3.0的开源项目了。 本篇文章就记录下我的重构过程，欢迎各位感兴趣的开发者阅读本文。 环境搭建 1年多前，我用Vue Cli 4.5构建的此项目，有关此项目的更多细节请移步我的另一篇文章使用Vue3重构Vue2项目。 vite --open", "build": "vue-tsc --noEmit && vite build", "preview": "vite preview" } } vite3. image-20220806102302026 解决方案 经过一番排查后，是因为项目typescript版本是3.x，跟3.2版本的vue不兼容，需要将其升级至4.x版本。 ： message-display.vue EventMonitoring.ts 项目地址 至此，项目的重构工作就结束了。
2.5K10编辑于 2022-10-30 - 来自专栏测试开发干货
接口测试平台代码实现55:首页重构-3
接下来我们进行美化操作： <h3> 您的请求记录：</h3> <div id="home_log_plan" style="padding-left: 20px;overflow-y:
54120编辑于 2022-05-19 - 来自专栏Go工具箱
3个实用重构技术，改进你的代码
代码重构是在不改变外部功能的情况下对现有代码进行改进。它是编程的核心部分之一，不容忽视。否则，您就无法获得更好的代码版本。代码重构可以增强代码的可读性、可维护性和可扩展性。 今天，我们将探讨一些可以帮助您更好地重构代码的技巧。 如何重构 在寻找重构的技术之前，让我们看看如何将代码重构集成到编码过程中。以下建议可用于此目的： 专门为重构代码分配时间。 将较大的重构问题分解为较小的问题进行管理。 试着让整个团队参与重构过程。 使用可以帮助您查找常见重构错误的自动化工具。 现在，让我们从用于重构的技术开始。 32; if (temperature > FREEZING_POINT) { // Do something if temperature is above freezing } 技术3： 重构后，我们将其替换为为两者提供和的函数。 结论 对于任何想要提高代码质量、性能和可维护性的开发人员来说，重构都是必不可少的实践。
61720编辑于 2023-08-28 - 来自专栏韩曙亮的移动开发专栏
【重构】重构概要--六大重构模块
重构方法介绍： 重构改善既有代码的设计 一 重新组织函数 关于注释 ：要尽可能少的使用注释 ， 注释越多代码的可读性反而更差，注释可以使用函数名来代替 ， 不要管函数名有多长， 即使函数名比函数中的代码还要长也不要紧 能更加明确的表明函数的意义，可以将这个算法替换； 二 在对象之间搬移特性 功能模块归属类：对象设计中， 将一个功能模块放在哪个类中，是最重要的任务之一，谁也不能一开始保证设计的是完全合适的，这就需要“对象之间搬移特性”这个重构方法 搬移函数和搬移字段：这两种重构方法都可以解决大多数的问题，如果两种方法同时使用，先搬移字段，在搬移函数。
96930编辑于 2023-03-27 - 来自专栏神奇的程序员的专栏
使用Vue3+TS重构百星websocket插件
前言 前几天我用Vue3重构了我那个Vue2的开源项目，最后还遗留了一个问题：项目中用的一个websocket插件还不能正常使用。于是，我决定重写这个插，让其支持Vue3。 插件解读 image-20201103005333494 如上图所示就是即将要重构的插件，目前有735个star，我们先将插件代码clone到本地。 ，接下来就可以用Vue3 + TypeScript来重构它了。 接下来，就跟大家分享下我的重构过程以及踩到的一些坑。 安装依赖 在用ts重构前，我们需要先安装相关依赖包，执行下述命令即可安装。 ，我们将整个项目的文件复制到一个vue3项目的node_modules/vue-native-websocket下，替换原先的文件。
3.4K30编辑于 2022-04-10 - 来自专栏程序员成长指北
使用 Vue3 重构 Vue2 项目(长文)
前言 2020年9月18日，vue3正式版发布了，前几天把文档整体读了一遍，感触很深，可以解决我项目中的一些痛点，于是就决定重构之前那个vue2的开源项目。 本篇文章就记录下重构vue2项目的过程，欢迎各位感兴趣的开发者阅读本文。 image-20201006154454592 项目目录对比 按照上述步骤，即可创建一个vue3的项目，接下来我们将需要重构的vue2项目的目录与上面创建的项目进行下目录对比。 项目重构 接下来，我们来一步步把vue2项目的文件迁移到vue3项目中，修改不合适的地方，让其适配vue3.0。 接下来我会尝试重构vue-native-websocket这个插件，让其支持vue3。 最后放上本文重构好的项目代码地址：chat-system
3.2K20发布于 2020-11-10 - 来自专栏大史住在大前端
angularjs1.X进阶笔记(3)——如何重构controller
一. 结构拆分 小型项目 通过子路由实现拆分分层，父级控制器控制共享模块，提供公共能力，子级分管自己的模块，父子级之间通过消息机制进行通讯。 中型项目 通过组合视图实现模块划分，组合视图共享同一个
71210发布于 2018-12-27 - 来自专栏爱编码
重构
个人觉得代码重构非常有必要，写程序不但要给机器运行，更让人看的明白。 写代码如写诗一样才行。（内容代码为主，建议实践一下比较好点） 实例 一个图书馆出租书的程序。 接着:直接看下面的代码重构呗 Book类： 将按照书的不同类型，按照不同价格统计的方法移动到Book类中，因为这个按理应该属于Book类中的。 第二次重构 经过第一次重构，还是没有实现需求修改增加多个分类的效果。那么接下来使用接口抽象来再次重构。 最后想说： 如果你发现自己需要为程序添加一个特性，而代码结构使你无法很方便地达成目的，那么就先重构那个程序，使特性的添加比较容易进行，然后再添加特性。 参考文章 【重构】作者: Martin Fowler
1.1K10发布于 2019-07-03 - 来自专栏程序员有故事
Vue3 来了，Vue3 开源商城项目重构计划正式启动！
所以，在这里呢，我也郑重的通知一下大家，newbee-mall-vue-app 这个开源的商城项目，我打算用 Vue3 进行升级重构了，目前已经开始着手开发了。 接下来，我会介绍一下升级的想法以及重构计划。 重构升级的想法 其实，一开始写这个开源商城项目的时候，就一直有留意过 Vue 3 的相关事宜，甚至一度也想过直接用 Vue3 来写，但是正式版一直没有发布，所以就继续用 Vue 2.x 版本开发了。 具体的开发计划 Vue3 正式版发布还不到一个月，我也在学习和摸索，现在也已经用 Vue3 写了不少的 demo，多多少少也掌握了一些知识点，所以近期会全力投入到 newbee-mall Vue3 版本的升级开发中 其它材料的准备 不止是项目开发，项目相关的一些图片我也要准备一下，因为是做关于 Vue3 版本的内容，所以要搞一些带有 Vue3 元素的图片，不过 Vue3 的图标较少，所以也在尝试着自己弄一下关于 Vue3
1.1K10发布于 2020-10-29 - 来自专栏青玉伏案
代码重构(三)：数据重构规则
在《代码重构(一)：函数重构规则（Swift版）》和《代码重构(二)：类重构规则（Swift版）》中详细的介绍了函数与类的重构规则。 (3).创建完Order与Customer类后，紧接着我们要创建测试用例了。并通过测试用例来发现问题，并在重构时对该问题进行解决。在测试用例中我们创建了三个订单，为每个订单关联一个Customer。 3.从根本上进行重构 上面代码的修改不能称为代码的重构，因为其改变的是不仅仅是模块内部的结构，而且修改了模块的调用方式。 (3)、对此次重进行测试，我们任然使用第一部分使用的测试用例。也就是说该模块对外的接口是没有变化的，下方就是对重构后的代码的测试结果。 1 //重构前 2 class Person { 3 var name: String = "" 4 5 init(name: String) { 6
1.5K60发布于 2018-01-11 - 来自专栏只喝牛奶的杀手
重构
说到重构，我们再来了解一下定义:重构是一种对软件内部结构的改善，目的是在不改变软件的可见行为的情况下，利用设计思想、设计原则、设计模式编程规范等理论来优化代码。 重构目的:1.重构是时刻保证代码质量的一个极其有效的手段，防止代码腐化。当代码腐化到一定程度，量变引起质变，项目的维护成本已经高过重新开发一套新代码的成本。2.优秀的架构和代码是迭代出来的。 时机：持续的重构(做好重构计划，小步快跑，要保证代码仓库中的代码一直处于可运行、逻辑正确的状态.要做好与新功能，老代码的兼容工作。利用静态代码扫描，codeReview做好日常持续重构)。 重构手法总结为“十六字心法”，非常形象、贴切：旧的不变，新的创建。一步切换，旧的再见。 “旧的不变”是指先不动旧方法；“新的创建”是指创建一个跟原来方法功能相同的新方法，你可以通过先复制再重构的方式，来得到这个新方法，也就是整个系统的一个增量；“一步切换”是指，在充分测试之后，新的方法可以完全替代旧方法了
55730编辑于 2023-09-18
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号