菜鸟上路之前端知识整理笔记（4）

一、先介绍几款常用的前端开发软件。（视频资料来源：极客学院）

常用前端开发工具-编辑器：sublimetext3、atom、vim、editplus。

常用前端开发工具-IDE:WebStorm、HBuilder。

常用前端开发工具-设计工具：Adobe Dreamweaver、Adobe Photoshop。

1、sublimetext3

是一个复杂的文本、代码编辑器。出色用户界面，非凡的功能和惊人的性能，

先讲一些它的优点吧，

（1）快速注释

选择需要注释的代码，多行或单行都很随意，然后使用”Ctrl+/”，或者使用“Ctrl+Shft+/”即可快速注释。注释了再同样按一下即可接触注释。这里的注释比eclipse中的java好用。

（2）快速查找

按住”Ctrl+F”快捷键，即可进行快速搜索，在搜索框下边输入要找的变量名称和方法名等都可以，定位很迅速。

（3）缩略图定位

我们可以发现右侧可以看到整个代码的缩略图，点击相应的区域即可快速定位到了，非常方便。

（4）快速打开文件

Ctrl+P快捷键可以快速打开文件，输入文件名称即可切换打开了，因为可能我们一次打开的窗口比较多，Ctrl+P快捷键可以快速的切换到相应的文件

Sublime可以很方便的编程，对于js和html等编写非常方便，可以编写了在浏览器迅速看到效果. Sublime Text的强大就是她拥有强大的可扩展性。您可根据自己的需要安装不同的插件；这使得她变的无比强大的同时又不失轻便。

2、WebStorm

是jetbrains公司旗下一款JavaScript 开发工具。被广大中国JS开发者誉为"Web前端开发神器"、"最强大的HTML5编辑器"、"最智能的JavaScript IDE"等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。（百科词条）

WebStorm 为前端而生，专门为 JS 开发做了很多优化。

（1）平时你在写 HTML 时，遇到 img 标签时，是不是要费好大劲去知道图片的宽高？WS 直接展示给你了。

（2）nodejs 最好的开发工具，没有之一。只要你会用 chrome 调试浏览器器端的 js，那么你就会用 webstorm 调试 nodejs。（这个我不会用，卯足劲干吧，还能怎样）

（3） 丰富的插件资源，你可以去webstormw官网下载你需要的插件。

（这个说实话我是不了解的，只是看教程的时候老师有讲到，然后自己再搜索相关知识做了一个大致的了解，刚开始的时候我还在想要不要把自己不了解不懂得东西写到笔记里，但是转念一想就是因为不懂才总结笔记的啊，如果什么都知道了还用的着学习吗？这就是一个逐渐的从什么都不懂到渐渐了解熟悉的过程，不能因为自己不知道的东西太多就停下脚步，畏缩不前。我也一直承认自己是个什么都不知道的菜鸟，所以也没有必要害怕别人的嘲笑了。况且大家都各自忙碌谁有时间在乎关注你嘲笑你。加油！）

（4）由于功能强大，所以导致启动会比较慢。

3、notepad++

notepad++事一款纯文本编辑器，刚开始写代码的时候就用这个工具，优点

（1）打开速度快，简单易用。

（2）不仅有语法高亮度显示，也有语法折叠功能。

（3）可以同时开启多个页面来编辑

总之就是一款新手必备的入门编辑器，熟练运用之后在安装试用上面那两款软件吧。

二、计算机基础知识

（这是知乎上一个网友提出来的一个比较草率的基础知识要点，但讲真，有一些我是真不知道）

计算机系基础课：

- 计算机组成原理 (计算机工程师基础知识，你总得懂内存是什么吧，不然你知道什么叫性能优化？为什么要优化？)

- 操作系统 (线程、进程和异步的概念等。什么？你连浏览器是什么都不知道？你知道js里alert的作用吗？)

- 数据结构 (变量类型、指针索引啊、dom的数组操作啊、function递归啊什么的原理)

- 计算机网络 (什么是ip？什么是dns？什么是http？不求你会混合组网、徒手装无线，别连个localhost和127.0.0.1，还有ipconfig是什么都不知道)

- C# / JAVA / PHP / Python (会一个，搞懂面向对象程序设计，ES6还会远吗)

- 计算机网络编程 (socket套接字相关，websocket开发)

作者：王喵喵w

来源：知乎

好吧，下面我就来一个一个的解决这些知识点，其实除了这个办法之外没有任何捷径可走。自学就是这么苦逼的一件事，自己激励自己，自己制定计划，自己一步一个脚印的走下去，暂时不用想能找个师傅带带，如果基础和我一样的差的话，没有师傅愿意带你上路的。

1、内存：

内存是计算机中重要的部件之一，它是与CPU进行沟通的桥梁。计算机中所有程序的运行都是在内存中进行的，因此内存的性能对计算机的影响非常大。内存(Memory)也被称为内存储器，其作用是用于暂时存放CPU中的运算数据，以及与硬盘等外部存储器交换的数据。只要计算机在运行中，CPU就会把需要运算的数据调到内存中进行运算，当运算完成后CPU再将结果传送出来，内存的运行也决定了计算机的稳定运行。 内存是由内存芯片、电路板、金手指等部分组成的。（词条）

存储器的种类很多，按其用途可分为主存储器和辅助存储器，主存储器又称内存储器（简称内存，港台称之为记忆体）。

就好比在一个书房里，存放书籍的书架和书柜相当于电脑的外存，而我们工作的办公桌就是内存。通常我们把要永久保存的、大量的数据存储在外存上，而把一些临时的或少量的数据和程序放在内存上，当然内存的好坏会直接影响电脑的运行速度。

我们通常购买或升级的内存条就是用作电脑的内存，内存条（SIMM）就是将RAM集成块集中在一起的一小块电路板，它插在计算机中的内存插槽上，以减少RAM集成块占用的空间。目前市场上常见的内存条有1G/条，2G/条，4G/条等。（这些概念性的东西看一遍似乎是看不懂的，多看几遍试试，实在不行背也行的。）

内存的工作原理。从功能上理解，我们可以将内存看作是内存控制器与CPU之间的桥梁，内存也就相当于“仓库”。显然，内存的容量决定“仓库”的大小，而内存的速度决定“桥梁”的宽窄，两者缺一不可，这也就是我们常常说道的“内存容量”与“内存速度”。（关于内存暂时粘贴这么多吧，要真想一次性搞清楚还得读相关书籍系统学习再慢慢理解了）

2、性能优化（为什么）：

性能优化(Optimize)

简而言之，就是在不影响系统运行正确性的前提下，使之运行地更快，完成特定功能所需的时间更短。（词条）

了解性能优化可以提高用户体验，改善应用的流畅度、渲染时间和其他方面的性能表现。性能优化有很多原则也有很多技巧和方法，不同的编程优化的方法是不同的。

关于为什么要性能优化，有为网友这样说，他借用了火云邪神的一句话“天下武功唯快不破”。

所以优化性能的主要一个目的就是提升用户体验，留住用户。

当然具体的性能优化问题以后定会在具体问题上详解现在只需要初步理解这个概念即可。

3、浏览器：

浏览器是一种应用软件也是客户端程序， 用来显示在万维网或局域网等内的文字、图像及其他信息， 大部分网页为HTML格式，有些网页需特定浏览器才能正确显示。 ;真正的浏览器是应该可以独立存在系统的;进入21世纪，随着互联网的发展，浏览器作为互联网的入口，已经成为各大软件巨头的必争之地，竞争十分激烈。

浏览器的种类目前是比较多的，而且相关的兼容性问题等等将会使以后前端开发之中要重点关注解决的重要问题。

4、缓存：

缓存就是数据交换的缓冲区(称作Cache)，当某一硬件要读取数据时，会首先从缓存中查找需要的数据，如果找到了则直接执行，找不到的话则从内存中找。由于缓存的运行速度比内存快得多，故缓存的作用就是帮助硬件更快地运行。

因为缓存往往使用的是RAM(断电即掉的非永久储存)，所以在用完后还是会把文件送到硬盘等存储器里永久存储。电脑里最大的缓存就是内存条了，最快的是CPU上镶的L1和L2缓存，显卡的显存是给显卡运算芯片用的缓存，硬盘上也有16M或者32M的缓存。（词条）

缓存是CPU的一部分，它存在于CPU中

CPU存取数据的速度非常的快，一秒钟能够存取、处理十亿条指令和数据（术语：CPU主频1G），而内存就慢很多，快的内存能够达到几十兆就不错了，可见两者的速度差异是多么的大 缓存是为了解决CPU速度和内存速度的速度差异问题。

内存中被CPU访问最频繁的数据和指令被复制入CPU中的缓存，这样CPU就可以不经常到象“蜗牛”一样慢的内存中去取数据了，CPU只要到缓存中去取就行了，而缓存的速度要比内存快很多。

缓存只是内存中少部分数据的复制品。

所以我目前对缓存的粗浅的理解就是，缓存可能就是一个中间器，当你经常访问同一组数据的时候它就会存在这个中间器里，下次访问的时候就直接到这个中间器里面读取，目的是为了缩短时间。

其实今天原本列了很多知识点，想一一解答，但是写完上面这几个之后，才发现贪多嚼不烂，慢慢来吧。重要的是天天坚持，每天进步做到真正的理解，而非一暴十寒、泛泛而谈。

关注公众号：萝卜炖肉。很多更新自学知识点笔记，和我一起上路吧。