cosine

余弦の博客

= WA 的一声就哭了 =

cos avatar

cos

FE / ACG / 手工 / 深色模式强迫症 / INFP / 兴趣广泛养两只猫的老宅女 / remote

文章列表

post cover
青训营笔记

2022-01-24

2440 字

本文系统介绍了 Node.js 的应用场景、运行时结构、核心特性及实战开发流程,重点讲解了其在前端工程化、HTTP 服务器搭建、服务端渲染(SSR)中的应用,并通过异步编程、回调优化、性能分析等实践展示了其开发优势与局限。文章还探讨了 Node.js 的跨平台特性、性能瓶颈、部署方案以及与底层技术(如 V8、N-API、WASM)的深度结合,强调其在开发效率、工具链成熟度和跨端应用中的独特价值。

post cover
青训营笔记

2022-01-22

3271 字

文章系统介绍了HTTP协议的基本原理、请求响应机制、状态码、缓存策略(强缓存与协商缓存)、HTTP/2与HTTPS特性,并结合实际场景如静态资源加载、跨域问题(CORS)、单点登录(SSO)和登录流程进行分析。同时对比了RESTful API设计思想、常见请求头与响应头,以及WebSocket和QUIC等现代通信技术,最后总结了HTTP在实际应用中的优化策略与演进方向。

post cover
青训营笔记

2022-01-21

7008 字

文章系统讲解了动画的基本原理、发展史及前端实现技术,重点介绍了CSS动画、SVG动画和JS动画的实现方式与特点。通过解析CSS动画的属性(如@keyframes、transform、transition)和动画机制(帧率、补间、帧率与视觉暂留),以及SVG通过SMIL、JS或CSS实现的动画效果,文章阐述了不同技术在UI设计、数据可视化等场景中的适用性与局限性。

post cover
青训营笔记

2022-01-21

2572 字

文章系统介绍了React的历史背景、核心设计思想与应用场景,重点阐述了其组件化、单向数据流、虚拟DOM和Hook机制,并分析了React在前端、移动端及桌面端的广泛应用。通过虚拟DOM实现高效UI更新,结合响应式编程和状态管理库(如Redux、MobX)解决状态共享与复杂依赖问题,同时对比了React与Vue在函数式编程和模板语法上的差异,强调了组件组合优于继承的设计理念。

post cover
青训营笔记

2022-01-20

1678 字

文章系统总结了前端调试的多平台、多环境特点,并详细介绍了 Chrome DevTools 的核心功能,如元素检查、控制台输出、源码调试、性能分析、网络请求监控等。重点讲解了如何通过 Source Map 调试压缩代码、移动端(iOS/Android)真机与模拟器调试、代理工具实现跨域和抓包,以及实用技巧如线上修改代码、小黄鸭调试法等,强调了前端调试在开发流程中的重要性。

post cover
青训营笔记

2022-01-19

1157 字

文章系统梳理了前端开发的起源、发展历程与核心架构,从早期静态网页到如今的动态交互、模块化组件化时代,介绍了React、Vue、Webpack等主流技术与工具,并阐述了前端在企业、客户和开发者三大领域的应用。同时,文章深入讲解了浏览器、网络协议、Web标准(W3C、Ecma、WHATWG、IETF)的制定流程与参与方式,强调了掌握Web标准和理解浏览器技术对前端工程师的重要性。

post cover
青训营笔记

2022-01-17

2944 字

这节课系统讲解了 JavaScript 面向对象设计与组件封装的核心原则,通过深色模式切换和电商轮播图案例,展示了“各司其责”和“零 JS 实现展示逻辑”的最佳实践。重点介绍了高阶函数(如节流、防抖、批处理、可迭代化)的实现与过程抽象思想,强调通过函数式编程提升代码的可复用性、可测试性和可维护性。

post cover
青训营笔记

2022-01-16

3865 字

文章系统介绍了CSS盒模型的组成与属性,包括内容区、内边距、边框和外边距的定义与计算方式,重点讲解了box-sizing、overflow、display、浮动、Flex布局和Grid布局等核心概念,详细说明了各布局方式中元素的排列、对齐、伸缩及响应式行为,帮助理解网页中元素的布局机制与渲染逻辑。

post cover
后端

2021-12-16

5111 字

文章系统总结了Java中常用的设计模式、核心编程概念及实际应用,重点涵盖了工厂模式、装饰器模式、观察者模式、代理模式和策略模式的设计思想与应用场景,强调了通过设计模式提升代码可维护性与可扩展性。同时介绍了Java对象实例化方式、反射、序列化、监听器机制、AOP切面编程、Socket网络通信、多线程同步与线程池、数据库连接池等关键技术,以及Comparable和Comparator比较接口的使用,为理解Java面向对象编程和实际开发提供了全面的理论与实践基础。

post cover
后端

2021-12-16

1791 字

文章通过实例讲解了Java反射机制的使用,展示了如何通过Class对象动态获取类的字段、方法、构造方法并创建对象;同时介绍了Collection接口的基本操作、迭代器的遍历方式以及比较器在集合排序中的应用;对比了JavaScript、Python和Java在正则表达式使用上的异同;最后简要介绍了工厂模式和观察者模式的设计思想及实现思路。