入门准备
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专篇来介绍,请关注我,顺手点个赞吧,谢谢各位同学了。每一篇都是我纯手打整理的,(* ̄︶ ̄)