- 博客(67)
- 收藏
- 关注
RSS订阅原创 从前端小白入门谈前端技术转型
今天早上偶然看到了前端早早聊大会的第一期的视频，然后里面讲的都是关于前端从技术向管理转型的一些心得体会，其中讲述人都是在公司中担任一些架构师、Leader等层面的人员。主要就是分享一些在工作中遇到的难题与解决方案等，今天我看的是字节跳动的竹隐老师关于技术转型的看法，觉得是十足的干货，也想发表一些看法。01 前言虽然自己的经验是不足以谈关于技术管理这一块的内容。但是觉得自己以后也会走上这一条路的，所以提前了解一下也不是不行，而且我觉得老师讲的是非常的好，能够引起我的思考。看了老师的讲解之后感觉自己的.
2020-05-15 15:28:16
742
原创 如何结合Node和Puppeteer做网络爬虫
相信大家都听说过爬虫，我们也听说过Python是可以很方便地爬取网络上的图片，但是奈何本人不会Python，就只有通过Node来实践一下了。01 前言何谓爬虫其实爬虫用很官方的语言来描述就是“自动化浏览网络程序”，我们不用手动去点击、去下载一些文章或者图片。大家或许用过抢票软件，其实就是不断地通过软件访问铁路官方的接口，达到抢票的效果。但是，这类抢票软件是违法的。那么怎么判断爬虫是不...
2020-05-04 20:03:18
556
原创 你知道如何使用Node.js做邮箱验证吗
相信大家都知道登录操作都会有一个接收验证码的过程,我之前一直对这个非常感兴趣,经常问同学手机验证码是怎么搞的,但是现在我们不用手机也照样可以实现这个功能。01 前言其实对于手机验证码来说，一般都要收费的，免费的一般是比较少的，而且都会有数量的限制。既然我们不能使用手机验证码来发送，那么我们就以曲线救国的方式来实现这个功能吧。其实很简单，我们只要安装一个第三方的npm 包就可以了，这个包...
2020-05-01 12:23:59
430
原创 小程序开发的一些细节，你有注意吗？
最近的弄的小程序差不多有点东西了，就来写一些关于小程序的感悟吧01 前言 一般来说，我认为小程序是一个没有什么技术含量的东西，特别是现在有了组件库，而且小程序生态不断完善的情况下，只要对着文档慢慢写就好，就是时间的问题。然后这里也不是教大家怎么去写程序之类的，而是本人在经历过后的一些小建议。02 技术选型 其实我觉得技术选型是非常重要的，直接关系到你后来的工作复杂度。怎么说呢？因为...
2020-04-27 23:34:11
371
原创 前端人应该有的网站和工具
很早就想写一篇文章关于前端人的工具库了，因为我发现其实有了工具，才是成为工具人的基础。01 前言最近有很多初学者在后台留言说：“我是一个小白，怎么才可以快速入门前端呀？”。关于这个问题其实不太好回答，因为这个问题就好像说我是一个穷光蛋如何快速致富一样的道理。但是也不是没有办法回答你这个问题，毕竟掌握一门知识点还是有它的路径的，不能说路径一样，但起码可以参考。接下来我就以一个初学者走过但...
2020-04-21 23:13:37
359
原创 如何解决安卓/IOS获取蓝牙ID不一致问题
不知道大家对低能蓝牙的技术应用了解的怎么样，其实这是一个比较广的应用，比如可以应用于一些信标、家庭娱乐或者医疗方面都有应用。01 前言因为小程序官方是支持接入低能蓝牙（BLE）的，所以在一个项目中也尝试使用如何接入蓝牙，我们从微信的官方网站就可以清楚知道如何使用，但是其中也是有很多坑的。本着学习的心态，自己也手把手带你摸坑，一起处理一些平台兼容性的问题以及一些逻辑判断问题。02 问题抛...
2020-04-20 23:14:48
3743
原创 你还在使用原生开发小程序吗
最近帮别人在做一个小程序,因为官方的支持不够好,组件库也不够多,所以就没有使用官方的操作。网上查找了一番，觉得mpvue还不错（之前也没玩过），索性拿来用吧！01 前言小程序的做法也是比较简单的，假如你是老手的话基本上开箱即用，但是奈何自己技术不够，那就手把手教你踩坑吧。之前也做过几个小程序，我用过官方的、uni-app开发，效果还行。然后现在是想尝试一下mpvue，生态还可以，组件库...
2020-04-18 21:53:19
987
原创 关于vue过滤器的原理解析
又来学习源码系列，今天就看一下vue中的过滤器具体是怎么实现的，我觉得这是一个不常用但是很重要的知识点，开冲！01 前言过滤器实质不改变原始数据，只是对数据进行加工处理后返回过滤后的数据再进行调用处理。我们看一下官方的定义：Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。...
2020-04-15 22:46:30
1015
1
原创 学习两个多月后的一些学习感悟
经过两个多月的学习与总结，我悟出了一些道理。01 前言很多人都有终身学习的概念，我也一直都是认同的，毕竟只有学习才会让自己适应社会，适应工作与生活。今天我就来谈一下学习这个比较虚、也比较广的范围，也是对自己坚持两个多月以来的感悟吧。因为今年疫情的原因，自己也和大多数人一样在家里，响应政府的号召，不出门。但是想着不出门，也不能和好友相聚等，那剩下的只有什么呢？没有，剩下的只是学习。不管你...
2020-04-12 21:59:59
726
原创 关于Webpack中Loader与Plugin的实践
最近看一下webpack相关的内容，谈一下如何编写loader和plugin01 前言相信大家对webpack也有一定的了解，其实深入浅出webpack这本书也看了很多遍，每一次看都会有一些细节之前没有注意到，我觉得其实可以把它当成是一本工具书来看，之前我也是只看配置都有点让你看不过来，更别说其他的了。所以今天我就说一下如何编写一个loader与plugin，以及它们之间有什么却别等。...
2020-04-12 21:58:02
328
原创 我们应该如何编写高质量的前端代码
编写高质量代码是每一个程序员必备的技能之一，可以有效地进行项目的维护以及项目的合作开发01 前言这要从很久的事情开始说起，前端最初的发展就像一团浑浊的云团，什么都往一块写，然后东拼西凑，最后竟然能运行。其实每个人前端人都会对页面的混杂感到头疼，谁不想好好优化一下呢？但是奈何那会没有成型的工具，更没有现在高质量的组件库，从此解放了我们的代码编写，真正做到了开箱即用，它不香吗？从最初发展...
2020-04-04 23:51:54
405
原创 浅析Node是如何进行错误处理的
node是对错误处理要求比较高的语言，假如对错误处理没有到位可能会造成程序进程退出01 前言错误处理是程序中一个重要的部分，也是判断你的程序是否专业的标准。一般来说我们写程序的时候都会选择使用try…catch来进行错误捕获，或者有时候我们会使用throw进行错误抛出，这是都是常用的错误捕获方法。但是我们在进行node进行开发的时候就会接触到异步过程的中的错误处理。我们知道在node...
2020-04-03 09:15:52
701
原创 应届生小白如何找一份靠谱工作
疫情之下，很多同学都难以找到一份好工作，很多公司招聘需求也比较少，那么我们该如何辨别是否是靠谱的呢？01 前言大家都知道，临近毕业很多事情都变得忙碌起来了，以前三年没有想过的事情如今一年就要全部想清楚，你说这能不难嘛？然而最近的疫情影响，大家都难以找到工作，一下子压力就大了起来，老师同学都鼓励大家积极就业，其实道理我们都懂，但是我的老板到底在哪？除了我们要考虑就业、找工作的问题之外，...
2020-03-31 23:44:03
443
原创 如何使用JWT做简单的登录操作
注册登录方面的鉴权对于一个网站来说是及其重要的，不仅可以保护你的个人信息，还可以方便后续的操作。01 前言今天和大家聊一下我们的登录注册流程是怎么样的。我们知道登录方面有很多种情况，比如可以使用账号密码进行登录，可以使用扫码登录，还可以使用第三方的账号登录，其实原理都是大同小异的，无非就是验证你的账号是否合理以及你的登录信息是否有效。但是本文就是用简单的登录流程给大家说一下其中的奥妙...
2020-03-30 14:59:44
789
原创 谈一下毕业之后该何去何从
不得不说，今年毕业季又有一大波毕业生涌向互联网行业，但是市场的岗位有可能也是不能满足毕业生的需求，我们又将走向何方。01 前言今天就不聊技术相关的事情了，因为最近也被一些bug搞得心烦意乱，实在没有心情去总结过程当中遇到的问题，不然有可能会更烦，索性就跟大家聊一点轻松的话题，也是最近所想的一些东西。（主要是我的bug还没有解决）由于今年的疫情原因，我久久不能去实习上班，虽然每天都憧憬...
2020-03-30 14:54:59
254
原创 服务端小白也能搭建上线系统
继上一篇文章之后，我把开发的系统放到阿里云服务器当中，并且成功上线。01 前言继上一篇文章之后，上一次我写的是前端搭建的后台系统如何与本地数据库或者线上数据库连接的文章，但是我们所有开发的项目不可能是放在本地运行的，怎么也得把它放到服务器上面，让别人也可以通过你的公网地址访问，今天折腾了一下还是挺费劲的，遇到了几个坑，接下来就跟大家说一下如何解决这些问题。但是你如果要把项目放到服务器...
2020-03-24 23:51:21
440
原创 程序员六个赚外快的方法（建议收藏）
在你低头写代码的同时，很多人都在高调赚外快文章同步到公众号《前端小时》，欢迎大家关注！01 前言近日闲来无事，总喜欢钻研一些“技巧”型的东西，也一直考虑别的除技术以外的东西（虽然现在技术不好），想想也觉得无事，毕竟可能以后就没有什么时间去想了。一直都炒的很热的问题，关于程序员如何去赚取外快的问题。以前自己的想法就是去接单，做私活呀，钱来的很快，但是也很累。想想这个终究也不是什么...
2020-03-22 16:09:55
8790
3
原创 小白看大型网站架构设计方案
大型网站的架构设计一般与小型的网站差别很大，考虑的技术点也是不一样的01 前言最近对大型网站的架构比较感兴趣，就看了一本关于架构的书籍，顺便记录一下自己的所思所想。我们知道想淘宝、微博、12306等的软件设计，必然与我们平时使用的软件设计不同，原因是前者涉及到大量的数据存储，大量的用户访问，还有就是高并发量（瞬间访问量）。假如有其中的一个环节没有做好的话肯定是影响整体的性能，因此就会...
2020-03-21 16:58:38
631
原创 小白也能听懂的前端工程化
小白也能听懂的前端工程化前端工程化最近也是被很多公司或者企业都用起来了，变成了一个很火的名词，所以我就好奇一下中间的前因后果是怎么样的01 前言前端工程化这个方面的内容我也是近年来才听到的一个信息，我一听就觉得十分地高大上，什么时候前端开始变成了一个工程化的层面了？不过现在随着技术的更新换代我逐渐相信前端的发展了。之前觉得惊讶的时候，我还是大家认为前端该干的事情——切图，套模板。本...
2020-03-20 20:40:40
537
原创 我为什么不推荐大家太注重学习
我为什么不推荐大家太注重学习本期学习来给大家聊一下学习相关的日常，除了学习我们还需要干嘛？01 前言作为一个喜欢专注学习的我，要是当初谁给我说不要太专注与学习的话，我大概率会骂他一顿，不学习怎么来提升自己，怎么来取得好成绩？其实大家说的也不是没有道理，我想说的是除了学习之外的事情，学习过后你应该做点什么事情。这样大家或许就会明白，学习是仅仅是一个过程，而不是最终的结果。下面我就说一...
2020-03-19 22:55:52
279
原创 2020中高级前端面试题合集
2020中高级前端面试题合集“全方位总结一下所遇到的面试题目，与大家共同学习，也是对自己的一次总结”01 前言2020是不平凡的一年，这一年里发生许多事情，大家也都知道。对于互联网行业来说也是一次重大的打击，也有一些企业在这次疫情中倒闭了，所以可能对于今年2020年毕业的同学来说是一次很大的考验，也关乎我们的前途。今年的面试基本上都不会线下面试，都是采取线上电话/视频的形式来进行，...
2020-03-18 22:19:00
21367
4
原创 JavaScript设计模式浅析
JavaScript设计模式浅析设计模式最早的起源其实是源于建筑学，针对某一个问题而提出的一个解决方案01 前言设计模式我们其实听过不少，但是当别人问具体是什么或者有哪些设计模式的时候，我们有可能会不知道或者回答不全。其实我们在开发的过程中可能很少会用到设计模式，因为很多东西别人都帮我们封装好了，我们直接拿过来用即可。前端的开发经过一遍封装过后变得无比容易，我们在运用的过程中得心应...
2020-03-17 22:50:04
138
原创 如何从零开始学习前端技术
如何从零开始学习前端技术没有一种技术是学不会的，10小时可以入门一门新技术，10000小时可以成为一个领域的专家。01 前言互联网在当今的世界显得异常火爆，每一个人都尝试挤破头脑去学习、去进入这一行业。作为一个前端从零开始学习的过来人，下面我的会详细说一下当初是怎么过来的，希望大家都会从我的这一段经历找到自己的出发点。如果大家对前端是没有一点概念的话，其实这只是一个方向的技术。比如我...
2020-03-17 00:17:23
1263
原创 DNS与ARP的关系与原理解析
DNS与ARP的关系与原理解析“计算机之间进行通信的只靠IP地址不能完成吗？”01 前言我们在上网查询某一个网站的时候，比如谷歌搜索，一般都是输入www .google.com进行查询，但是实际上我们是需要得到它的IP地址才可以与主机进行连接的。这个过程就得益于DNS域名解析了，通过域名与IP地址的一个对应关系就可以得到目标的IP地址，从而进行通信。但是有了IP地址还不行，还需要一个...
2020-03-15 20:24:01
3656
1
原创 产品的思维与技术的思维差异
产品的思维与技术的思维差异“ 同样是为了一个需求服务，产品的思维是怎么想的**”**01 前言从零开始设计一款全新的产品，其实前期的工作基本上是不用程序员的操心，工作开始由产品经理与客户进行初步的沟通和设计。这里所说的产品经理其实就是一个名称，并非是真正的经理职位。通常来说是由甲方提出初步的需求，然后由产品经理初步设计产品图，如果严谨的话一般会与客户进行再一步的沟通以确定第一版版本。...
2020-03-14 13:30:46
936
原创 入门基于Node的Web框架——Koa
入门基于Node的Web框架——Koa“Koa是基于Node.js的web框架，由Express原班人马打造，有健壮、轻量的特点”01 前言之前介绍过Node.js的特点就是基于事件还有回掉函数的，由于这个特点，Node适合于高密度IO的场景。传统的数据操作是直接在数据库上面进行数据的增删改查，是精确到数据源本身，这种情况有可能导致性能问题。因为当遇到高并发的场景，数据库可能查询不过...
2020-03-13 13:28:48
222
原创 大学四年，如何选择自己的技术栈
大学四年，如何选择自己的技术栈“ 无论什么样的学校，都会有同样的牛人**”**01 前言不知道大家知道程序员最重要的一个技能是什么呢？没错就是CV操作，复制粘贴。作为一个天天被产品压榨的卑微身份，不得不练成了这一本领（其实是与生俱来）。由于产品的更新速度太快了，开发难免会跟不上这个逆天的节奏，老板就只会说我只要结果不要过程，所以就找一些开箱即用的就美滋滋了。但是不得不说近年来的前...
2020-03-12 16:03:37
310
原创 Proxy 对象拦截器
Proxy 对象拦截器“ ES6的对象拦截器，可以拦截哪些情况呢**”**01 前言自从ES6诞生以来，各种新特性也逐渐显现出来，比如ES6中的Proxy对象，是一个重要的技术。之前Vue的数据双向数据绑定是使用Object.defineProperty()来做的，而现在vue3.0使用的是代理Proxy来编写。原因是前者有一些对象或者数组的变化是监听不了的，但是Proxy可以监听整...
2020-03-12 08:52:27
1259
1
原创 系统总结ES6的promise对象
系统总结ES6的promise对象“ ES6的异步解决方案，面试必考题之一**”**01 前言由于同步的写法造成很多的问题，我们最早使用的异步解决方案可能就是jQuery的Ajax的请求函数了，其中提供了同步和异步的写法，但是我们还是会觉得诸多不便，例如一不小心就可能会造成回调地狱的问题，所以ES6就提出来一种更为优雅的写法——promise对象。02 promise在阮一峰...
2020-03-12 08:50:13
150
原创 项目开发注意的那些事
项目开发注意的那些事“ 性能监控，是网站性能的一个关键点**”**01 前言平时我们开发一个项目，无非也就是几个步骤，项目设计、代码编写、代码检查、项目部署。我们可能会想着，也许项目上线也就这么简单吧。其实殊不知在大型的项目当中，这些就是过家家的游戏而已，项目上线之前做的工作可不比你实际编写核心代码的少。那么我们自以为写的不错的代码架构，为什么会被面试官调侃呢？对于那些没有经验的同...
2020-03-12 08:47:55
432
原创 解读进程与线程区别、进程间通信
解读进程与线程区别、进程间通信把简单的问题回答得不简单，谓之深度01 前言记得大学学习操作系统的时候，心里就想着这是啥子东西，然后面试的时候我们就想着为啥我没有学过这东西。当你确定好方向之后一般就很少去关注方向之外的东西，就比如我选择了前端开发，就很少关注操作系统和计算机基础的东西，但是面试却常考这些似乎比较偏僻的知识点。我们常说一面面试会考你基础，这个基础可不是你方向的基础知识，...
2020-03-12 08:42:29
500
原创 前端性能该如何做优化
前端性能该如何做优化“学与思，琢与磨，知与行，相交错”01 前言当我们打开一个网页的时候，要是运行流畅，体验良好，我们很大程度会经常访问，这就有了用户。相反，如果网站卡顿，内容迟迟没有加载出来，即使你的网站质量很好，也有可能失去用户。前端如今越来越偏向于用户体验方面来，正如winter所说，前端仍然是一个比较新的岗位，有很多可以开发的地方。那么我们如何让用户觉得这是一个运行流畅的网...
2020-03-12 08:38:51
1013
原创 关于Node.js中内存管理的思考与实践
深入浅出Node.js——内存管理“ 一点浩然气，千里快哉风**”**欢迎大家关注我的公众号《前端小时》，文章同步发送！01 前言随着Node的发展，JavaScript的运行已经不再局限于运行在浏览器中了，Node在服务端的应用使得越来越多的问题也显现出来。对于刚接触JavaScript的开发者来说，基本上很少会想到内存分配或者内存泄露的问题，为了跟上潮流，就讲解一下Node是...
2020-03-12 08:34:23
256
原创 开始面试，我该准备什么
开始面试，我该准备什么“别人怀宝剑，我有笔如刀”01 前言临近毕业，相信大家都会忙着找工作，面试等，即使大三的小伙伴也会想着出去找一份实习单位，增加自己的工作经历，为来年的毕业做准备。那么我们找工作之前必须要清楚几件事情，否则找工作可能不会怎么顺利。02 面试准备我们找工作要注意以下几件事情：如何写一封好简历什么时候投简历如何判断公司是否靠谱面试该如何准备面试被问...
2020-03-12 08:29:23
399
原创 面试官：讲一下 https 和 http 的区别
面试官：讲一下 https 和 http 的区别“时无重至，华不再阳”01 前言因为http协议传输的数据都是以明文的形式传输的，内容没有经过加密操作，这就造成了传输不安全的情况。如果传输的数据中存在着银行卡，身份证等敏感信息，容易被他人盗取，实施诈骗。所以人们就想出了一种能够安全传输的协议，https协议。该协议可以在信息传输前进行加密，加密之后接收方需要解密才可以得到信息，否则...
2020-03-12 08:25:34
604
原创 TCP的可靠性传输是如何保证的
TCP的可靠性传输是如何保证的系统总结TCP连接中，它是如何保证数据的传输01 前言我们之前介绍过TCP的连接比UDP连接复杂，也比较安全，但是我们想知道它是如何保证这些数据的安全的？数据的发送先后有什么秘诀呢？接下来我就一一去总结这些细节性的问题。02 保证数据安全的方法TCP主要提供了检验和、序列号/确认应答、超时重传、最大消息长度、滑动窗口控制等方法实现了可靠性传输。...
2020-03-12 08:21:25
378
原创 JavaScript事件循环机制
JavaScript事件循环机制菩提本无树，明镜亦非台01 前言事件循环机制在前端的面试中可谓是必问的一道题目，这道题目涉及JS的执行顺序问题，可能有些同学执行JS代码的时候老是会出错，执行顺序不对的情况。所以我就借这一篇文章好好深入了解一下。02 事件循环我们知道JavaScript是单线程的，意思就是一个时间只能做一件事情。就比如车站过安检一样，都会一个个通过，这就是单线...
2020-03-12 08:17:04
124
原创 ES6到底有哪些特性值得我们学习
ES6到底有哪些特性值得我们学习业精于勤，荒于嬉01 前言ES6现在已经是下一代的语言标准了，前端的学习已经来到了一个新的阶段，我们的JavaScript语言已经可以用来编写复杂的大型应用程序，成为企业级开发语言。而现在前端开发岗已经是企业中很重要的岗位之一，所以说学习新技术，以技术驱动产品是理所当然的事情。对于ES6的学习，我们建议去看一下阮一峰老师的教程，里面详细讲述了每一个知...
2020-03-12 08:12:51
146
原创 浏览器按下回车发生了什么
浏览器按下回车发生了什么“立身以立学为先，立学以读书为本”01 前言这一篇文章是其实就是讲述浏览器的渲染原理，普通用户虽然操作浏览器只会关注页面是否能够显示出来，但是作为前端程序员是要去关注要是显示异常该如何排查问题。其实当你深入研究的时候，你会发现中间过程比我们想象的还要复杂。其中包括IP地址的解析、DNS服务器查询，服务器响应等一系列过程，下面我就解析一下浏览器到底是怎么工作的...
2020-03-11 23:46:55
468
原创 带你一文玩转CSS滤镜
带你一文玩转CSS滤镜给背景图披上不一样的衣服01 前言随着新技术的发展，越来越多的css属性被浏览器所支持，而且更新速度也十分地快。css属性的增多，可以使网页的颜色多样化，更加的丰富。对用户体验上来说都是一件好事，用户的接受度会普遍增加。在2014年底，css滤镜已经被列入W3C的滤镜效果模块工作草案。接下来介绍不同的滤镜会有什么样的效果：blurbrightnessc...
2020-03-11 23:38:46
144
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人