FRONTEND 八月 15, 2020

浏览器工作原理 — 之 HTTP 请求与解析

文章字数 113k 阅读约需 1:43

浏览器工作原理是一块非常重要的内容,我们经常看到的 重绘重排 或者一些讲解 CSS 属性的时候,都会用到一些浏览器工作原理的知识来讲解。理论化学习浏览器工作原理,效果不是很大,而且很枯燥,所以这里...

查看全文

FRONTEND 八月 07, 2020

一篇文章搞懂前端学习方法与构建知识体系

文章字数 10k 阅读约需 9 mins.

在大前端的成长路上,很多的同学都非常的迷茫,看到一座座越来越高的山。慢慢在工作中也对自己的职业发展也特别迷茫。有些粉丝也私信我问过我一些职业发展的问题,还有“我应该学习什么技术?”,“学习到什么层级才是个头”。

这次我给大家带来一遍文章,给大家讲讲怎么样才是一个优秀的前端工程师,怎么做自己的职业规划,如何学习和构建知识体系。

  • 熟练掌握 Vue React
  • Web 标准
  • 会用 Webpack Babel
  • 十年经验
  • 性能优化
  • 闭包,函数式编程
  • 会写 NodeJS

这些其实都是错误的认知!

...
查看全文

FRONTEND 七月 11, 2020

44关学习CSS与CSS3基础「二」

文章字数 47k 阅读约需 43 mins.

我有一段时间没有更新 FCC 前端教程了,这一周就继续写完 CSS 与 CSS3 基础的教程。最近工作和生活都比较繁忙所以文章更新也受到了一定的影响。不过技术文章写作再忙也不会放弃的。我会继续努力坚持着一周一篇文章的进度,继续为大家带来我学习到的知识。让我们一起继续终身学习吧!

这一篇文章是上一篇《44 关学习 CSS 与 CSS3 基础「一」》的第二部分,一共闯了 44 关。废话少说,让我们一起来闯关吧!

关卡名:Use Attribute Selectors to Style Elements...

查看全文

FRONTEND 五月 17, 2020

44关学习CSS与CSS3基础「一」

文章字数 54k 阅读约需 49 mins.

欢迎回来三钻的FCC前端教程上一篇文章我们通过 28 关学会了 HTML 与 HTML5 网页开发基础。这一期我们一起攻破前端第二大知识点《CSS 基础入门》。因为这一课一共有 44 关,我把文章分成两期更新。敬请期待!

Cascading Style Sheet缩写为 CSS,顾名思义就是层叠样式表的意思。CSS 是 HTML 中的一个样式表,告诉浏览器网页上的文字和其他内容是如何展示的。

以上是一个官方的定义。我们用一个更简单的方式理解 CSS 到底是一个什么东东:

如果 HTML 是骨...

查看全文

FRONTEND 五月 09, 2020

28关学会HTML与HTML5基础

文章字数 84k 阅读约需 1:17

我自学前端已经有 6 年多了,自问当时学前端是没有系统化学习的。一开始边看文档,连滚带爬学 HTML 和 CSS 排版,然后深入研究 JavaScript,因为当时最火的就是 JQuery,所以用了很长一段时间的 JQ。

到了后面遇到有一个项目需要我做 APP 开发,但是不可能去学 IOS 开发和安卓开发,因为项目时间也不可能给我们这么充裕的学习时间。所以当时的我深入分析了几个混合 APP 开发的框架。分析对象包括当时基于 AngularJs 的 Ionic 框架和 React Native。综...

查看全文

FRONTEND 四月 06, 2020

前端必看的8个HTML+CSS技巧

文章字数 97k 阅读约需 1:28

CSS 是一个很独特的语言。看起来非常简单,但是某种特殊效果看似简单,实现起来就颇有难度。这篇文章主要是给在学习前端的童鞋分享一些新的 CSS 技巧,一些在前端教程和培训课堂中不会讲到的知识。第二就是让还在前端开发这条道路上的童鞋们,重新燃起对前端排版和特效的热爱和热情!🔥


这种是一个非常常见的布局方式,但是对于新手来说是比较常见的难题。

这种布局方式在后台管理系统中比较常见,当我们内容不足浏览器窗口高度时,底部内容需要固定在底部。当内容超出了浏览器窗口高度,就会随着内容往后推。

在有 CSS3...

查看全文

FRONTEND 三月 08, 2020

带你体验Vue2和Vue3开发组件有什么区别

文章字数 50k 阅读约需 45 mins.

我们一直都有关注和阅读很多关于 Vue3 的新特性和功能即将到来。但是我们没有一个具体的概念在开发中会有如何的改变和不一样的体验。还有一些童鞋已经开始又慌又抓狂了 – “又要开始学新的写法了 (ノ ToT )ノ ~┻┻”。

所以这里我使用 Vue2 和 Vue3 开发一个简单的表格组件来展示一下 Vue2 和 Vue3 开发组件的区别。看完这片文章后,你将会有一个概念 Vue2 和 Vue3 开发组件时的区别,并且为 Vue3 的开发之路做好准备。ღ(◔ڼ◔ღ)ミ

废话少说,让我们开始吧~ (๑...

查看全文

FRONTEND 十一月 02, 2019

JavaScript中更简便的数组处理函数.map(),.reduce(),.filter()

文章字数 33k 阅读约需 30 mins.

如果你刚接触 JavaScript 可能你还没有听说过.map().reduce().filter()。或者听说过,看过别人用过但是自己在实际项目中没有用过。在国内很多开发项目都是需要考虑 IE8 的兼容,为了兼容很多 JavaScript 好用的方法和技巧都被埋没了。但是我发现近几年开始,很多开发项目已经完全抛弃了 IE 这个魔鬼了。如果你不需要兼容古老的 IE 浏览器了,那就要开始熟悉一下这几个方法来处理数组。

注意这遍文章说的的 3 个方法其实在很多其他语言都可以使用到,因为这几个方...

查看全文

FRONTEND 十月 11, 2019

使用Console技巧提高JS调试技能

文章字数 19k 阅读约需 17 mins.

其实 JavaScript 给到我们很多调试工具来调试代码,那问问你自己,你又知道多少呢?用到多少呢?

大部分前端开发在 JavaScript 调试代码的常规用法都是直接console.log,直接输出某一个变量或者返回数据里面的对象数据。当然毋庸置疑这样输出来调试是没有问题的。但是不是最优雅的方式来调试代码,其实还有更好的办法。作为一个有追求的技术人才,有更好的调试方式为什么不去使用呢?

我们先来了解清楚浏览器的console。浏览器的console对象有提供自带的调试控制台。console...

查看全文
0%