前端求生之路（三）

今天要讲的前端入门前的准备、前端的一些基础以及前端学习资料

入门准备

1. 打字速度

• 练习英文打字 100字/min （正确指法）
• 安装金山打字通
• 安装有道词典

2. 文件后缀名的设置 （查看 -> 文件扩展名）

3. 将经常使用的工具锁定到任务栏

4. 安装一些经常使用的编辑器

关于编辑器的选择或安装若是有不懂的，能够联系我。我本身经常使用的text直接编写，嗯...装X了，经常使用的仍是VS code，由于一些插件比较齐全，而后总体的编译终端显示也还行，去年VS code占比是前端编辑器的第一，当前最重要的是白嫖，若是有必要我能够出一篇专门讲一下编辑器和使用插件的推荐。

5. window的一些快捷键

• ctrl+c 复制
• ctrl+v 粘贴
• ctrl+x 剪切
• ctrl+s 保存
• ctrl+a 全选
• ctrl+z 撤销上一个操做
• ctrl+y 还原上一个操做
• alt+f4 关闭当前程序
• win+E 打开资源管理器
• alt+tab 切换程序 （注意整个过程当中 alt是长按不放的）
• win+D 切换到桌面 （鼠标点击右下角）
• win+R 快速运行，打开软件，cmd命令行等

calc 运行计算器
mspaint 运行画图
cmd 运行命令行
notepad 运行记事本
win+L 锁屏

• win+方向键 最大化、还原/最小化窗口
• ctrl+alt+del 会显示如下选项：锁定该计算机、切换用户、注销、更改密码、启动任务管理器
• f2 能够从新命名文件

这些快捷键可使你快一点（固然男人不能快），不过我以为不必特地去记忆这些，你能够在你开发工程中慢慢使用进去，有些会很好用，毕竟开发能简单就简单

6.安装经常使用软件

• 浏览器

做为前端，对于浏览器的兼容是少不了，也就是也许同一段代码你在不一样的浏览器上显示的效果是不一样的，因此你须要下载几个经常使用的浏览器，上面应该算占比大部分市场的浏览器，固然你会说360浏览器、qq浏览器呢，这个我下一篇讲html基础的时候会详细说到这个

• 工具类

有道云词典 等翻译工具

前端其实须要和英语接触挺多的，但咱也没啥好怕的，由于也就是变量定义时你须要用一下，英文文档查看那多是你几年之后的事，固然你的英文水平若是好的话确实会事半功倍的（别问我为何知道，由于个人英文也不怎么好 o(╥﹏╥)o ）

typora 等markdown编写阅读软件

不少文档都是以markdown形式写的，这至关于一种文档编写方式把，因此你须要一个软件用来阅读.md格式的文档，同时我比较推荐你能够尝试本身写markdown文档，由于经常使用的语法就这么几种，当你习惯了你会以为很好用

picpick 等取色测量软件

可能在你作项目或者模仿别人的网页时，常常须要知道模仿对象的长度（狼虎之词？）某一个标签的颜色，这时候有一个这样的软件，你只需安一个快捷键就ok了

ps 等切图软件

如今通常公司ui或者美工都会上传蓝湖了，尺寸和颜色直接复制就好了，但仍是存在一些公司会直接给你psd图，须要你本身切图。我以为你适当学习几个经常使用的切图、取色快捷键便可

xmind 等思惟导图软件

这个在我看来很关键，我但愿各位同窗能够在工做中整理、复盘。如今的前端常常被笑话说cv程序员，面向百度面向搜索引擎开发。我以为不懂就百度这是最聪明的办法，比你一不懂就问别人强不少，百度能够解决你90%的问题，由于在你以前已经有不少大佬遇到过这些问题而且很完美的解决了这些问题，你直接取之用之便可。可是这仍是别人的，即便你拥有了它的肉体，但它还不是属于你的，肉体和精神是两个东西。嗯...你须要把它转化成你的东西，你须要思考为何这么作，你须要整理而后转化为你的东西。时间长，你会发现某个东西你越舔越放不下（我固然说的不是舔狗），只有思考过来才能是你的。

前端的一些基础

问：前端人员的工做跟什么打交道

答：网页 网页的构成：由文字，图片，超连接，多媒体(音频，视频，Flash)等组成！

web标准

网页的结构（后缀名字为.html的文件）

网页的样式（后缀名字为.css的文件）

网页的行为（后缀名字为.js的文件）

各司其职

网页的结构：负责网页的内容整理和分类

网页的样式：负责设置网页的板式，颜色，文字大小

网页的行为：负责网页的动态交互

HTML

概念：HTML（英文Hyper Text Markup Language的缩写）中文译为“超文本标签语言”，主要是经过HTML标签对网页中的文本、图片、声音等内容进行描述。

说白了HTML就是用尖括号包裹起来的英文单词，浏览器对这个尖括号包裹起来的英文单词有特殊的解释

具体的我会在接下来的HTML专篇来介绍，请关注我，顺手点个赞吧，谢谢各位同窗了。每一篇都是我纯手打整理的，(*￣︶￣)

前端学习资料

1.黑马程序员的基础班、就业班视频
2.小甲鱼的系列视频
3.极客学院系列视频

前端的系列视频不少，我本身更推荐的是黑马程序员的基础班视频，大概也就是10几天的视频，但基本讲的仍是比较详细的，这不是广告不是广告！！！这个我以前也讲过为何为推荐看培训班的前期视频，由于确实为了让你交钱他们会讲的比较详细的，并且黑马程序员算是培训机构中质量还过得去的。

由于整理会比较多，在个人公众号上我会专门整理了一篇全部的学习资料，包括前端前期的学习，js高级的学习视频，还有各类慕课网之类资源网上的比较好的视频，由于也算是刚开始把，我会持续更新个人公众号！！！

谢谢各位同窗的观看，前端求生之路的文章可能会暂时晚一些更新，由于接下去会更新前端的html篇知识整理，各位同窗给咱点个赞把，关注一下鄙人，我会持续更新