自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

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

转载 2019年17道高频React面试题及详解

以下面试题来源于github项目前端面试指南,那里有超过200道高频前端面试题及答案,目前拥有1400star.为什么选择使用框架而不是原生?框架的好处:组件化: 其中以 React 的组件化最为彻底,甚至可以到函数级别的原子组件,高度的组件化可以是我们的工程易于维护、易于组合拓展。天然分层: JQuery 时代的代码大部分情况下是面条代码,耦合严重,现代框架不管是 MVC、MVP还是MVVM...

2019-09-17 16:35:10 1683

转载 你或许不知道Vue的这些小技巧

前言用Vue开发一个网页并不难,但是也经常会遇到一些问题,其实大部分的问题都在文档中有所提及,再不然我们通过谷歌也能成功搜索到问题的答案,为了帮助小伙伴们提前踩坑,在遇到问题的时候,心里大概有个谱知道该如何去解决问题。这篇文章是将自己知道的一些小技巧,结合查阅资料整理成的一篇文章,如果喜欢的话可以点波赞/关注,支持一下,希望大家看完本文可以有所收获。前端进阶积累、公众号、GitHub文章内容总...

2019-09-16 15:16:30 126

转载 if 我是前端团队 Leader,怎么制定前端协作规范?

万字长文,继续刷新我的文章长度记录,涉及前端开发的方方面面。本文将持续更新和完善, 文章部分观点可能比较武断或不完整,欢迎评论和补充,一起完善该文章. 谢谢笔者长期单枪匹马在前端领域厮杀(言外之意就是团队就一个人),自己就是规范。随着公司业务的扩展,扩充了一些人员,这时候就要开始考虑协作和编码规范问题了。本文记录了笔者在制定前端协作规范时的一些思考,希望能给你们也带来一些帮助.一个人走的更快,...

2019-09-12 15:43:17 172

转载 if 我是前端团队 Leader,怎么制定前端协作规范?

万字长文,继续刷新我的文章长度记录,涉及前端开发的方方面面。本文将持续更新和完善, 文章部分观点可能比较武断或不完整,欢迎评论和补充,一起完善该文章. 谢谢笔者长期单枪匹马在前端领域厮杀(言外之意就是团队就一个人),自己就是规范。随着公司业务的扩展,扩充了一些人员,这时候就要开始考虑协作和编码规范问题了。本文记录了笔者在制定前端协作规范时的一些思考,希望能给你们也带来一些帮助.一个人走的更快,...

2019-09-12 15:39:29 204

转载 互联网各职业初级工程师职业手册【第一版】

【前言】一直想整理一个初级工程师的职业手册,说明你要想成为一个工程师,你应该具备什么样的思维方式,遵循什么样的守则。这段时间也在项目中不停的指导各种各样的人,很多两年三年的工程师在做一些事情的时候,还是没能达到最基本的要求。想了又想,还是先写出一版,再完善。这一版暂时是没有分类,也没仔细的去梳理,想到哪写到哪了。有一些是技能点,有一些是行业知识,有一些思维方式,有一些是自检规范。话不多说...

2019-08-30 17:33:40 109

转载 从学生思维转变到职业素养

我其实是一直没觉得学生时代的想法和上班以后的想法有多大不同的。自己上学时候和性格和思维方法和现在工作时候的方法相差不太多,仔细想想,大概是跟我没上过大学有关系。所以我可能感受不了太多学生思维什么样子,我在教授这几百个新人的时候,也能知道他们有各种各样的问题和习惯,但是哪些可以归于学生思维,说不好。可能总是有一些习惯会存在大多数的学生身上,才会归结成学生思维。比如说,有一个项目,一个学生做后...

2019-08-30 17:31:30 120

转载 前端工程师如何持续保持热情(一)

对于一种事情,经常重复的话,很容易就会厌烦、觉得无趣、失去了当初的热情。做不完的业务需求,日复一日,就觉得工作乏味、都是体力活;c端做多了,就觉得业务逻辑没有挑战性,没意思,设计要求苛刻,特别烦;b端做多了,就觉得天天写平台,天天对着无味的数据,没机会玩一下炫酷的特效;技术建设做多了,看着自己做的东西都腻了;研究一些花哨的东西,又对工作内容没有什么意义;想用一下最新技术,然而项目历史原因又望洋兴...

2019-08-29 15:18:34 165

转载 前端工程师为什么要学习编译原理?

前言普遍的观点认为,前端就是打好 HTML、CSS、JS 三大基础,深刻理解语义化标签,了解 N 种不同的布局方式,掌握语言的语法、特性、内置 API。再学习一些主流的前端框架,使用社区成熟的脚手架,即可快速搭建一个前端项目。胜任前端工作非常容易。再往深处学习,你会发现前端这个领域,总是有学不完的框架、工具、库,不断有新的轮子出现。技术推陈出新,版本快速迭代,但万变不离其宗。工具致力于流程自动化...

2019-08-29 15:09:48 108

转载 手把手教你撸一个简易的 webpack

背景随着前端复杂度的不断提升,诞生出很多打包工具,比如最先的grunt,gulp。到后来的webpack和Parcel。但是目前很多脚手架工具,比如vue-cli已经帮我们集成了一些构建工具的使用。有的时候我们可能并不知道其内部的实现原理。其实了解这些工具的工作方式可以帮助我们更好理解和使用这些工具,也方便我们在项目开发中应用。一些知识点在我们开始造轮子前,我们需要对一些知识点做一些储备工作...

2019-08-29 15:08:40 488

转载 多网站项目的 CSS 架构

复杂的 CSS 架构,可不是你在科班里能学到的东西。我在互联网行业的第四份工作,是在我国一家领先的媒体新闻公司中任职一名 CSS/HTML 专家,我的主要职责就是开发可重用的、可扩展的、用于多网站的 CSS 架构。在本文中,我将与大家分享我在构建多网站架构领域中积累的知识和经验。附注:如今,正规的项目都会用到 CSS 预处理器。而在本文中,我会使用 Sass 预处理器。用层构建世界在开始...

2019-08-29 15:06:25 97

转载 「前端词典」这些功能其实不需要 JS,CSS 就能搞定

直接入题每个单词的首字母大写其实我第一次看到这个功能的时候就是使用 JS 去实现这个功能,想都没想 CSS 可以完成这个功能。马上就屁颠屁颠的写了一个方法:function capitalizeFirst( str ) {let result = '';result = str.toLowerCase().replace(/( |^)[a-z]/g, (L) => L.toUppe...

2019-08-29 15:04:10 95

转载 什么是 Obsolete Webpack Plugin?

起源20 世纪 90 年代初期,图灵奖得主 Tim Berners-Lee 缔造了计算机领域最伟大的发明之一 —— 万维网,实现了 HTTP 代理与服务器的第一次通信。他定义了 Web 的三大基础技术 URI、HTTP 和 HTML:URI 解决文档的路由表示和寻址;HTTP 协议解决文档的传输形式;HTML 解决文档的组织形式。从设计原则上说,他想到应当尽可能得降低文档开发...

2019-08-28 15:14:20 317

转载 前端工程师为什么要学习编译原理?

前言普遍的观点认为,前端就是打好 HTML、CSS、JS 三大基础,深刻理解语义化标签,了解 N 种不同的布局方式,掌握语言的语法、特性、内置 API。再学习一些主流的前端框架,使用社区成熟的脚手架,即可快速搭建一个前端项目。胜任前端工作非常容易。再往深处学习,你会发现前端这个领域,总是有学不完的框架、工具、库,不断有新的轮子出现。技术推陈出新,版本快速迭代,但万变不离其宗。...

2019-08-28 15:02:48 133

转载 如何优雅处理前端异常?

前端一直是距离用户最近的一层,随着产品的日益完善,我们会更加注重用户体验,而前端异常却如鲠在喉,甚是烦人。一、为什么要处理异常?异常是不可控的,会影响最终的呈现结果,但是我们有充分的理由去做这样的事情。增强用户体验;远程定位问题;未雨绸缪,及早发现问题;无法复线问题,尤其是移动端,机型,系统都是问题;完善的前端方案,前端监控系统;对于JS而言,我们面对的仅仅只是异常,异常的...

2019-08-27 19:50:51 111

转载 个人总结(css3新特性)

1.前言css3这个相信大家不陌生了,是个非常有趣,神奇的东西!有了css3,js都可以少写很多!我之前也写过关于css3的文章,也封装过css3的一些小动画。个人觉得css3不难,但是很难用得好,用得顺手,最近我也在过一遍css3的一些新特性(不是全部,是我在工作上常用的,或者觉得有用的),以及一些实例,就写了这一篇总结!希望,这篇文章能帮到大家认识css3。写这篇文章主要是让大家能了解css3...

2019-08-27 17:09:32 118

转载 这一次,彻底弄懂 JavaScript 执行机制

本文的目的就是要保证你彻底弄懂javascript的执行机制,如果读完本文还不懂,可以揍我。不论你是javascript新手还是老鸟,不论是面试求职,还是日常开发工作,我们经常会遇到这样的情况:给定的几行代码,我们需要知道其输出内容和顺序。因为javascript是一门单线程语言,所以我们可以得出结论:javascript是按照语句出现的顺序执行的看到这里读者要打人了:我难道不知道js是一行一...

2019-08-26 17:14:34 77

转载 26个精选的JavaScript面试问题

为了保证可读性,本文采用意译而非直译。另外,本文版权归原作者所有,翻译仅用于学习。根据Stack Overflow 2018年年度调查报告,JavaScript已经连续6年保持最常用的编程语言的记录。对于一个全栈工程师,JavaScript可以说是一项必备语言,在面试中总会被问到。我整理了一下FullStack.Cafe上所有常见的JavaScript面试问题供大家参考:Q1: JavaScr...

2019-08-25 16:07:31 69

转载 教你从零开始搭建一款前端脚手架工具

前言在实际的开发过程中,从零开始建立项目的结构是一件让人头疼的事情,所以各种各样的脚手架工具应运而生。笔者使用较多的yoeman,express-generator和vue-cli便是当中之一。它们功能丰富,但最核心的功能都是能够快速搭建一个完整的项目的结构,开发者只需要在生成的项目结构的基础上进行开发即可,非常简单高效。作为一个不折腾会死星人,在熟悉了使用方法以后就开始琢磨起它们的原理来了。经...

2019-08-25 15:20:03 179

转载 css加载会造成阻塞吗?

之前面试今日头条的时候,今日头条面试官问我,js执行会阻塞DOM树的解析和渲染,那么css加载会阻塞DOM树的解析和渲染吗?所以,接下来我就来对css加载对DOM树的解析和渲染做一个测试。为了完成本次测试,先来科普一下,如何利用chrome来设置下载速度打开chrome控制台(按下F12),可以看到下图,重点在我画红圈的地方点击我画红圈的地方(No throttling),会看到下图,我们选择...

2019-08-25 15:04:30 92

空空如也

空空如也

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

TA关注的人

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