前端视野区
文章平均质量分 83
优价实习
开发工程师,各种求职技巧分享与你!
展开
-
如何学习Typescript?(推荐)
完整的Typescript,由简单到复杂,复杂重点类型操作、联合类型等通过动画和照片形式展示,更容易理解。丰富题目:分位简单,中等、苦难,有简到难。在线编辑器,用于练习,极其方便。原创 2022-11-11 17:20:05 · 198 阅读 · 0 评论 -
TS代码整洁之道(下)
格式化是让代码整洁的一个简单却又重要手段(我在项目组见过,有多年工作经验的老司机也未对代码格式化),但是,格式定义却没有什么硬性规定。争论那种格式更好都是徒劳,浪费时间,在格式化上这点上,最重要的就是要统一,项目或公司级的统一格式规范。确实,很多国内外公司都有自己的代码格式规范。试想,如果一个接口是一个大而全的抽象,那么实现这个接口就会成为一种负担,因为需要实现一些不需要的方法。这个原则的定义是:“如果 S 是 T 的一个子类型,那么类型 T 的对象可以被替换为类型 S 的对象,而不会改变程序的正确性”。原创 2022-10-27 19:32:49 · 580 阅读 · 0 评论 -
TS代码整洁之道(上)
可能因为我们一直关注需求和模型,代码往往被忽略。虽然现在有很多低代码平台可以批量生产代码,但是代码层面的抽象和其呈现的细节是无法被忽视的。我们可能都碰到过类的情况:项目初期迅速迭代,随着项目日渐复杂,维护迭代成本逐渐变大,对A处代码的修改都会影响C和D处代码,甚至你不知道会不会影响其他地方代码。随着混乱增加,团队的生产力下降,开发效率降低,开发成本回增高。为了解决以上因“糟糕”代码带来的各种问题,在读完《Clean Code》后总结一下代码整洁之道,核心围绕“净”。原创 2022-10-27 19:29:39 · 1958 阅读 · 0 评论 -
使用 CSS object-fit 属性裁剪图片
曾经是否想要一张图片精确地适配某个尺寸大小、但同时还要保持它的长宽比、避免出现图片被压扁的情况?在很长一段时间内,使用 CSS 很难做到这一点。但现在object-fit属性就能解决这个问题了!除了这三个值,object-fitcontaincoverfillnonescale-downcontainnone下面有一张图片, 它的原始尺寸是:宽 1200px,高 674px。我们设置成一半大小显示,即 600px * 337px。如果在不改变高度的情况下,将宽度再设置为 300px。原创 2022-09-23 14:45:11 · 2012 阅读 · 0 评论 -
【React 源码】(五)React 应用的启动过程
本章节介绍了react应用的 3 种启动方式. 分析了启动后创建了 3 个关键对象, 并绘制了对象在内存中的引用关系. 启动过程最后调用进入包,进而调用函数, 与reconciler运作流程中的输入阶段相衔接.原创 2022-08-22 15:55:54 · 1190 阅读 · 0 评论 -
【React 源码】(四)reconciler 运作流程
本节从宏观上分析了reconciler 运作流程, 并将其分为了 4 个步骤, 基本覆盖了包的核心逻辑.原创 2022-08-22 15:49:57 · 329 阅读 · 0 评论 -
超全面的前端切图技巧读这篇就够了
相信每个前端都经历过用PS手动切图的原始手法,有时候偷懒,还会直接用QQ截图,现在想想真是初生牛犊不怕虎😅当时就在想,如果能有一款神器,帮我解放切图这种“体力活”该多好!于是,它来了👇摹客,前端必备开发神器摹客作为新一代的产品协作设计平台,快速简单的智能标注和自动切图功能,将原本枯燥的体力活进行了极大的削减,而它所拥有的“绝技”却远远不止这些:原创 2022-03-17 19:16:07 · 2840 阅读 · 0 评论 -
web前端录屏技术方案与实现详解
随着互联网技术飞速发展,网页录屏技术已趋于成熟。例如可将录屏技术运用到在线考试中,实现远程监考、屏幕共享以及录屏等;而在我们开发人员研发过程中,对于部分偶发事件,异常监控系统仅仅只能告知程序出错,而不能清晰的告知错误的复现路径,而录屏技术或许能帮我们定位并复现问题。那么本文将从有感录屏和无感录屏两方面给读者分享一下录屏这项技术,希望可以帮助你对网页录屏有一个初步认识。原创 2022-03-17 19:12:06 · 5314 阅读 · 0 评论 -
TS:接口VS类型别名
在接触 ts 相关代码的过程中,总能看到 interface 和 type 的身影。写代码感觉谁像是一堆亲兄弟,相同的功能用哪一个都可以实现。但最近总看到他们,就想深入的了解一下他们。1.interface:接口TypeScript 的核心原则之一是对值所具有的结构进行类型检查。 而接口的作用就是为这些类型命名和为你的代码或第三方代码定义数据模型。interface ConfigValue { label: string;}function print(labelledObj: Co原创 2022-01-24 14:26:59 · 503 阅读 · 1 评论 -
【1期】2021年在Web领域有哪些关键进展?
2021前端关键性技术进展报告原创 2022-01-07 10:56:23 · 136 阅读 · 0 评论