- 博客(73)
- 收藏
- 关注
RSS订阅原创 面试大厂该做哪些准备
2024年伊始，很多朋友想要换个工作环境，无论主动还是被动，春天都是很适合行动起来的季节。无论你想要哪个类型的公司，都应该像去面试大厂一样去准备。这么说的原因有二：1.法乎其上，得乎其中，法乎其中，得乎其下。不要在还没有行动的时候，就开始目标降级。2.中小公司的面经毫无参考意义，面试官面试毫无章法，自己可能也是半斤八两，这样的面试过程毫无正向反馈。那么大厂面试问些什么呢？技...
2024-03-03 19:22:35
264
原创 我为什么不写技术文章了？
今天看了一眼掘金的更新记录，最近一篇比较靠谱的文章已经是6个月前的了。换句话说，自从我去了开水团之后，就再也没有认真写过技术博客了。以前写过的文章，还是不断有流量进来。如果你的真的感兴趣的话，看看置顶的六篇就够了。三篇职业感悟，三篇技术干货。如果你想把哪个项目挪进你的简历里，咱们私聊。我是2022年5月开始在掘金上更新的，到2023年9月停更，最开始写水文，后来慢慢更新...
2024-03-03 18:54:31
421
原创 我的前端学习方法论
我是2018年6月正式开始自学前端的，学习了2个多月，便开始找工作，9月初找到了实习。在自学的过程中走了不少弯路，浪费了不少时间，我看到初学前端的人也有类似的困惑，学得低效又痛苦。想放弃又想再试试，反复挣扎，因此今天写一篇文章分享一下自学过程中的一些经验。ps：今天只聊方法论和学习感悟，不扯大环境啊。学习历程初学前端时，可以看到知乎，掘金上很多学习路线，先学HTML，CSS，J...
2024-01-12 12:15:40
384
原创 H5接入支付流程-微信支付&支付宝支付
业务场景：H5对接微信支付和支付宝支付，app无法发版，需要支持在app内和浏览器内同时使用。于是借此机会对前端接入对第三方支付进行了调研，本次只讨论微信支付，和支付宝支付。微信支付文档地址：微信支付概述微信支付方式主要包括，对普通商家主要提供以下7种方式付款码支付：比如大型连锁店，超市，支付时可以，扫描用户的个人付款码，进行支付，触动场景一般为：用户打开个人付款码->收银员扫描仪扫描->门店收银台->商户后台->微信支付系统JSAPI支付：仅限在微信内使用，可调用
2024-01-03 19:09:55
7477
4
原创 谈谈干前端三年的几点感受
如果觉得我这篇文章写得还不错的话，欢迎关注我的公众号：天涯碧草话斜阳，直接搜索即可添加，我会写原创的前端文章，职场生活和成长思考。上面有我的联系方式，如果愿意的话，可以交个朋友。我们共同进步，一起加油！
2024-01-03 15:20:27
948
原创 代码刚上线，页面就白屏了
前言白屏一直是一个前端开发谈之变色的问题。“什么？我的页面刚上线就白屏了，是报错了，还是兼容性问题，还是性能问题，多刷新几次就好了，用户网络不行吧。”简单来说，白屏就是用户打开前端页面什么有没有。这是一个很重要的质量指标。那么我们如何监控页面白屏异常呢？白屏异常检测主要分为两个部分，一个是如何检测，一个是什么时候检测，检测方案首先明确一点，页面打开慢，白屏时间长，不...
2023-11-19 11:17:53
33
原创 H5支付接入解析：简明扼要，轻松上手！
业务场景：H5对接微信支付和支付宝支付，app无法发版，需要支持在app内和浏览器内同时使用。于是借此机会对前端接入对第三方支付进行了调研，本次只讨论微信支付，和支付宝支付。微信支付文档地址：微信支付微信支付方式主要包括，对普通商家主要提供以下7种方式付款码支付：比如大型连锁店，超市，支付时可以，扫描用户的个人付款码，进行支付，触动场景一般为：用户打开个人付款码->...
2023-10-21 12:11:03
58
原创 前端复制方案全覆盖！验证真机与生产代码完美一致！✨
前言网上讲粘贴复制的很多，讲清楚复制异步数据得很少，在真机上真正验证过得凤毛麟角，正巧工作上遇到了复制接口返回的数据这个问题，求助了很多人，没有太好的解决办法，最终通过修改交互实现了这个复制功能，故写篇文档记录一下，也分享给大家。主流复制方案原生js API实现document.execCommand概述document暴露 execCommand 方法该方法允许运行命...
2023-10-21 12:08:09
31
原创 知识付费是普通人难得的一条捷径
我今年在买书，买课，报班，小册，花的钱应该不少于3000了。花了钱的东西，不见得有多么优质，但是一定比免费的更加珍惜。至少花了钱的课程和书，我都学完了。所以我个人是很推崇知识付费的，大前提是你需要。随着互联网发展，大家对“为知识买单”这件事的心态越发开放，好的东西是值得花钱的。不是苦于付不起费，而是苦于找不到好的信息渠道。而且一般优质课程也不贵，劣质课程反倒很昂贵。...
2023-10-20 09:40:43
23
原创 四年前端裸面，两周拿到美团offer
面经先分享一波面经吧，我知道你们想听这个。我三轮面试主要聊的项目，通过项目维度考察的基础面，所以能分享的面试题不多。手写Promise.all()aysnc 和 derfer的区别http1.1/http2/http3 的区别，keep-alive的作用http 队头阻塞问题，如何解决TCP队头阻塞问题，如何解决TCP三次握手，每一次失败会怎么样说下你理解的hook从全...
2023-09-13 14:44:24
23
原创 面试官问你前端性能优化时，他想问什么？
一直以来，前端性能优化都是面试过程中考察的热点题目。相关的技术博客也层不出穷，我们总是能找到很多这样的文章，从一个应用的各个层面开始分析，优化的种种手段，取得的种种效果。往往篇幅越长，讲得越细，越受欢迎。但在面试的时候，问这类问题时，候选人经常答得不尽人意，大部分人会把自己能想起来的优化措施，给背一遍。背得越多越好，对于候选人自己说，内心也发虚，背完之后面试官毫无表情，因为这并...
2023-09-05 16:04:16
21
原创 透视http协议
http协议是什么？超文本传输协议HTTP 是一个在计算机世界里专门在两点之间传输文字、图片、音频、视频等超文本数据的约定和规范TCP/IP 四层模型链接层网络层传输层应用层OSI 七层模型物理层数据链路层网络层传输层会话层表示层应用层输入网址再按下回车，后面发生了什么浏览器从地址栏的输入，进行域名解析，因此通过浏览器缓存，系统...
2023-08-30 20:51:04
40
原创 Ajax、Fetch和Axios：前端异步请求的比较与选择
Ajax全称是Asynchronous JavaScript And XML [e'sɪŋkrənəs]Ajax 异步网络请求，是一项标准，是为了能在不更新整个页面的前提下修改维护数据实现Ajax的方式很多。原生的XHR1999年提出，距今已经24年 XHR was an ugly baby and time has not been kind to it. It...
2023-08-07 09:14:14
35
原创 深入调研了微前端，还是iframe最香
微前端是什么微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独立运行、独立开发、独立部署。简单来说，就是利用一系列工具和技术，将各个团队的UI页面 组装成用户可以连贯的应用程序。后端解耦，前端聚合采用微服务的原因主要还是在于，使用微服务架构来解耦服务间依赖。而在前端微服务化...
2023-06-13 17:47:17
44
原创 如何开发一个极简的前端脚手架
背景虎妞同学，在工作中，遇到了重构旧运营系统的技术需求，旧系统都是前后端不分离的项目因此对于前端需要一套整体的后台管理框架。功能上，要满足登录，权限管理，菜单配置，用户管理，字典管理，角色管理等后台管理系统的常规功能，技术上，要使用vue3，element-ui等主流框架。很快虎妞同学，就确定了技术框架的选型，并创建了项目仓库，作为项目模版。开发中遇到的问题在具体业务中...
2023-06-09 15:46:02
19
原创 如果在准备面试，请务必看看这道题，前端编码题中的集大成者，异步sum/add
我正在参加「掘金·启航计划」最近刷各个大厂面试题，反复出现一道题，让我印象深刻。废话不多，我们直接上题目请实现一个 sum 函数，接收一个数组 arr 进行累加，并且只能使用add异步方法add 函数已实现，模拟异步请求后端返回一个相加后的值```js/* 请实现一个 sum 函数，接收一个数组 arr 进行累加，并且只能使用add异步方法add 函数已实现，模拟异步...
2023-05-04 09:36:21
26
原创 实现一个LRU真的好难呐
不知道屏幕前的朋友们，有没有和我一样，觉得LRU算法原理很容易理解，实现起来却很复杂。明明一个map就能解决，标准答案却总要使用双向链表。实现思路很很容易理解，但是下笔写代码总是磕磕绊绊。但是这个算法在前端使用场景很多，面试经常问，正巧我遇到了这个问题，因此抓住机会和大家记录分享一下恰逢金三银四求职季，多掌握一个知识点，多一份进大厂打工的希望！加油，打工人！LRU简介lea...
2023-04-25 11:46:55
11
原创 vue-cli 是怎么配置babel的？
前言https://juejin.cn/post/7208510421676982329上文的最后，我们提到了babel配置的最佳实践没有最佳，只有最适合那么业内常用的脚手架是怎么配置的呢？我们以一次线上白屏问题的排查为切入点一步步探讨。问题描述我们的项目是以vue-cli3脚手架生成的 vue2.6.11的SPA项目某华为P10 手机打开页面忽然白屏，由于是app...
2023-03-13 10:30:20
59
原创 十问babel，用最简单的话说清楚babel
babel 是什么？babel 在前端项目中充当的是一个代码转译工具的角色。为什么要使用babel ?我们都知道JS的新的API，语法糖层出不穷，在丰富了我们的知识库的同时，也极大的便利了我们的开发。但是由于 浏览器的版本标准不一致，尤其是移动端(各个手机有自带的默认浏览器，再加上QQ，UC, 360，百度，夸克)浏览器众多，对我们前端开发的H5页面兼容性未知，当你使用了某个新的A...
2023-03-09 22:43:26
12
原创 我的2022，从紫竹院到通惠河畔
「回顾2022，展望2023，我正在参与2022年终总结征文大赛活动」我从未写过年终总结，不知道以一个什么顺序开始。想了想，还是从头开始写吧，然后再去汇总这一年的得失。我的认知中，春节过后才是新的一年开始，我的2022，时间线是从2022年2月10日到2023年1月20日。2月 复习2月份刚回北京，还在小赢，我开始准备面试，修改简历。没有什么太好的刷题复习思路，一边处理工作，一边系...
2023-01-09 17:39:49
16
原创 给webpack提了一个pr之后......
我报名参加金石计划1期挑战——瓜分10万奖池，这是我的第2篇文章，点击查看活动详情前言我不是标题党啊，是真的给webpack提了一个pr，提交之后，脑子里就是一句话：“纸上学来终觉浅，绝知此事要躬行”。欲知来龙去脉，听我娓娓道来。pr 如下，https://github.com/webpack/webpack/pull/16292，目前还是unreviewed状态。\\...
2022-09-28 11:18:02
14
原创 微信小程序底层框架实现原理｜万字长文
我报名参加金石计划1期挑战——瓜分10万奖池，这是我的第1篇文章，点击查看活动详情前言最近在掘金上学习了一本小册——《微信小程序底层框架实现原理》，加上以前做微信小程序的经验，结合自己的工作经历，深有感触，借此机会和大家分享一下学习工作心得。2017 年 1 月微信小程序正式发布 。我从2018年接触学习前端时，曾仿写过一个性格评测类小程序demo，后来实习期间，完成了部门首个真正...
2022-09-07 13:44:21
36
原创 通过curl 来对比http状态码301和302
theme: juejin携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第7天，点击查看活动详情概述curl使用命令行工具发送请求，一个 HTTP 请求客户端(实际上它也可以做 FTP/SCP/TELNET 协议的事情)。可类比于浏览器中的 fetchcurl 不加参数直接发送get请求- --head - --head 发送 HEAD ...
2022-08-25 17:47:41
49
原创 众生皆苦，我选pnpm
theme: juejin携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第6天，点击查看活动详情概述pnpm - 速度快、节省磁盘空间的软件包管理器perfomance npm ，即 pnpm (高性能npm)优势快速pnpm 是同类工具速度的将近 2 倍高效node_modules 中的所有文件均链接自单一存储位置支持monor...
2022-08-18 14:39:16
23
原创 十分钟用vitepress搭建项目文档
theme: juejin携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第5天，点击查看活动详情前言前些天，用尽平生所学，写了一篇技术文章，Vue3项目框架搭建封装，一次学习，终身受益【万字长文，满满干货】，可惜掘金给的流量不多，点赞的人不多，评论的人几乎没有，收藏的人却不少，我想可能是万字长文看起来太吃力，于是花了3天时间用vitepress搭建了一个项目文...
2022-08-10 15:10:24
37
原创 Vue3项目框架搭建封装，一次学习，终身受益【万字长文，满满干货】
theme: juejin携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第4天，点击查看活动详情前言入职新公司后，发现代码仓库里，项目搭建的比较乱，每个项目使用的都不太一样，不利于统一规范化管理，我结合已有的业务积累和优秀的实践经验，搭建了一套移动端模板项目，在这里和大家做一个分享。一般来说，大部分前端去公司都是干活，拧螺丝钉的，项目的框架都是架构师或者小...
2022-08-02 12:26:05
69
原创 Vue.js的设计思路
theme: juejin携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第3天，点击查看活动详情前言今天是学习学习理解《Vue.js设计与实现》的第三篇,第一章到此结束第一章三篇主要宏观得介绍了框架的设计思路和纲领，首先介绍前端框架中关于命令式，声明式，虚拟dom，运行时和编译时的权衡理念，然后介绍了前端框架设计需要考虑的因素，比如体积，开发体验，特性开关...
2022-07-29 08:07:12
8
原创 Vue框架设计的核心要素
theme: juejin携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第2天，点击查看活动详情前言今天是学习理解《Vue.js设计与实现》的第二篇，主要讲vue在框架设计，各个方面做得有多好，然而仅仅是使用的话，其实是体会不到的，最好能对比其他框架的设计就能体会更加明显了！详细情况可以查看专栏学习理解《Vue.js设计与实现》提升用户的开发体验这...
2022-07-28 08:16:32
6
原创 Vue.js框架中权衡的艺术
theme: juejin携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第1天，点击查看活动详情前言8月更文活动又开始了，冲这奖品也得肝一肝，先给自己定个小目标，活动结束之前，先肝个7篇，完成个最基础的任务。无奈，平时积累的文章不够，恰好，上个月读了一段时间《Vue.js设计与实现》，有整理部分笔记，先发几篇。所以，后面几篇内容都是对这本书内容的整理总...
2022-07-27 09:21:26
7
原创 前端不需要掌握队列和栈
概述答案肯定是需要的。首先js 中没有队列 和栈的概念。我相信大部分前端人对这两个数据结构的概念仅仅存在，在大学学习数据机构时，课堂上老师讲的队列和栈的结构，用c语言实现的版本。我们先来重温一下大学课堂 队列：先入先出，后入后出。 栈：先入后出，后入先出。理解其实也没啥好理解的，字面意思很清晰了。今天我去做核酸，排了很长的队伍。队列就可以想象...
2022-07-11 18:05:34
5
原创 从零开始学习BOM&DOM
前言ECMAScript，描述了该语言的语法和基本对象，如类型、运算、流程控制、面向对象、异常等。 文档对象模型(DOM)，描述处理网页内容的方法和接口。浏览器对象模型(BOM)，描述与浏览器进行交互的方法和接口。DOM/BOM架构概述JavaScript运行在浏览器BOM就是连接JavaScript代码和浏览器的桥梁，而DOM就是用来操作各种标签元素的。BO...
2022-07-06 11:13:16
16
原创 每天3分钟，重学ES6-ES12(十九)Proxy-Reflect
theme: juejin持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第32天，点击查看活动详情 每天3分钟，重学ES6-ES12文章汇总监听对象的操作我们先来看一个需求:有一个对象，我们希望监听这个对象中的属性被设置或获取的过程 通过我们前面所学的知识，能不能做到这一点呢?其实是可以的，我们可以通过之前的属性描述符中的存储属性描述符来做...
2022-06-29 16:18:02
8
原创 每天3分钟，重学ES6-ES12(十八)ES Module
theme: juejin持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第31天，点击查看活动详情 每天3分钟，重学ES6-ES12文章汇总前言今天开始和大家一起系统的学习ES6+,每天3分钟，用一把斗地主的时间，重学ES6+，前面我们介绍了模块化的历史，今天介绍模块化处理方案ES ModuleJavaScript没有模块化一直是它的痛点，...
2022-06-28 08:35:21
9
原创 每天3分钟，重学ES6-ES12(十八) CJS
theme: juejin持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第30天，点击查看活动详情 每天3分钟，重学ES6-ES12文章汇总前言今天开始和大家一起系统的学习ES6+,每天3分钟，用一把斗地主的时间，重学ES6+，前面我们介绍了模块化的历史，今天介绍模块化处理方案CommonJSCommonJS规范和Node关系commo...
2022-06-27 10:07:07
7
原创 每天3分钟，重学ES6-ES12(十七)模块化历史
theme: juejin持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第29天，点击查看活动详情 每天3分钟，重学ES6-ES12文章汇总前言今天开始和大家一起系统的学习ES6+,每天3分钟，用一把斗地主的时间，重学ES6+，前面我们介绍了异步代码处理方案，今天介绍模块化的历史什么是模块化到底什么是模块化、模块化开发呢?事实上模块化...
2022-06-25 10:27:50
8
原创 每天3分钟，重学ES6-ES12(十六)错误异常处理方案
theme: juejin持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第28天，点击查看活动详情 每天3分钟，重学ES6-ES12文章汇总前言今天开始和大家一起系统的学习ES6+,每天3分钟，用一把斗地主的时间，重学ES6+，前面我们介绍了异步代码处理方案，今天介绍js中错误异常处理方案错误处理方案开发中我们会封装一些工具函数，封装之后给...
2022-06-24 12:59:25
8
原创 每天3分钟，重学ES6-ES12(十五)异步代码处理方案
theme: juejin持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第27天，点击查看活动详情 每天3分钟，重学ES6-ES12文章汇总前言今天开始和大家一起系统的学习ES6+,每天3分钟，用一把斗地主的时间，重学ES6+，前面我们介绍了promise,生成器和迭代器，async await,现在我们总结一下针对异步代码处理方案业务场景请...
2022-06-23 12:54:02
8
原创 每天3分钟，重学ES6-ES12(十四)async/await
theme: juejin持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第26天，点击查看活动详情 每天3分钟，重学ES6-ES12文章汇总前言今天开始和大家一起系统的学习ES6+,每天3分钟，用一把斗地主的时间，重学ES6+，前面我们介绍了迭代器和生成器，今天继续介绍async 和 await异步函数 async functionasyn...
2022-06-22 16:45:19
4
原创 每天3分钟，重学ES6-ES12(十三)不常用但却常问的生成器函数
theme: juejin持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第25天，点击查看活动详情 每天3分钟，重学ES6-ES12文章汇总前言今天开始和大家一起系统的学习ES6+,每天3分钟，用一把斗地主的时间，重学ES6+，前面我们介绍了迭代器今天继续介绍生成器和生成器函数什么是生成器?生成器是ES6中新增的一种函数控制、使用的方案，它...
2022-06-21 10:38:41
8
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人