零基础，怎么自学好前端？
如果想在前端入门，建议先打好基础，比如HTML，CSS，Javascript。你应该模仿一些金典网页，并尝试编写自己的网页和互动动画。如果在写作过程中遇到问题，可以多百度一下，或者请教一些有经验的人。坚持前端基础1-2个月应该没问题。
其次要注意基础理论的积累，比如css盒子模型，布局，转场和动画，定位这些常用的理论。对于javascript，你要熟悉逻辑运算的语法和数组语法，因为javascript在很多场景下都是在处理逻辑。也可以尝试写旋转木马、换卡、拼图等游戏。，可以加强你对代码逻辑的理解。之前写过关于高级javascript的文章，你也可以参考一下。
前端进阶需要了解底层知识，如js闭包、闭包的优缺点、浏览器垃圾收集机制、dom更新原理及性能优化、原型与原型链、对象与继承等。，这个应该很好理解。
如果后期想做到高级前端，可以通读javascript高级编程，然后了解基本的数据结构和算法，比如冒泡排序、快速排序、Hill排序、链表、二叉树等。熟悉vue、react等主流框架。并能独立负责项目。
前端架构需要非常熟悉前端工程流程，比如配置前端开发工作流，比如webpack和gulp，知道如何封装团队公共组件库和类库，比如使用rollup、自动部署、sh
怎样在网页中做出精彩的文字排版？
所以这里这就是诀窍！
1.唐不要使用太多字体
建议网站排版时字体类型不要超过三种，否则网站会显得松散不专业。不仅字体太多会造成这个问题，字体太大也会破坏页面的布局。
通常，字体类型的数量被限制在最低限度(两种是很多的，一种通常就足够了)，整个网站坚持同样的原则。如果使用多种字体，请确保两种字体协调一致。以下面的字体组合为例。格鲁吉亚和凡尔登相辅相成，相对和谐。与右边的巴斯克维尔和Impact相比会有明显的，无衬线Impact明显超过巴斯克维尔的视觉冲击。
在中英文排版中，建议您中文使用标准中文字体，英文、数字、字符均使用。标准英文字体。以下图为例，供参考。
左:中文(汉仪横幅黑)英文(DINNextLTPro)标点使用半角字符右:中文(汉仪横幅黑)英文(汉仪横幅黑)标点使用全角字符。
2.尽量使用标准字体。
GoogleWebFont或者Typekit里面有很多有趣的字体，国内有字体库的字体嵌入服务。对于国内设计师来说，痛苦的是汉字很有体验，一个字体几兆甚至更多，会增加用户浏览网站的加载时间。另一方面，大写和小写26个字母以及带有数字标点符号的总共几百个K的英语字体在网页中易于使用。
尽可能选择一种标准字体(近几年网页中可以使用思源、方平、Arial、Calibri或其他常见的在屏幕上易读的粗体字体，如果没有特别的概念指导，尽量避免使用衬线字体，如宋体)。不是每个用户都能在终端上看到相同的字体，这意味着用户可能看不到您选择的合适字体。用户对标准字体更熟悉，可以更快地阅读特殊字体，少量字体可以做成。svg格式。好的排版会让用户更关注内容本身而不是字体类型。
3.限制一行文本的长度
确保每行的字符数是文本可读性的关键。设计者不仅要定义文本的宽度，还需要根据用户的可读性来定义。太宽-这会使单行文本太长，对读者来说很难阅读。;他的眼睛集中在课文上。因为长时间阅读容易连载，在大段文字中很难找到正确的行。太短-它会使用户眼睛经常会回到下一行文字，打破读者的阅读节奏，长时间阅读会造成视觉疲劳。太短还会倾向于向读者传递一个信号，让读者在阅读当前行之前跳到下一行，这可能会忽略潜在的重要单词。
对于移动设备，每行应该有30-40个字符(半角)，显示多少字取决于不同分辨率、文本宽度和字体大小的屏幕。设计原则是:保证用户能流畅地阅读文字，文字不能太小也不能太大。以iOS(手机)为例，文字的最小字号不能小于24px，太小了用户看不清。以百度为例，可以作为参考。
4.选择一种多字重且屏幕显示良好的字体。
用户会通过不同屏幕分辨率的终端设备访问你的网站，大多数用户界面都需要各种大小的文本(标题、字幕、文字、注释等。).选择可以在不同屏幕分辨率的设备上运行良好的字体，以确保其不同大小的字体具有较高的可读性和可用性(UsabiLity)也很重要
近两年流行的思源粗体和方平字体都是不错的选择。当然，个人认为汉仪BannerBlack在家族字体数量、字体质量、屏幕显示、纸张打印等方面并不逊色于前两种字体。参与过思源黑体设计的设计师都表示，思源黑体还是比较粗糙的字体。同样，为了保证屏幕上的易读性，尽量避免使用衬线，虽然它们很漂亮。
5.使用识别度高的字体。
选择英文字体时，有些字体的个别字母容易混淆，尤其是"我"和"L"(如下图)；以及单词之间的间距。很多中文字体在使用较小字体时会粘在一起(上图)，不容易分辨；所以在选择字体类型的时候，请检查你选择使用的字体，确保不会给用户和产品造成不必要的损失。
6.避免在界面的大段中使用大写字母。
唐不要在所有文本中使用大写字母，除非强迫用户阅读大写字母、首字母和有特殊含义的缩写。与小写字母相比，大量大写字母会严重减少用户阅读效率和乐趣。
7.将行距控制在字体的1.5至2.0倍之间。
在文字排版中，我们还有一个专门的术语来表示行距:行距(或行高)。为了保证文字的可读性和可读性，使文字形成线性的阅读体验，在网页设计中，行距通常控制在字号(中文字体)的1.5-2.0倍之间。英文字体建议使用默认行距，或者根据默认行距进行微调。
8.适当的颜色对比通常，尽量避免使用相同或相似的颜色作为文本和背景。
文字越明显，用户浏览和阅读的速度就越快。当然，也要学会通过文字颜色、大小、背景的颜色关系来控制视觉层次。小字与背景的对比度至少要达到4.5:1，大字(14px/18px以上)与背景的对比度要保持3:1。
灰色通常作为辅助色。根据我自己的项目经验，有必要分享一套我一直在用的灰色，需要明确区分信息层次。
9.避免将文本涂成红色或绿色。
色盲和色弱是我必须照顾的一些用户，尤其是男性(8%的男性是色盲)。建议使用其他区分重要信息(下划线、粗体等。).避免分别使用红色和绿色来传达信息。因为红绿色盲是最常见的色盲形式。(现在想想，那些孩子s鞋可以找不到司机牌照因为是红绿盲讨厌分分钟制定红绿灯规则的人？当然，这只是一个玩笑。使用交通灯是因为光学在物理学中传播。原因，此处不解释)
虽然我们在日常生活中总是告诉用户绿色表示正确操作，红色表示错误操作，但是让s反思一下我们有没有考虑到色盲用户的操作和体验。也许我们可以考虑另一种表达对错的？
10.避免文本闪烁
闪烁的文本或内容可能会让一些用户感到不舒服，对于普通用户来说，可能会分散他们的注意力或让他们感到烦躁。
虽然网页设计还有很多需要我们注意的地方，但是最后我想和大家分享一个想法，排版在网页设计中是非常重要的。做出正确的排版可以让你的网站感觉耳目一新，而糟糕的排版会分散用户的注意力，倾向于关注自己的感受而不是内容。排版的关键是信息层次清晰，便于用户阅读，保证文字可读性。字符的排版不应该增加用户认知从众，从而达到尊重内容和用户的目的。