- 博客(149)
- 收藏
- 关注
RSS订阅
原创 在 monorepo 中怎么组织和优化研发流程？
本节涉及的内容源码可在vue-pro-components c9 分支[1]找到，欢迎 star 支持！本文是基于Vite+AntDesignVue打造业务组件库[2]专栏第 10 篇文章【在 monorepo 中怎么组织和优化研发流程？】，前面几篇都在说函数库开发的相关内容，所以本文接着围绕这块说，主要是把研发流程梳理清楚，方便后续更多内容的铺开。梳理研发流程我们先粗略整理一下函数库的主要研发流...
2023-02-28 08:15:10
329
原创 Vue3+TS+Node打造个人博客（后端架构）
点击上方卡片“前端司南”关注我您的关注意义重大原创@前端司南本项目代码已开源，具体见：前端工程：vue3-ts-blog-frontend[1]后端工程：express-blog-back...
2022-03-10 07:30:00
2687
4
原创 Vue3+TS+Node打造个人博客（总览篇）
从 Vue3 正式发布到现在，也快过去一年了（写这行文字的时候是2021年09月08日，拖延症…）。但是就我最近招聘面试的一些经历来看，很多 Vue 技术栈的候选人依然还没有使用过 Vue3。关于他们没有选择使用 Vue3 这个事情，我觉得也是可以理解的。一方面，Vue3 直接放弃了 IE11。虽然 IE 的用户数量在持续下降，但是想让老板们直接放弃 IE11 还是有一些困难。另外就是，做项目这种事情，有时候人们的选择就是能用就行，升级 Vue3 可能并不能给项目带来太多效益。对于一些历史悠久的项
2022-02-24 09:18:43
2062
原创 「思维导图学前端 」6k字一文搞懂Javascript对象，原型，继承
前言去年开始我给自己画了一张知识体系的思维导图，用于规划自己的学习范围和方向。但是我犯了一个大错，我的思维导图只是一个全局的蓝图，而在学习某个知识点的时候没有系统化，知识太过于零散，另一方面也很容易遗忘，回头复习时没有一个提纲，整体的学习效率不高。意识到这一点，我最近开始用思维导图去学习和总结具体的知识点，效果还不错。试想一下，一张思维导图的某个端点是另一张思维导图，这样串起来的知识链条是多么“酸爽”！当然，YY一下就好了，我保证你没有足够的时间给所有知识点都画上思维导图，挑重点即可。提纲思路当我们
2020-06-18 19:12:19
746
2
原创 Vue3+TS+Node打造个人博客（前端架构）
本文始于2022年12月，目录里规划了这么一篇，算是给自己挖的坑，对于架构，一直不知道要写什么，因为写着写着就觉得泛泛而谈，食之无味，可能是水平有限。今天接着写完也算是给自己一个交待吧，想到哪就写到哪，有兴趣的朋友可以浏览一下。
2023-11-16 10:16:56
201
原创 .vue 怎么变成 .js，我们来试一试！看完会更懂 Vue 吗？
本文是基于Vite+AntDesignVue打造业务组件库[1]专栏第 12 篇，坚持就是胜利！接着上篇说，交付一个 vue 组件不仅需要解析 DSL，还要处理 JS/TS，样式，类型声明等内容。我们先研究一下将 .vue 转换成 .js 的问题，这个是关键。谁能处理 .vue 文件？要想把 .vue 变成 .js，首先要知道什么工具能处理 .vue 文件，是不是很容易想到我们熟悉的 Webpac...
2023-03-02 08:15:58
2631
原创 你每天都在用element, antd，但你知道组件库要对外提供什么吗？
本文是基于Vite+AntDesignVue打造业务组件库[1]专栏第 11 篇，坚持就是胜利！最近突然悟到：自己写文章太执着于在一篇文章中把一个事情从头到尾写清楚，这样就导致虽然我把事情讲完了，但是对读者来说不是很友好，因为大家很难有耐心看完几千字甚至更多文字，这样对你对我来说都不好，我得不到反馈，你看不到重点。所以，接下来我打算改掉这个坏习惯，尽量能把一个问题拆解得简单化，通过一个总分(总)的...
2023-03-01 08:15:22
766
原创 函数库Rollup构建优化
本节涉及的内容源码可在vue-pro-components c7 分支[1]找到，欢迎 star 支持！前言本文是基于Vite+AntDesignVue打造业务组件库[2] 专栏第 8 篇文章【函数库Rollup构建优化】，在上一篇文章的基础上，聊聊在使用 Rollup 构建函数库的过程中还可以做哪些优化。terser 压缩在上篇文章中，我们掌握了怎么打包 ESM, CJS, UMD，还掌握了怎么...
2023-02-25 08:17:06
474
原创 在本地和CI/CD中支持npm免登录发布
本节涉及的内容源码可在vue-pro-components c8 分支[1]找到，欢迎 star 支持！前言本文是 基于Vite+AntDesignVue打造业务组件库[2] 专栏第 9 篇文章【在本地和CI/CD中支持npm免登录发布】，专门分享一下如何在 npm 发包时支持免登录发布，并同时支持在本地和CI/CD中操作发布流程。在组件库技术选型和开发环境搭建[3]这篇文章中，我们简单介绍了怎么...
2023-02-24 08:15:03
599
原创 【送小册五折码】调试不方便？我直接把公众号网页线上环境搬到本地！
【留言送3个掘金小册五折优惠码，规则见文末】在开发微信公众号网页时，我们最关心的一个问题就是调试。怎么调试线上环境？调试是否足够方便？本文分享一种能够极大提高效率的微信公众号网页开发调试技巧，可以实现在本地开发时直连线上生产环境。如果你还不清楚这种场景下的调试技巧，不妨花几分钟阅读本文。微信生态内容管控在了解调试技巧的基本原理之前，我们有必要先搞明白微信在内容管控上是怎么做的，知己知彼才能找到突破...
2023-02-23 10:00:30
683
2
原创 前端常见登录方案梳理
前端登录有很多种方式，我们来挑一些常见的方案先梳理一下，后续再补充更多的。账号密码登录在系统数据库中已经有了账号密码，或者通过注册渠道生成了账号和密码，此时可以直接通过账号密码登录，只要账号密码正确就认为身份合法，可以换到系统访问的 token，用于后续业务鉴权。验证码登录比如手机验证码，邮箱验证码等等。用户首先提供手机号/邮箱，后端根据会话信息生成一个特定的码下发到用户的手机或者邮箱（通过运营商...
2023-02-22 10:00:12
631
原创 在发布组件库之前，你需要先掌握构建和发布函数库
本节涉及的内容源码可在vue-pro-components c6 分支[1]找到，欢迎 star 支持！前言本文是 基于Vite+AntDesignVue打造业务组件库[2] 专栏第 7 篇文章【在发布组件库之前，你需要先掌握构建和发布函数库】，聊聊怎么构建和发布一个函数库。如上篇文章结语所述，开发组件和发布可用的组件之间还隔着一条鸿沟，这就是从开发环境到生产环境必经的路，也是组件库研发过程中最复...
2023-02-21 08:30:50
177
原创 实现一个靠谱好用的全屏组件，顺手入门 Headless 组件
本节涉及的内容源码可在vue-pro-components c5 分支[1]找到，欢迎 star 支持！前言本文是 基于Vite+AntDesignVue打造业务组件库[2] 专栏第 6 篇文章【实现一个靠谱好用的全屏组件，顺手入门 Headless 组件】，聊聊一个使用频率还挺高的组件——全屏组件，顺便了解下什么是 Headless 组件，并尝试动手将一个普通组件改造成 Headless 组件。...
2023-02-20 08:30:42
750
原创 实战案例：初探工程配置 & 图标组件热身
点击上方卡片“前端司南”关注我您的关注意义重大原创@前端司南前言本文是 基于Vite+AntDesignVue打造业务组件库[1] 专栏第 3 篇文章【实战案例：初探工程配置 & 图标组件热身】，我将从业务系统中最基础的图标组件入手，带着读者们练练手找找感觉，快速进入开发状态，顺便了解一些基本的前端工程配置。引入Formatter/Linter工具在正式地开发组件之前，我们需要一点点准备工...
2022-12-20 17:30:58
507
原创 组件库技术选型和开发环境搭建
点击上方卡片“前端司南”关注我您的关注意义重大原创@前端司南本文为稀土掘金技术社区首发签约文章，14天内禁止转载，14天后未获授权禁止转载，侵权必究！专栏上篇文章传送门：基于Vite打造业务组件库（开篇介绍）[1]专栏下篇文章传送门：实战案例：初探工程配置 & 图标组件热身[2]本节涉及的内容源码可在vue-pro-components c1 分支[3]找到，欢迎 star 支持！前言本文...
2022-12-10 21:03:46
545
原创 Vue3和@types/node的类型不兼容问题
点击上方卡片“前端司南”关注我您的关注意义重大原创@前端司南插播个广告：最近我在掘金社区有个专栏，主要涉及Vite,Vue3,TypeScript,业务组件库等关键词，目的是帮助读者掌握基于 Vite 构建现代组件库的核心方法。链接：https://juejin.cn/column/7140103979697963045最近有个新项目启动，主体内容与先前做的一个项目相似度很高，于是我准备拿这个旧项...
2022-10-13 21:31:10
5097
原创 服务器拒绝了我的ssh免密登录
点击上方卡片“前端司南”关注我您的关注意义重大原创@前端司南众里寻他千百度，蓦然回首，答案就在眼皮子底下......正如标题所述，我遇到的问题是服务器拒绝了我的ssh免密登录，具体情况是我之前已经配置好了ssh免密登录，但是最近突发 PC ssh 登录云服务器报错，接连好些天都没找到原因。ssh 免密码登录本身不是一个复杂的问题，百度 / google 上面随便都找得到教程。关键点在于：基于 RS...
2022-09-09 11:43:09
1679
原创 Vue3+TS+Node打造个人博客（数据库设计）
点击上方卡片“前端司南”关注我您的关注意义重大原创@前端司南本项目代码已开源，具体见：前端工程：vue3-ts-blog-frontend[1]后端工程：express-blog-back...
2022-03-03 11:18:00
1503
原创 摸索前端管理2年，这份研发流程帮到我不少
点击上方卡片“前端司南”关注我您的关注意义重大原创@前端司南在现在的公司工作也有2年多了，时间过得真快！2年的时间里，前端从单兵作战发展到现在的10人规模。如果要我说，这个过程里什么最重要...
2021-08-17 11:18:00
424
2
原创 你还在为node-sass烦恼吗？快试试官方推荐的dart-sass
点击上方蓝字“前端司南”关注我您的关注意义重大原创@前端司南众所周知，node-sass 是一个非常棒的工具，是前端工程师组织 CSS 的一个神兵利器。然而，用过的朋友都知道，node-s...
2021-05-27 11:18:00
1583
2
原创 这还是我最熟悉的package.json吗？
点击上方蓝字“前端司南”关注我您的关注意义重大原创@前端司南前言在上一篇npm init @vitejs/app的背后，仅是npm CLI的冰山一角[1]中，有提到我复习npm主要是从两个...
2021-04-23 11:18:00
324
原创 npm init @vitejs/app的背后，仅是npm CLI的冰山一角
点击上方蓝字“前端司南”关注我您的关注意义重大原创@前端司南结尾的话说在前面。我有时候会得出这样的结论：原来那些我不常用的命令或工具，都是为了解决大佬们遇到的问题而存在的！我们每天都和np...
2021-04-20 20:16:45
3151
原创 面试季，这些函数知识总结请收下
点击上方蓝字“前端司南”关注我您的关注意义重大原创@前端司南这段时间我试着通过思维导图来总结知识点，主要关注的是一些相对重要或理解难度较高的内容。下面是同系列文章：「思维导图学前端 」6k...
2021-04-05 12:12:00
380
原创 「知识复盘」一文搞懂Javascript对象，原型，继承
点击上方蓝字“前端司南”关注我您的关注意义重大原创@前端司南前言去年开始我给自己画了一张知识体系的思维导图，用于规划自己的学习范围和方向。但是我犯了一个大错，我的思维导图只是一个全局的蓝图...
2021-04-04 21:00:18
513
1
原创 「知识复盘」初中级前端值得收藏的正则表达式知识点扫盲
点击上方蓝字“前端司南”关注我您的关注意义重大原创@前端司南本文是思维导图学前端系列第二篇，主题是正则表达式。首先还是想说下我的出发点，之所以自己画一遍思维导图，是因为我整理的思维导图里加...
2021-04-04 21:00:18
175
原创 花半天时间，轻松打造前端CI/CD工作流
点击上方蓝字“前端司南”关注我您的关注意义重大原创@前端司南CI/CD 是 Continuous Intergration/Continuous Deploy 的简称，翻译过来就是持续集成...
2021-03-29 14:00:00
640
原创 一个透传技巧，治好了我的重度代码洁癖
点击上方蓝字“前端司南”关注我您的关注意义重大原创@前端司南背景介绍透传是一个通讯层面的概念，指的是在通讯中不管传输的业务内容如何，只负责将传输的内容由源地址传输到目的地址，而不对业务数据...
2021-03-15 08:20:00
746
原创 我以为我很懂Promise，直到我开始实现Promise/A+规范
我一度以为自己很懂Promise，直到前段时间尝试去实现Promise/A+规范时，才发现自己对Promise的理解还过于浅薄。在我按照Promise/A+规范去写具体代码实现的过程中，我经历了从“很懂”到“陌生”，再到“领会”的过山车式的认知转变，对Promise有了更深刻的认识！TL;DR：鉴于很多人不想看长文，这里直接给出我写的Promise/A+规范的Javascript实现。github仓库：promises-aplus-robin（顺手点个star就更好了）源码源码注释版promi
2021-03-09 09:02:15
878
原创 then, catch, finally如何影响返回的Promise实例状态
点击上方蓝字“前端司南”关注我您的关注意义重大原创@前端司南虽然Promise是开发过程中使用非常频繁的一个技术点，但是它的一些细节可能很多人都没有去关注过。我们都知道，.then, ....
2020-09-28 14:16:39
1741
原创 从亲身经历谈谈如何用Git分支解决项目生产实践中的痛点
点击上方蓝字“前端司南”关注我您的关注意义重大原创@前端司南原创不易，欢迎阅后点赞关注支持，本期内部分享PPT可自取，见文末！最近笔者所在公司发生了一起小风波，事情大概是这样的：市场部老...
2020-09-09 09:33:33
608
原创 彻底搞懂闭包，柯里化，手写代码，金九银十不再丢分！
点击上方蓝字“大前端技术沙龙”关注我您的关注意义重大原创@大前端技术沙龙这段时间我试着通过思维导图来总结知识点，主要关注的是一些相对重要或理解难度较高的内容。下面是同系列文章：「思维导图...
2020-08-24 10:53:59
706
1
原创 解读闭包，这次从ECMAScript词法环境，执行上下文说起
点击上方蓝字“大前端技术沙龙”关注我您的关注意义重大原创@大前端技术沙龙对于x年经验的前端仔来说，项目也做了好些个了，各个场景也接触过一些。但是假设真的要跟面试官敞开来撕原理，还是有点慌...
2020-08-07 08:40:00
723
4
原创 写给自己的Object和Function的3个灵魂拷问
点击上方蓝字“大前端技术沙龙”关注我您的关注意义重大原创@大前端技术沙龙最近在研究函数和原型链这块内容时，我遇到了不少疑惑，对自己而言，这些疑惑可以算得上是灵魂拷问吧。在一步步探究和查证...
2020-07-18 19:11:11
181
原创 面试官真的会问：new的实现以及无new实例化
点击上方蓝字“大前端技术沙龙”关注我您的关注意义重大原创@大前端技术沙龙面试官很忙，但我不单纯是蹭热点，今天聊的主题绝对是面试中命中率很高的知识点。我在复习javascript函数这块知...
2020-07-15 18:22:32
581
原创 「思维导图学前端 」初中级前端值得收藏的正则表达式知识点扫盲
点击上方蓝字“大前端技术沙龙”关注我您的关注意义重大原创@大前端技术沙龙本文是思维导图学前端系列第二篇，主题是正则表达式。首先还是想说下我的出发点，之所以自己画一遍思维导图，是因为我整理...
2020-07-13 14:22:19
221
原创 「前端必看」这篇Nginx反向代理技巧，助你准时下班陪女神
点击上方蓝字“大前端技术沙龙”关注我您的关注意义重大原创@大前端技术沙龙最近同事小G总是闷闷不乐，让我感觉慌慌的，难道是我平时压榨小G了？我转念一想，不应该啊，工作量事先都评估好了，没道...
2020-07-06 10:14:51
599
原创 「冲击leetcode青铜5」妙用数组fill处理每日温度
点击上方蓝字“大前端技术沙龙”关注我您的关注意义重大原创@大前端技术沙龙在老家过完粽子节，回到工作地又可以一脸开(无)心(奈)地刷leetcode了。今天的题目是每日温度，给定一个温度数...
2020-06-29 11:55:00
234
原创 「冲击leetcode青铜5」回文数的两种解法
点击上方蓝字“大前端技术沙龙”关注我您的关注意义重大原创@大前端技术沙龙我最近也开始看看leetcode了，有时间也刷个一两题，不得不说，现在这个行业对前端工程师的要求是越来越高了，除了...
2020-06-22 14:29:50
195
原创 关于我
大家好，我是飞白，现在某IoT领域企业担任高级前端工程师，虚线上是前端TL，负责架构搭建，性能及体验优化，技术规划，开发流程等。我最近开始比较正式地写公众号，之前也一直通过自己的博客网站...
2020-06-06 21:13:06
195
原创 千万别小看这些运算符背后的逻辑
前言最近回顾javascript的一些基础知识点时，引起的思考确实颠覆了我之前的一些认知。我清楚地记得曾多次在网上看到一些奇奇怪怪的表达式，它们的运算结果着实让人懵逼。就比如我在js数据类型很简单，却也不简单这一篇笔记中提到的[] == ![]这样一个表达式，它的运算结果是true。如果你不细致地去研究它背后的运算逻辑，你只会惊呼”这是什么鬼“？相反，当你静下心来看清楚它的运算逻辑后，你会感叹“妙哉妙哉”！没错，本文的主角就是这些容易让人小觑的运算符。加法运算符+首先说的是加法运算符+，这是一个很容易
2020-06-05 15:26:36
257
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人