前端工匠公众号

我是浪里行舟，每周分享至少两篇前端文章，致力于打造一系列能够帮助初中级工程师提高的优质文章

深入浅出Vue响应式原理

浪里行舟 7月8日发布
30 收藏

Vue 最独特的特性之一，是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时，视图会进行更新。这使得状态管理非常简单直接，不过理解其工作原理同样重要，这样你可以避开一些常...

139

详解vue组件三大核心概念

浪里行舟 5月30日发布
109 收藏

本文主要介绍属性、事件和插槽这三个vue基础概念、使用方法及其容易被忽略的一些重要细节。如果你阅读别人写的组件，也可以从这三个部分展开，它们可以帮助你快速了解一个组件的所有功能。

108

vue组件间通信六种方式（完整版）

浪里行舟 5月17日发布
89 收藏

组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系：

JavaScript中的垃圾回收和内存泄漏

浪里行舟 4月30日发布
52 收藏

程序的运行需要内存。只要程序提出要求，操作系统或者运行时就必须供给内存。所谓的内存泄漏简单来说是不再用到的内存，没有及时释放。为了更好避免内存泄漏，我们先介绍Javascript垃圾回收机制。

深入理解HTTPS工作原理

浪里行舟 4月26日发布
52 收藏

近几年，互联网发生着翻天覆地的变化，尤其是我们一直习以为常的HTTP协议，在逐渐的被HTTPS协议所取代，在浏览器、搜索引擎、CA机构、大型互联网企业的共同促进下，互联网迎来了“HTTPS加密时代”，HTTPS将在未来的...

你不知道的浏览器页面渲染机制

浪里行舟 4月10日发布
62 收藏

浏览器的内核是指支持浏览器运行的最核心的程序，分为两个部分的，一是渲染引擎，另一个是JS引擎。渲染引擎在不同的浏览器中也不是都相同的。目前市面上常见的浏览器内核可以分为这四种：Trident（IE）、Gecko（...

深入了解浏览器存储--从cookie到WebStorage、IndexedDB

浪里行舟 4月3日发布
54 收藏

随着移动网络的发展与演化，我们手机上现在除了有原生 App，还能跑“WebApp”——它即开即用，用完即走。一个优秀的 WebApp 甚至可以拥有和原生 App 媲美的功能和体验。WebApp 优异的性能表现，有一部分原因要归功于...

117

春招季如何横扫 Javascript 面试核心考点(基础版)？

浪里行舟 3月29日发布
97 收藏

Javascript是前端面试的重点，本文重点梳理下 Javascript 中的常考知识点，然后就一些容易出现的题目进行解析。限于文章的篇幅，无法将知识点讲解的面面俱到，本文只罗列了一些重难点，如果想要了解更多内容欢迎...

TCP和UDP比较

浪里行舟 3月20日发布
52 收藏

网络协议是每个前端工程师都必须要掌握的知识，TCP/IP 中有两个具有代表性的传输层协议，分别是 TCP 和 UDP，本文将介绍下这两者以及它们之间的区别。

深入理解JavaScript执行上下文和执行栈

浪里行舟 3月18日发布
37 收藏

如果你是一名 JavaScript 开发者，或者想要成为一名 JavaScript 开发者，那么你必须知道 JavaScript 程序内部的执行机制。执行上下文和执行栈是JavaScript中关键概念之一，是JavaScript难点之一。理解执行上下文...

深入理解JavaScript作用域和作用域链

浪里行舟 3月15日发布
50 收藏

JavaScript中有一个被称为作用域(Scope)的特性。虽然对于许多新手开发者来说，作用域的概念并不是很容易理解，本文我会尽我所能用最简单的方式来解释作用域和作用域链，希望大家有所收获！

101

Web 实时推送技术的总结

浪里行舟 3月14日发布
74 收藏

随着 Web 的发展，用户对于 Web 的实时推送要求也越来越高，比如，工业运行监控、Web 在线通讯、即时报价系统、在线游戏等，都需要将后台发生的变化主动地、实时地传送到浏览器端，而不需要用户手动地刷新页面。...

一文读懂HTTP/2 及 HTTP/3特性

浪里行舟 3月6日发布
42 收藏

HTTP/2 相比于 HTTP/1，可以说是大幅度提高了网页的性能，只需要升级到该协议就可以减少很多之前需要做的性能优化工作，当然兼容问题以及如何优雅降级应该是国内还不普遍使用的原因之一。

160

写技术博客那点事

浪里行舟 2月14日发布
91 收藏

写文章是一个短期收益少，长期收益很大的一件事情，人们总是高估短期收益，低估长期收益。往往是很多人坚持不下来，特别是写文章的初期，刚写完文章没有人阅读会有一种挫败感，影响了后期创作。

189

常见六大Web 安全攻防解析

浪里行舟 1月31日发布
144 收藏

在互联网时代，数据安全与个人隐私受到了前所未有的挑战，各种新奇的攻击技术层出不穷。如何才能更好地保护我们的数据？本文主要侧重于分析几种常见的攻击的类型以及防御的方法。

366

九种跨域方式实现原理（完整版）

浪里行舟 1月25日发布
288 收藏

同源策略是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSRF等攻击。所谓同源是指"协议+域名+端口"三者相同，即便两个不同的域名指向同一个ip地址，也非同源。同源...

JS 异步编程六种方案

浪里行舟 1月14日发布
62 收藏

我们知道Javascript语言的执行环境是"单线程"。也就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务。

106

浅拷贝与深拷贝

浪里行舟 2018年12月24日发布
77 收藏

数据分为基本数据类型(String, Number, Boolean, Null, Undefined，Symbol)和对象数据类型。

127

前端模块化详解(完整版)

浪里行舟 2018年12月21日发布
98 收藏

在JavaScript发展初期就是为了实现简单的页面交互逻辑，寥寥数语即可；如今CPU、浏览器性能得到了极大的提升，很多页面逻辑迁移到了客户端（表单验证等），随着web2.0时代的到来，Ajax技术得到广泛应用，jQuery等...

fetch 如何请求数据

浪里行舟 2018年12月20日发布
40 收藏

在传统Ajax 时代，进行 API 等网络请求都是通过XMLHttpRequest或者封装后的框架进行网络请求,然而配置和调用方式非常混乱，对于刚入门的新手并不友好。今天我们介绍的Fetch提供了一个更好的替代方法，它不仅提供...