
前端锦囊
胡哥有话说
公众号『胡哥有话说』作者
大前端的追求者,分享前端系统架构,框架实现原理,最新最高效的技术实践!
展开
-
前端开发神器Charles从入门到卸载
前言本文将带大家学习使用前端开发神器-charles,从基本的下载安装到常见配置使用,为大家一一讲解。一、花式夸奖Charles截取 Http 和 Https 网络封包。支持重发网络请求,方便后端调试。支持修改网络请求参数。支持网络请求的截获并动态修改。支持模拟慢速网络。好,骑上我心爱的小摩托,准备上路...二、下载与安装官网下载传送门本文所使用的的版本为 mac V4.5.6版本,不同版本间的具体化差异,大家可留言交流。Charles破解工具可通过关注公众号「胡哥有话原创 2020-06-28 06:52:02 · 2788 阅读 · 0 评论 -
《剑指Offer》- 连续子数组的最大和或最小和
前言本文是《剑指Offer》系列(JavaScript版)的第一篇,题目是“连续子数组的最大和或最小和”。话不多说,开始“打怪”修炼...一、理解题目以“连续子数组的最大和”为例,相当于我们在数组中,计算连续的子数组的和,找寻最大值。如在数组[3, -2, 1, 2, 4, -6, 5]中连续子数组的最大和为:3 + (-2) + 1 + 2 + 4 = 8输入:[3, -2, 1,...原创 2020-04-29 07:32:54 · 446 阅读 · 0 评论 -
挑战全网最幽默的Vuex系列教程:第一讲 Vuex到底是什么鬼
先说两句官方已经有教程了,为什么还要写这个教程呢?说实话,还真不是我闲着蛋疼,官方的教程真的是太官方了,对于刚入门 Vuex 的童鞋来说,想必看官方的教程,很多地方就如同看圣经一样,比如「欧玛尼玛尼牙」,所有的字都认识,就是不知道说些什么玩意,不信,你可以戳进去看看。当然,对于大神级别一看就懂的,那就不用说了,肯定是看官方的更权威。还有,如果对 Flux、Redux、The Elm Archi...原创 2020-04-17 09:21:29 · 867 阅读 · 1 评论 -
面试官在“逗”你系列:不借助第三变量交换两个变量值的方案你有几种?
引言在我们学习编程之初,就学习过变量的赋值操作,同时也学习了将一个变量的值赋值给另外一个变量。对于交换两个变量的值,很多童鞋都有解决方案。然鹅,对于面试官提出的不借助第三变量来交换两个变量的值,你能想到几种解决方案呢?如果你只知道一种方案,请你认真看下去...如果你知道两种方案,那么你可以来了解更多方案了...一、最简单的实现-最初的记忆让我们由浅入深,来了解交换变量值的最简单、最初...原创 2020-04-15 00:49:43 · 176 阅读 · 0 评论 -
前端经典面试题解密-add(1)(2)(3)(4) == 10到底是个啥?
前言前端的小伙伴在面试的时候,几乎都会遇到一道这样的面试题: add(1)(2)(3)(4)输出结果为10。在第一次看到这道面试题的时候,很多小伙伴感到了迷茫!借用王宝强在《人在囧途》中的表演:啥啥啥,这写的都是啥?下面胡哥为各位小伙伴带来这道题的揭秘。一、核心点-基础函数的变种-函数柯里化我们从0开始,一点点儿的观察。add(1)(2)(3)(4)输出的值怎么成为10,很简单,大家都明白是...原创 2020-04-03 10:00:24 · 1525 阅读 · 0 评论 -
前端经典面试题解密:JS的new关键字都干了什么?
前言new关键字在实例化获取对象时都做了什么?是一道经常出现在前端面试时的问题。如果只是简单的了解new关键字是实例化构造函数获取对象,是万万不能够的。更深入的层级发生了什么呢?同时面试官想从这道题里面考察什么呢?下面胡哥为各位小伙伴一一来解密。一、new关键字new关键字的作用:通过new关键字实例化构造函数,获取对象。说一千道一万,不如来段代码看一看// 定义构造函数function...原创 2020-04-08 08:46:09 · 285 阅读 · 0 评论 -
前端面试题解密:经典算法之冒泡算法(ES6版)及优化
前言随着前端的飞速发展,前端业务开发给前端工程师提出了更高的要求,因而算法题也越来越高频次的出现在前端面试中。有很多的小伙伴找胡哥苦诉,在前端实际开发中(除了涉及游戏开发方面),算法使用有很多吗?大厂的面试是故意要自我标榜下吗?其实不然,考核算法还是相当有必要的,来来来,让胡哥给你拯救世界的理由,哦,不,是考核算法的理由。为啥要考算法?算法是通用技能,包含了诸多逻辑和相关的技术点,优秀的算...原创 2020-04-13 07:38:26 · 879 阅读 · 0 评论 -
关于面试题:[1, 2, 3].map(parseInt)问题的剖析
一、前言最近有小伙伴在公号中咨询了胡哥这道面试题,窃以为是比较有意思的一道面试题,于此分享给各位小伙伴。先把答案给了各位,和你理解的一样吗?![1, 2, 3].map(parseInt) // [1, NaN, NaN]如果你答案你都明白,请出门左转:React源码/原理了解一下。二、剖析这道面试题,本身并不复杂。不能正确回答问题的小伙伴,大多数集中于对parseInt这个函数的不了...原创 2020-01-04 14:49:24 · 1257 阅读 · 0 评论 -
浅析API和SDK
前言最近有小伙伴咨询胡哥关于API和SDK的概念以及区别,今天给大家来阐述下我的理解,手动微笑.gif。API1. 定义API(Application Programming Interface, 应用程序编程接口)是一些预先定义的函数,或指软件系统不同组成部分衔接的约定。目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。以...原创 2019-12-14 20:31:38 · 401 阅读 · 0 评论 -
胡哥一分钟课堂第0002期 - CDN(内容分发网路)
前言CDN的中文全名是内容分发网络,其功能为将内容“发布”到离用户最近的服务器上,有效的避免网络拥塞(越远的距离越容易遇到拥塞)。CDN能力1. 静态加速能力通过本地化缓存加速能力给用户提供一个就近访问的高性能访问架构,消除由用户地域差异而导致的用户体验不一致,提供不同地区用户的相对一致的高性能访问体验。2. 卸载源站能力CDN将资源缓存在它的服务器上,访问是在用户和CDN之间进行的,...原创 2019-09-29 16:40:11 · 968 阅读 · 0 评论 -
基于@vue/cli 3.x的从0到1搭建Vue项目的实践
定场诗守法朝朝忧闷,强梁夜夜欢歌,损人利己骑马骡,正直公平挨饿。修桥补路瞎眼,杀人放火的儿多,我到西天问我佛,佛说:我也没辙!概述Vue官方的脚手架工具Vue Cli有了一次较大的更新,相比于2.x版本,新版本3.x中对项目的搭建,相关包、插件的安装都有了新大的不同。本文即立足于此,选择@vue/cli 3.x版本的脚手架工具,动手实践从0到1搭建Vue项目,包含了项目的初始...原创 2019-09-25 15:31:51 · 961 阅读 · 0 评论 -
基于@vue/cli 3.x的从0到1搭建Vue项目的实践
定场诗守法朝朝忧闷,强梁夜夜欢歌,损人利己骑马骡,正直公平挨饿。修桥补路瞎眼,杀人放火的儿多,我到西天问我佛,佛说:我也没辙!概述Vue官方的脚手架工具Vue Cli有了一次较大的更新,相比于2.x版本,新版本3.x中对项目的搭建,相关包、插件的安装都有了新大的不同。本文即立足于此,选择@vue/cli 3.x版本的脚手架工具,动手实践从0到1搭建Vue项目,包含了项目的初始...原创 2019-09-25 15:22:24 · 232 阅读 · 0 评论 -
胡哥一分钟课堂第0001期 - Hybrid App(混合开发APP)
前言Hybrid APP 即混合开发APP,今天胡哥和大家一起认识Hybrid App。目前APP的开发方式有三种:原生APP、Web App、Hybrid APP(混合开发APP)一、原生APP即IOS(Objective-C等)、Andriod(Java语言)使用原生语言开发的应用。优点:具备了调用设备的各种能力(如摄像头、短信、GPS、蓝牙、文件)以及优秀的性能体验。缺点...原创 2019-09-22 14:00:19 · 469 阅读 · 0 评论 -
前端性能优化之白屏时间
定场诗曲木为直终必弯,养狼当犬看家难;墨染鸬鹚黑不久,粉刷乌鸦白不天。蜜饯黄莲终需苦,强摘瓜果不能甜;好事总得善人做,哪有凡人做神仙。前言该篇文章会为您分享在前端性能优化中非常重要的一环-白屏时间,将从白屏时间的概念、重要性以及白屏的过程一一进行阐述,同时提供性能优化的策略与实践。一、概念白屏时间:即用户点击一个链接或打开浏览器输入URL地址后,从屏幕空白到显示第一个画面的时间...原创 2019-09-17 19:03:36 · 2579 阅读 · 0 评论 -
重读《学习JavaScript数据结构与算法-第三版》- 第3章 数组(一)
定场诗 大将生来胆气豪,腰横秋水雁翎刀。风吹鼍鼓山河动,电闪旌旗日月高。天上麒麟原有种,穴中蝼蚁岂能逃。太平待诏归来日,朕与先生解战袍。 此处应该有掌声... 前言 读《学习JavaScript数据结构与算法》- 第3章 数组,本节将为各位小伙伴分享数组的相关知识:概念、创建方式、常见方法以及ES6数组的新功能。 数组 数组是最简单的内存数据结构...原创 2019-08-14 16:08:20 · 1092 阅读 · 0 评论 -
重读《学习JavaScript数据结构与算法-第三版》-第2章 ECMAScript与TypeScript概述
洛伊安妮·格罗纳女士所著的《学习JavaScript数据结构与算法》第三版于2019年的5月份再次刊印发行,新版内容契合当下,实为JavaScript开发人员的必备之佳作。有幸重读此版,与诸君分享共勉。原创 2019-08-14 15:38:35 · 435 阅读 · 0 评论