最近写了一些前端教程～

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

这是一个创建于 2420 天前的主题，其中的信息可能已经有所发展或是发生改变。

最近搞了个网站，写了些教程，打算写完前端这个系列，现在完成了 CSS，如果有人看就写下去吧。

自己的定位教程是属于划重点和快速入门那种，拯救学不会 CSS 的程序员。

https://www.jmjc.tech

教程

CSS

程序员

前端

75 条回复 • 2018-05-14 23:59:24 +08:00

jmjc

2018-05-11 09:23:40 +08:00

自己加油！

kevindu

2018-05-11 09:25:37 +08:00

挺好的，已收藏，👍

可以结合下实际项目，要不看完这些教程，也不知道前端工程是什么样的

jmjc

2018-05-11 09:27:25 +08:00

@kevindu 好的，感谢资词，你是第一个用户。

ahswch

2018-05-11 09:38:10 +08:00

正在前往。。

ingin

2018-05-11 09:45:06 +08:00

简明教程，这个简字很恰当，多谢楼主喽！！！

JustinL

2018-05-11 09:48:37 +08:00 via Android

先收藏了，谢谢

yiqiao

2018-05-11 09:51:52 +08:00

@jmjc 左边的 active 不太明显，楼主加油啊，我以后打算要做教程+视频的模式，共勉~

dante3imin

2018-05-11 09:52:35 +08:00

打不开 doge

HENQIGUAI

2018-05-11 09:56:01 +08:00

打不开 +1

tutustream

2018-05-11 10:00:03 +08:00

一开始有点卡，现在能打开了，收藏感谢

firhome

2018-05-11 10:01:08 +08:00

@tutustream 支持了，不错。这个页面模板是自己写的嘛？还是？

jmjc

2018-05-11 10:02:56 +08:00

@firhome bootstrap

MY284677511

2018-05-11 10:05:51 +08:00

打不开 +1

onionnews

2018-05-11 10:06:07 +08:00 via Android

会有 bootstrap 教程吗？网站速度是真的慢。。。

qq7790586

2018-05-11 10:06:16 +08:00

服务器太渣了.

cs923

2018-05-11 10:08:26 +08:00 via Android

支持

chairuosen

2018-05-11 10:11:16 +08:00

你在 css 里的注释咋是 html 风格的

calebx

2018-05-11 10:11:59 +08:00

加油

meszyouh

2018-05-11 10:15:09 +08:00

jQuery 啥的换成 CDN 啊，也太慢了。

ZiNai

2018-05-11 10:16:15 +08:00 via Android

很实用啊

kylix

2018-05-11 10:20:40 +08:00

精神可嘉，加油

learnshare

2018-05-11 10:45:48 +08:00

推荐工具升级为 VS Code 吧

jmjc

2018-05-11 10:46:35 +08:00 via Android

@onionnews bootstrap 可以看中文网翻译那个，应该可以学会。

qloog

2018-05-11 10:52:26 +08:00

很不错的教程，支持~

nervdy

2018-05-11 10:53:18 +08:00

看起来不错，都是简洁明了的例子，期待后续内容

jmjc

2018-05-11 10:53:25 +08:00 via Android

@qq7790586
@meszyouh 服务器是薅来的 1M，有救吗，应该是第一次加载会比较慢，之后有缓存。

LancerComet

2018-05-11 10:54:25 +08:00

当成一个 Cheatsheet 倒是不错

cnzzz

2018-05-11 10:54:44 +08:00

支持一下，已收藏

HENQIGUAI

2018-05-11 10:57:37 +08:00

资次 @learnshare 的提议，换成 VS Code 很友好，另外已收藏，感谢楼主辛苦写教程

silif

2018-05-11 10:58:34 +08:00

做的挺漂亮的，优化没做好

bjfane

2018-05-11 10:59:58 +08:00

先赞一下，精神鼓励写教程的人，https://www.jmjc.tech/tutorial/css/7 有一个颜色指定的是 yellow 效果是用的 blue 的，：）

HENQIGUAI

2018-05-11 11:00:37 +08:00

唉本打算给来点实际的，可是赞赏码扫不出啊

zeny620

2018-05-11 11:00:41 +08:00 via Android

正在自学，刚好需要，真的非常感谢

rookiebulls

2018-05-11 11:02:21 +08:00 via iPhone

支持

jmjc

2018-05-11 11:04:04 +08:00 via Android

收到一块钱哈哈哈，这么快就搞到第一桶金了，感想支持。

Junghh

2018-05-11 11:04:50 +08:00

滋瓷一下我就明确说明这一点

jmjc

2018-05-11 11:06:58 +08:00 via Android

关于网站慢，应该主要是首页图片慢，都很大张，网站就 1M，有点强迫症在 Retina 屏显示高清，削弱图片显示级别应该会快些。

不知道这个问题有什么解决办法。

Zh1

2018-05-11 11:12:20 +08:00

重温一下看有咩有漏的知识点

gaoan000

2018-05-11 11:14:54 +08:00 via Android

楼主支持啊，可以赞赏

gaoan000

2018-05-11 11:15:36 +08:00 via Android

速度太慢了点二维码都刷不出来

liuqingpark

2018-05-11 11:15:50 +08:00

正是我要找的，谢谢楼主

rockpk008

2018-05-11 11:20:53 +08:00 via Android

多谢楼主，作为一个年轻后端还是要学些前端知识的

gearkey

2018-05-11 11:27:04 +08:00 via Android

不错，复习了下 html、css，想看 js 竟然还没有，，以及「我要赞赏简明教程」

webfamer

2018-05-11 11:29:44 +08:00 via Android

挺简的，就写了基本用法，没啥深度

9ki

2018-05-11 11:36:56 +08:00

楼主还是先解决下网站的样式撕裂把

huhu3312

2018-05-11 11:50:31 +08:00

给楼主打电话

daxingzhesun

2018-05-11 11:51:28 +08:00

已收藏网站,加油

ctt

2018-05-11 11:52:25 +08:00

不错，有空学习，主要是有了 @xcatliu 的 mobi.css 就基本上满足需求，基本上不用学 css 了。

ttnb

2018-05-11 12:09:53 +08:00

先收藏了·

chenlaocong

2018-05-11 12:17:23 +08:00 via Android

收藏了到时候看

Shazoo

2018-05-11 12:55:33 +08:00

看了一遍。很不错。赞下

alittlewhitea

2018-05-11 13:12:14 +08:00

fakeJas0n

2018-05-11 13:37:33 +08:00

已加入收藏

oswuhan

2018-05-11 13:42:51 +08:00

+1024

只有扁平化、碎片化的语法和用例，没有 Concepts 一类的文章吗？

CharmanderS5

2018-05-11 13:52:49 +08:00

已加入收藏会不时上去看看滴

chztv

2018-05-11 14:03:39 +08:00

看了一遍，不错，符合简这个特色。
加入收藏。

wish198

2018-05-11 14:11:05 +08:00

收藏一下

yazheng

2018-05-11 14:26:46 +08:00

看了，支持一下

gamelyking

2018-05-11 14:27:40 +08:00 via Android

感谢教程

osp321

2018-05-11 14:42:11 +08:00

划重点不错！

yuuk

2018-05-11 14:49:22 +08:00

期待 react 教程，可以放到 gayhub，大家一起贡献~~~

Abenr

2018-05-11 14:50:48 +08:00

厉害了楼主，已收藏

Meli55a

2018-05-11 15:46:28 +08:00

无私奉献的人值得尊敬，祝一切安好！~

hdyl

2018-05-11 16:02:49 +08:00

已收藏，支持

zj9495

2018-05-11 16:08:38 +08:00

期待 node.js 教程

msputup

2018-05-11 16:29:51 +08:00

好像很多没有讲。
css 优先级，还有一个权重漏了。
子元素选择应该是>
first-child 更适合放在伪类 /为元素里讲？
text-indent 缩进更适合用 em，而不是 px 吧？

qipan0321

2018-05-11 16:36:24 +08:00

真的很简，比如 flex 就讲的真的清楚啊。不过有些地方还是可以稍微丰富一点，简不陋，哈哈

OxO

2018-05-11 17:02:56 +08:00

很棒, 收藏了.

lll4m

2018-05-11 17:06:09 +08:00

收藏收藏

polun

2018-05-11 17:14:29 +08:00

这么巧吗？正好要学 CSS.

ShareDuck

2018-05-11 17:55:41 +08:00

非常不错，已收藏。

Semnew

2018-05-11 18:17:17 +08:00 via iPhone

感谢🙏 速度挺快的阿

Leu

2018-05-11 22:11:20 +08:00

先收藏，感谢

strugglexiang

2018-05-11 23:05:38 +08:00

作为一名前端人员支持收藏一下。

xcatliu

2018-05-14 23:59:24 +08:00

@ctt 感动哭了