FRONTEND 七月 11, 2020

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

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

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

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

关卡名:Use Attribute Selectors to Style Elements

知识点
  • 之前我们使用了idclass属性选择器给特定的元素改变样式;
  • 这种方式叫做IDCLASS选择器;
  • 除了这两种 CSS 选择器之外,还有其他选择让我们选择一组自定义的元素来改变样式的;
  • 我们把CatPhotoApp...
查看全文

FRONTEND 五月 17, 2020

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

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

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

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

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

如果 HTML 是骨...

查看全文

FRONTEND 五月 09, 2020

28关学会HTML与HTML5基础

文章字数 73k 阅读约需 1:06

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

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

查看全文

FRONTEND 四月 06, 2020

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

文章字数 29k 阅读约需 27 mins.

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


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

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

在有 CSS3...

查看全文

FRONTEND 三月 08, 2020

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

文章字数 12k 阅读约需 11 mins.

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

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

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

查看全文

FRONTEND 十一月 02, 2019

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

文章字数 9.3k 阅读约需 8 mins.

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

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

查看全文

FRONTEND 十月 11, 2019

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

文章字数 6.8k 阅读约需 6 mins.

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

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

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

查看全文
0%