摘要: 基础知识 手摸手教你写出令人窒息的烂代码 在 GitHub 上有一个新项目,它描述了「最佳垃圾代码」的十九条关键准则。从变量命名到注释编写。这些准则将指导你写出最亮眼的烂代码。 妙用CSS变量,让你的CSS变得更心动 CSS变量又叫CSS自定义属性,为什么会突然提起这个很少人用到的东西呢?因为最近在 阅读全文
posted @ 2020-05-12 11:57 叶子的小窝 阅读(181) 评论(0) 推荐(0)
摘要: 基础知识 五分钟带你读懂TCP协议(图文并茂) TCP 是互联网核心协议之一,本文介绍它的基础知识。 亲,你的防盗链钥匙,在我手上 防盗链,就是防你盗用我的链接。一般情况下以图片防盗链居多,我们也来看看图片防盗链是如何做出来的。 进阶知识 CSS 渲染原理以及优化策略 了解CSS 渲染以及优化相关的 阅读全文
posted @ 2020-05-12 11:57 叶子的小窝 阅读(126) 评论(0) 推荐(0)
摘要: 基础知识 前端程序员必备的 UI 设计知识 前端不懂设计最多是个全栈工程师,前端懂设计可以成为爆栈工程师。 Web正文字体发展简史 当你正在纠结选择什么样的字体大小,尤其是在您尝试适应不同的屏幕和场景时。回顾一下网页字体发展的历史变化,或许会给你一个新的视角。 进阶知识 从Node.js的path模 阅读全文
posted @ 2020-05-12 11:57 叶子的小窝 阅读(90) 评论(0) 推荐(0)
摘要: 基础知识 如何用一行代码实现了网页黑白显示 看看 BAT 的做法 如何快速开发一个自己的项目脚手架? 随着业务发展,我们往往会沉淀出一套更“个性化”的业务方案。这时候我们最直接的做法就是开发出一个该方案的脚手架来,以便今后能复用这些最佳实践与方案。 进阶知识 精读《Webpack5 新特性 - 模块 阅读全文
posted @ 2020-05-12 11:57 叶子的小窝 阅读(160) 评论(0) 推荐(0)
摘要: FE篇 基础知识 12个前端必会 H5 问题及解决方法 作为一个开发了多个 H5 项目的前端工程师,在开发过程中难免会遇到一些兼容性等爬过坑的问题。现在我将这些问题一一汇总一下,并在后面给出坑产生的原理,和现阶段常规的填坑方案。由此来做一个阶段性的总结。 小白必看,JSBridge 初探 JSBri 阅读全文
posted @ 2020-05-12 11:56 叶子的小窝 阅读(218) 评论(0) 推荐(0)
摘要: 基础知识 Web性能领域常见的专业术语 测量与排查网页的性能瓶颈,是一名专业Web性能优化者的基本功。 网页布局简史 你都经历过哪些布局方式呢? 进阶知识 从敲下一行JS代码到这行代码被执行,中间发生了什么? 我们每天都在写JS,你是否想过,计算机是怎么识别你的这一行代码,并且执行相应指令? 系统设 阅读全文
posted @ 2020-05-12 11:56 叶子的小窝 阅读(156) 评论(0) 推荐(0)
摘要: 基础知识 Cookie 的 SameSite 属性 Chrome 51 开始,浏览器的 Cookie 新增加了一个SameSite属性,用来防止 CSRF 攻击和用户追踪。 通过HTML属性可改善用户的双重身份验证体验 合适的场景,提供给用户合适的键盘。 进阶知识 像 JavaScript 一样思考 阅读全文
posted @ 2020-05-12 11:54 叶子的小窝 阅读(137) 评论(0) 推荐(0)
摘要: 基础知识 Web上的图片技巧 在这篇文章中,我们将学习各种图片添加方式,以及每种方式的优缺点,以及什么时候和为什么要使用每种方式的上下文。 JavaScript ES2020必知必会新特性 了解一下ES2020的最新特性吧 进阶知识 你知道source-map的原理是什么吗 我们开发时候的源码跟通过 阅读全文
posted @ 2020-05-12 11:16 叶子的小窝 阅读(149) 评论(0) 推荐(0)
摘要: 基础知识 Web 视频播放前前后后 这应该是目前写的最为完整的关于 Web 视频播放的文章。从简单的 Video 元素到 MSE 直播的应用,作者给出了具体的代码,文章由浅入深,普及现代 Web 播放技术的前前后后。五星推荐阅读。 缓存详解 缓存是一种保存资源副本并在下次请求时直接使用该副本的技术。 阅读全文
posted @ 2020-05-12 11:14 叶子的小窝 阅读(334) 评论(0) 推荐(0)
摘要: 基础知识 如何进行 web 性能监控 ? 本文主要整理下如何进行 web 性能监控?包括我们需要监控的指标、监控的分类、performance 分析以及如何监控。但是,如何进行 web 性能监控本身是一个很大的话题,文中只会侧重一部分进行研究,某些内容不是很全面。 关于NodeJS 工作原理的五个误 阅读全文
posted @ 2020-05-12 11:10 叶子的小窝 阅读(110) 评论(0) 推荐(0)
摘要: 基础知识 剖析 npm 的包管理机制 本文从三个角度:package.json、版本管理、依赖安装结合具体实例对 npm 的包管理机制进行了详细分析。 关于 Babel 那些事儿 大部分前端攻城狮对 Babel 并不陌生,但是在这个 Ctrl+C 和 Ctrl+V 的年代,大多数人对它也只是知道、了 阅读全文
posted @ 2020-05-12 11:08 叶子的小窝 阅读(136) 评论(0) 推荐(0)
摘要: 基础知识 彻底搞懂移动Web开发中的viewport与跨屏适配 viewport是移动端跨屏适配的基石,吃透这一概念,任何复杂多变的适配需求,都可以手到擒来。 6种移动端1px解决方案 在移动端web开发中,UI设计稿中设置边框为1像素,前端在开发过程中如果出现border:1px,测试会发现在re 阅读全文
posted @ 2020-05-12 11:05 叶子的小窝 阅读(142) 评论(0) 推荐(0)
摘要: 基础知识 一文带你彻底搞懂跨域那些事(不只会用) 通过实例介绍各种跨域方案。 编写高质量JavaScript模块的4个最佳实践 这篇文章提供了关于如何更好地组织 JavaScript 模块的 4 个最佳实践。 进阶知识 微前端如何落地? 微前端不是银弹,当前也没有最佳实践,但是这是一个非常好的学习机 阅读全文
posted @ 2020-05-12 11:04 叶子的小窝 阅读(161) 评论(0) 推荐(0)
摘要: 基础知识 React组件开发的十条最佳实践 创建被许多人使用的组件是困难的。尤其当组件的属性作为公开API的一部分,你不得不仔细考虑哪些属性应该接受。这篇文章会快速介绍一些在API设计时的通用最佳实践,并且给出10条明确的最佳实践指导你创建让同事开发者喜欢使用的组件。 使用TypeScript开发W 阅读全文
posted @ 2020-05-12 11:03 叶子的小窝 阅读(171) 评论(0) 推荐(0)