前端慢报-CSDN博客

原创实战桌面端markdown编辑器入门Electron

由于好奇Electron技术加上著名的markdown编辑器Typora宣布收费，于是就想借着开源的bytemd实现自己的markdown编辑器，顺便记录下在使用Electron中的踩的一些坑

2022-06-20 15:03:50 795 1

原创 Vite 是如何做热更新的

假如我们自己做热更新HMR（Hot Module Reload/Replacement），我们大体的思路是什么呢，很常见得一个场景，在项目中写代码的时候，修改一个元素的样式，ctrl/commad+s保存后，修改的样式在页面中发生了变化，这个场景，我们可以捕获到两个动作

2022-05-11 13:54:05 1929

大家好，今天从计算机文件系统的软硬链接(hard-link symbolic-link)入手，了解前端的包管理工具。为什么从这个角度了解呢？了解软硬链接有什么用呢，可以带着下边的几个问题思考一下npm/yarn link 是干嘛的pnpm 为什么是 performant(高性能的) npm文件系统：Window2000及以上采用NTFS和Linux7及以上采用的XFS一、概念和实操验证硬链接（hard link，也称链接）就是一个文件的一个或多个文件名。再说白点，所谓链接无非是

2022-01-24 14:24:36 1417 2

原创 Node.js写小工具系列（一）

分享一下自己最近的一个小小的需求和实现小小需求的代码吧，代码很简单，方便碎片化的时间阅读当然这个也是仅限给自己使用的一个工具，不是面向普通用户的产品，也有考虑调研一下人事的一些可以通过工具解决的重复性的工作。当然面向人事（普通用户）做产品就是另一个维度的事情了，让人事电脑上跑一个服务和执行一些命令不太现实，给他们用的产品必须是简单的可视化操作。需求也很简单大概是这个样子的，收到筛选简历的邮件，需要把筛选之后的简历名称邮件给人事。看到几十封简历后决定写代码把文件名称跑出来文件夹下的内容是这个样子先看

2021-04-02 15:30:20 471

原创 Vue中修改了数组数值，视图没有更新？

开篇闲扯在人类求知的路上，会形成对求知的不同的态度，比如好读书，不求甚解；又例如要知其然知其所以然，追本溯源等等，人类在满足自己好奇心的同时，掺杂着复杂的人性。前者“懒惰”，后者“贪婪”。人类总能逻辑自洽的自圆其说。技术的变化很快，新东西更替不断，让人眼花缭乱。一个新的框架出来，大家都会在各种社区或者谈论组表示学不动.gif 。了解背后的原理就显得特别重要。最近在看网络协议和浏览器方面的东西。浅尝辄止的了解编译原理方面的知识，所以今天就分享下vue中视图跟数据的关系的一个知识点（皮.png）。进入正题

2021-04-02 15:27:00 2483 1

原创 Node.js写小工具系列（二）

分享一个用Node.js写一个简单的静态资源服务器，可以了解一些和后端配合的请求头什么是静态资源服务器一般客户端发送请求到web服务器，web服务器从内存中取到相应的文件，返回给客户端，客户端解析并渲染显示出来，一般不和数据库打交道，实际应用中像一些提供CDN服务的服务商代码#!/usr/bin/env node // 当系统看到这一行的时候，首先会到env设置里查找node的安装路径，// 再调用对应路径下的解释器程序完成操作const fs = require('fs') // fileS

2021-04-02 15:21:53 161

原创逐行分析webpack源码入口都能学到啥

逐行分析webpack源码入口都能学到啥旁白(脑补bgm)正文a处逻辑b处逻辑c处逻辑d处逻辑e处逻辑f处逻辑g处逻辑总结旁白(脑补bgm)经历了蛮荒，小作坊，故事发生在前端工程化时代，传说有这么一个江湖，江湖中有一条有名的街道，名曰"打包街"，街上的铺子依稀能看到几个大大的Logo：Grunt，Gulp，FIS，Webpack，Rollup，Snowpack，Vite… 其中以Webpack最为热闹，只见牌匾上书：“Bundle Everything”，一群人来来往往，每个人手里拿着各种资源，排队递交

2021-04-02 14:20:09 113

前端慢报