式溪

因为Vue 3.0刚推出，本身打算只是简单了解下，但了解Vue 3.0的新特性后，如monorepo代码管理，源码偏向函数性编程，还有Composition Api设计，拍手叫绝，决定认真学习下，刚好前段时间拉勾教育搞特惠，用便宜的价钱买了Vue 3.0源码解析，结合最近在拉勾…

最近看到有些朋友去大厂面试时，面试官几乎都要求手撕原生代码 (真的手撕哦，不是仅仅懂原理)。这年头不会手撕原生代码，算法，都不好意思叫自己程序员 (=_=)，揾食艰难。我自己有些慌了，所以把我所知的记录下来。 call是Function的一个原型方法，可以改变传入函数的this…

之前曾经写过一篇 一文搞懂页面请求至渲染的过程 (小白版)，算是把前端的网络知识梳理一遍，不过没有把相关概念详细探讨，还有一些网络概念没有记下来。希望通过这篇文章，一口气把所有重要的网络概念总结。 UDP是TCP/IP协议中传输层中其中一种常见的协议，它是面向无连接的，无状态，…

看拉勾教育的 前端高手进阶 教人怎样写CSS预处理器，觉得学到不少知识，打算写篇笔记记录下来。 支持以“$”符号开头的变量定义和使用。 举一个例子以更好了解要实现的功能。我们希望能把下面的样式表: 因此我们需要编写一个 编译器，所谓编译器就是把一种语言转换为另一种语言，例如gc…

最近拉勾教育送了前端高手進階這個小課給我，看了下meta標簽的內容，覺得挺有趣，平時不太注意，沒想到挺有用的標簽。結合w3school的內容，通過這篇文章把知識整理一下。 meta標簽，故名思義，主要是用來記錄網頁的元信息的，而這些信息是不會在頁面上看到的。 僅僅列出屬性不足以…

看了Vue SSR的文档，还是搞不太懂SSR要怎样配置，结合拉勾前端训练营所讲的内容，整理一篇笔记。这部分拉勾前端训练营讲得特别清晰，不少内容看文档没有注意到，讲课的老师真的很棒（毕竟是大厂出来的）。 data-server-rendered="true" 是用来作标记，标示是…

为什么我们要使用Nuxt?这要从Vue，React等响应式框架出现之前说起。在这些框架出现前，前端页面的内容是直观的，也就是说，服务端发出的内容是什么，客户端接收的是什么，例如html的内容如下: 如果服务端所发送的是如上的页面，客户端就直接渲染它。然而，随着前端越来越复杂，开…

源码实现前，先简单回顾Vue。Vue是一款响应式数据框架，它可以构成MVVM框架项目，即视图与业务逻辑分离，然后用数据模型操作视图，这样就可以避免大量的DOM操作，让开发者更关注于业务逻辑。 用一个简单的例子展示这个概念。 上面的例子是一个简单的vue示例。用过vue的开发者都…

整理一下在拉勾前端训练营的Vue的知识，所以写下这篇文章。 Vue-Router是Vue中常用的插件。先简单回顾一下Vue-Router是做什么和怎样用。 Vue-Router是官方的路由器，用来构建单页面应用。所谓单页面应用，就是当用户点击超链接时，浏覧器不会向服务端发起请求…