自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

前端司南

欢迎加我微信交流,关注我的公众号【前端司南】,小程序【Tusi博客】

  • 博客(138)
  • 收藏
  • 关注

原创 Vue3+TS+Node打造个人博客(后端架构)

点击上方卡片“前端司南”关注我您的关注意义重大原创@前端司南本项目代码已开源,具体见:前端工程:vue3-ts-blog-frontend[1]后端工程:express-blog-back...

2022-03-10 07:30:00 2127 4

原创 Vue3+TS+Node打造个人博客(总览篇)

从 Vue3 正式发布到现在,也快过去一年了(写这行文字的时候是2021年09月08日,拖延症…)。但是就我最近招聘面试的一些经历来看,很多 Vue 技术栈的候选人依然还没有使用过 Vue3。关于他们没有选择使用 Vue3 这个事情,我觉得也是可以理解的。一方面,Vue3 直接放弃了 IE11。虽然 IE 的用户数量在持续下降,但是想让老板们直接放弃 IE11 还是有一些困难。另外就是,做项目这种事情,有时候人们的选择就是能用就行,升级 Vue3 可能并不能给项目带来太多效益。对于一些历史悠久的项

2022-02-24 09:18:43 1186

原创 「思维导图学前端 」6k字一文搞懂Javascript对象,原型,继承

前言去年开始我给自己画了一张知识体系的思维导图,用于规划自己的学习范围和方向。但是我犯了一个大错,我的思维导图只是一个全局的蓝图,而在学习某个知识点的时候没有系统化,知识太过于零散,另一方面也很容易遗忘,回头复习时没有一个提纲,整体的学习效率不高。意识到这一点,我最近开始用思维导图去学习和总结具体的知识点,效果还不错。试想一下,一张思维导图的某个端点是另一张思维导图,这样串起来的知识链条是多么“酸爽”!当然,YY一下就好了,我保证你没有足够的时间给所有知识点都画上思维导图,挑重点即可。提纲思路当我们

2020-06-18 19:12:19 436 1

原创 “入坑”自媒体写作,我有干货与你分享

自媒体时代,人人都可以发声,大家都可以通过互联网发表自己的言论和观点。常见的自媒体平台有微信公众号,知乎,微博,头条,以及各个新闻博客平台等。自媒体写作与传统写作最大的不同,就是突出个性思维,只要找准自己的定位,一直坚持一个方向深耕,且不说会得到什么样的收益,但一定会提升自己的综合能力。之前也不止一次问过自己,你又不是大咖,写什么文章?质量还不高?我想,大概是兴趣驱动,写作是一种思考和沉淀的过程,于我而言是收获。借用《后浪》里的一句话:人与人之间的壁垒被打破,你们只凭相同的爱好,就能结交千万个值得干杯

2020-05-30 16:17:18 843 1

原创 实战案例:初探工程配置 & 图标组件热身

点击上方卡片“前端司南”关注我您的关注意义重大原创@前端司南前言本文是 基于Vite+AntDesignVue打造业务组件库[1] 专栏第 3 篇文章【实战案例:初探工程配置 & 图标组件热身】,我将从业务系统中最基础的图标组件入手,带着读者们练练手找找感觉,快速进入开发状态,顺便了解一些基本的前端工程配置。引入Formatter/Linter工具在正式地开发组件之前,我们需要一点点准备工...

2022-12-20 17:30:58 296

原创 花1块钱让你的网站支持 ChatGPT

点击上方卡片“前端司南”关注我您的关注意义重大原创@前端司南最近 ChatGPT 在技术圈子可太火了,票圈也被刷屏。我也决定来凑个热闹,给自己的博客加一个 ChatGPT 对话功能。先附上体验链接[1],源码在底部也可以找到。体验 ChatGPTChatGPT[2] 是 Open AI 训练的一个 AI 对话模型,可以支持在多种场景下进行智能对话。想体验 ChatGPT,首先要注册[3]账户,但是...

2022-12-13 18:57:34 664

原创 组件库技术选型和开发环境搭建

点击上方卡片“前端司南”关注我您的关注意义重大原创@前端司南本文为稀土掘金技术社区首发签约文章,14天内禁止转载,14天后未获授权禁止转载,侵权必究!专栏上篇文章传送门:基于Vite打造业务组件库(开篇介绍)[1]专栏下篇文章传送门:实战案例:初探工程配置 & 图标组件热身[2]本节涉及的内容源码可在vue-pro-components c1 分支[3]找到,欢迎 star 支持!前言本文...

2022-12-10 21:03:46 280

原创 Vue3和@types/node的类型不兼容问题

点击上方卡片“前端司南”关注我您的关注意义重大原创@前端司南插播个广告:最近我在掘金社区有个专栏,主要涉及Vite,Vue3,TypeScript,业务组件库等关键词,目的是帮助读者掌握基于 Vite 构建现代组件库的核心方法。链接:https://juejin.cn/column/7140103979697963045最近有个新项目启动,主体内容与先前做的一个项目相似度很高,于是我准备拿这个旧项...

2022-10-13 21:31:10 1207

原创 服务器拒绝了我的ssh免密登录

点击上方卡片“前端司南”关注我您的关注意义重大原创@前端司南众里寻他千百度,蓦然回首,答案就在眼皮子底下......正如标题所述,我遇到的问题是服务器拒绝了我的ssh免密登录,具体情况是我之前已经配置好了ssh免密登录,但是最近突发 PC ssh 登录云服务器报错,接连好些天都没找到原因。ssh 免密码登录本身不是一个复杂的问题,百度 / google 上面随便都找得到教程。关键点在于:基于 RS...

2022-09-09 11:43:09 1162

原创 Vue3+TS+Node打造个人博客(数据库设计)

点击上方卡片“前端司南”关注我您的关注意义重大原创@前端司南本项目代码已开源,具体见:前端工程:vue3-ts-blog-frontend[1]后端工程:express-blog-back...

2022-03-03 11:18:00 1095

原创 摸索前端管理2年,这份研发流程帮到我不少

点击上方卡片“前端司南”关注我您的关注意义重大原创@前端司南在现在的公司工作也有2年多了,时间过得真快!2年的时间里,前端从单兵作战发展到现在的10人规模。如果要我说,这个过程里什么最重要...

2021-08-17 11:18:00 302 2

原创 你还在为node-sass烦恼吗?快试试官方推荐的dart-sass

点击上方蓝字“前端司南”关注我您的关注意义重大原创@前端司南众所周知,node-sass 是一个非常棒的工具,是前端工程师组织 CSS 的一个神兵利器。然而,用过的朋友都知道,node-s...

2021-05-27 11:18:00 1203 2

原创 这还是我最熟悉的package.json吗?

点击上方蓝字“前端司南”关注我您的关注意义重大原创@前端司南前言在上一篇npm init @vitejs/app的背后,仅是npm CLI的冰山一角[1]中,有提到我复习npm主要是从两个...

2021-04-23 11:18:00 203

原创 npm init @vitejs/app的背后,仅是npm CLI的冰山一角

点击上方蓝字“前端司南”关注我您的关注意义重大原创@前端司南结尾的话说在前面。我有时候会得出这样的结论:原来那些我不常用的命令或工具,都是为了解决大佬们遇到的问题而存在的!我们每天都和np...

2021-04-20 20:16:45 2167

原创 面试季,这些函数知识总结请收下

点击上方蓝字“前端司南”关注我您的关注意义重大原创@前端司南这段时间我试着通过思维导图来总结知识点,主要关注的是一些相对重要或理解难度较高的内容。下面是同系列文章:「思维导图学前端 」6k...

2021-04-05 12:12:00 258

原创 「知识复盘」一文搞懂Javascript对象,原型,继承

点击上方蓝字“前端司南”关注我您的关注意义重大原创@前端司南前言去年开始我给自己画了一张知识体系的思维导图,用于规划自己的学习范围和方向。但是我犯了一个大错,我的思维导图只是一个全局的蓝图...

2021-04-04 21:00:18 314

原创 「知识复盘」初中级前端值得收藏的正则表达式知识点扫盲

点击上方蓝字“前端司南”关注我您的关注意义重大原创@前端司南本文是思维导图学前端系列第二篇,主题是正则表达式。首先还是想说下我的出发点,之所以自己画一遍思维导图,是因为我整理的思维导图里加...

2021-04-04 21:00:18 86

原创 花半天时间,轻松打造前端CI/CD工作流

点击上方蓝字“前端司南”关注我您的关注意义重大原创@前端司南CI/CD 是 Continuous Intergration/Continuous Deploy 的简称,翻译过来就是持续集成...

2021-03-29 14:00:00 370

原创 一个透传技巧,治好了我的重度代码洁癖

点击上方蓝字“前端司南”关注我您的关注意义重大原创@前端司南背景介绍透传是一个通讯层面的概念,指的是在通讯中不管传输的业务内容如何,只负责将传输的内容由源地址传输到目的地址,而不对业务数据...

2021-03-15 08:20:00 556

原创 我以为我很懂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 636

原创 then, catch, finally如何影响返回的Promise实例状态

点击上方蓝字“前端司南”关注我您的关注意义重大原创@前端司南虽然Promise是开发过程中使用非常频繁的一个技术点,但是它的一些细节可能很多人都没有去关注过。我们都知道,.then, ....

2020-09-28 14:16:39 1042

原创 从亲身经历谈谈如何用Git分支解决项目生产实践中的痛点

点击上方蓝字“前端司南”关注我您的关注意义重大原创@前端司南原创不易,欢迎阅后点赞关注支持,本期内部分享PPT可自取,见文末!最近笔者所在公司发生了一起小风波,事情大概是这样的:市场部老...

2020-09-09 09:33:33 458

原创 彻底搞懂闭包,柯里化,手写代码,金九银十不再丢分!

点击上方蓝字“大前端技术沙龙”关注我您的关注意义重大原创@大前端技术沙龙这段时间我试着通过思维导图来总结知识点,主要关注的是一些相对重要或理解难度较高的内容。下面是同系列文章:「思维导图...

2020-08-24 10:53:59 609 1

原创 解读闭包,这次从ECMAScript词法环境,执行上下文说起

点击上方蓝字“大前端技术沙龙”关注我您的关注意义重大原创@大前端技术沙龙对于x年经验的前端仔来说,项目也做了好些个了,各个场景也接触过一些。但是假设真的要跟面试官敞开来撕原理,还是有点慌...

2020-08-07 08:40:00 591 4

原创 写给自己的Object和Function的3个灵魂拷问

点击上方蓝字“大前端技术沙龙”关注我您的关注意义重大原创@大前端技术沙龙最近在研究函数和原型链这块内容时,我遇到了不少疑惑,对自己而言,这些疑惑可以算得上是灵魂拷问吧。在一步步探究和查证...

2020-07-18 19:11:11 126

原创 面试官真的会问:new的实现以及无new实例化

点击上方蓝字“大前端技术沙龙”关注我您的关注意义重大原创@大前端技术沙龙面试官很忙,但我不单纯是蹭热点,今天聊的主题绝对是面试中命中率很高的知识点。我在复习javascript函数这块知...

2020-07-15 18:22:32 452

原创 「思维导图学前端 」初中级前端值得收藏的正则表达式知识点扫盲

点击上方蓝字“大前端技术沙龙”关注我您的关注意义重大原创@大前端技术沙龙本文是思维导图学前端系列第二篇,主题是正则表达式。首先还是想说下我的出发点,之所以自己画一遍思维导图,是因为我整理...

2020-07-13 14:22:19 151

原创 「前端必看」这篇Nginx反向代理技巧,助你准时下班陪女神

点击上方蓝字“大前端技术沙龙”关注我您的关注意义重大原创@大前端技术沙龙最近同事小G总是闷闷不乐,让我感觉慌慌的,难道是我平时压榨小G了?我转念一想,不应该啊,工作量事先都评估好了,没道...

2020-07-06 10:14:51 469

原创 「冲击leetcode青铜5」妙用数组fill处理每日温度

点击上方蓝字“大前端技术沙龙”关注我您的关注意义重大原创@大前端技术沙龙在老家过完粽子节,回到工作地又可以一脸开(无)心(奈)地刷leetcode了。今天的题目是每日温度,给定一个温度数...

2020-06-29 11:55:00 184

原创 「冲击leetcode青铜5」回文数的两种解法

点击上方蓝字“大前端技术沙龙”关注我您的关注意义重大原创@大前端技术沙龙我最近也开始看看leetcode了,有时间也刷个一两题,不得不说,现在这个行业对前端工程师的要求是越来越高了,除了...

2020-06-22 14:29:50 137

原创 关于我

大家好,我是飞白,现在某IoT领域企业担任高级前端工程师,虚线上是前端TL,负责架构搭建,性能及体验优化,技术规划,开发流程等。我最近开始比较正式地写公众号,之前也一直通过自己的博客网站...

2020-06-06 21:13:06 131

原创 千万别小看这些运算符背后的逻辑

前言最近回顾javascript的一些基础知识点时,引起的思考确实颠覆了我之前的一些认知。我清楚地记得曾多次在网上看到一些奇奇怪怪的表达式,它们的运算结果着实让人懵逼。就比如我在js数据类型很简单,却也不简单这一篇笔记中提到的[] == ![]这样一个表达式,它的运算结果是true。如果你不细致地去研究它背后的运算逻辑,你只会惊呼”这是什么鬼“?相反,当你静下心来看清楚它的运算逻辑后,你会感叹“妙哉妙哉”!没错,本文的主角就是这些容易让人小觑的运算符。加法运算符+首先说的是加法运算符+,这是一个很容易

2020-06-05 15:26:36 177

原创 入坑”自媒体写作,我有干货与你分享

原创@飞白自媒体时代,人人都可以发声,大家都可以通过互联网发表自己的言论和观点。常见的自媒体平台有微信公众号,知乎,微博,头条,以及各个新闻博客平台等。自媒体写作与传统写作最大的不同,就...

2020-05-29 18:41:27 412

原创 js数据类型很简单,却也不简单

最近脑子里有冒出“多看点书”的想法,但我个人不是很喜欢翻阅纸质书籍,另一方面也是因为我能抽出来看书的时间比较琐碎,所以就干脆用app看电子书了(如果有比较完整的阅读时间,还是建议看纸质书籍,排版看起来更舒服点)。考虑到平时工作遇到的大部分问题还是javascript强相关的,于是我选择从《Javascript权威指南第6版》开始。数据类型有哪些?javascript的数据类型分为两大类,一类是原始类型(primitive type),一类是对象类型(object type)。原始类型原始类型又称为

2020-05-11 15:45:45 209

原创 记一次Navicat for MySQL 10060错误的解决过程

最近加班挺多,所以也好久没远程访问自己云服务器上的MySQL数据库了。今天本地启动Node服务时连不上MySQL,照常用Navicat For MySQL连接远程数据库进行检查,结果发现突然报错了。2003-Can’t connect to MySQL server on ‘XXX.XX.XX.XX’(10060)检查网络第一反应还是检查网络是不是正常,所以就马上ping测试一下,然而发现...

2020-03-17 15:47:53 1315

原创 前端小微团队的Gitlab实践

疫情期间我感觉整个人懒散了不少,慢慢有意识要振作起来了,恢复到正常的节奏。最近团队代码库从Gerrit迁移到了Gitlab,为了让前端团队日常开发工作有条不紊,高效运转,开发历史可追溯,我也查阅和学习了不少资料。参考业界主流的Git工作流,结合公司业务特质,我也梳理了一套适合自己团队的Git工作流,在这里做下分享。分支管理首先要说的是分支管理,分支管理是git工作流的基础,好的分支设计有助于规...

2020-03-09 11:20:25 675

原创 Browserslist: caniuse-lite is outdated. Please run next command `npm update`

今天打包vue项目,突然蹦出一个告警:Browserslist: caniuse-lite is outdated. Please run next command `npm update`按照提示操作,运行npm update也没有解决。于是我查询了一下npm手册,得知是不能直接运行npm update的,必须带上包名,所以应该这样写命令:npm update caniuse-lite...

2020-03-04 11:18:03 95392 8

转载 前端自动化部署的深度实践

年前我也在自动化部署这方面下了点功夫,将自己的学习所得在自动化部署的一小步,前端搬砖的一大步这篇博客中做了分享。感谢两位网友@_shanks和@TomCzHen的意见,让我有了继续优化部署流程的动力。本文主要是在自动化部署流程中,对版本管理和流程合理性等方面做了一些改进,配合规范的工作流,使用体验更佳!更新日志自动生成之前我都是手动修改CHANGELOG.md,用来记录更新日志,感觉操作起来有...

2020-02-04 13:07:54 454

原创 自动化部署的一小步,前端搬砖的一大步

在nodejs日渐普及的大背景下,前端工程化的发展可谓日新月异。构建打包这种日常任务脚本化已经是常态了,webpack和gulp已经家喻户晓自然不必多说,而持续集成/持续交付/持续部署也越来越得到各个前端Team的重视,业界也有了很多成熟的概念或者方案,如Hudson, Jenkins, Travis CI, Circle CI, DevOps, git hook。然而对于小白来讲,如果直接上手这...

2020-01-17 09:35:25 379

原创 入门babel,我们需要了解些什么

说实话,我从工作开始就一直在接触babel,然而对于babel并没有一个清晰的认识

2019-12-17 11:36:13 302

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除