从URL输入到页面展现

• URL：
  • 统一资源定位符，用于定位互联网上的资源
  • 对应协议、端口号、信息
  • 协议：http（找到网络上的资源）、https（加密后的协议）、ftp、file（定位本地电脑）
  • code～：不是http也不是https，协议与当前页面保持一致
• 查找URL所对应的IP地址
  • 域名解析，把URL解析成对应的IP
  • 什么是域名：两个斜杠之间，去掉端口号
  • IP地址是什么：每个处于互联网中的设备都有IP地址；局域网IP和公网IP是有区别的：连在同一个Wi-Fi，处于一个局域网，局域网的IP是假的，只能在小圈子里面用；127.0.0.1代表本机IP
    如何调试手机：手机和电脑连在同一个Wi-Fi下，手机通过IP地址访问电脑上的服务器
  • 流程：浏览器缓存-浏览器会缓存DNS记录一段时间；系统缓存-Hosts文件查找（要开发一个网站：想让里面的东西从自己电脑里面取）；路由器缓存-一般路由器也会缓存域名信息；ISP-DNS缓存-到服务商的DNS上查找缓存；如果都没有找到-向根域名服务器查找域名对应IP，根域名服务器把请求转发到下一级，直到找到IP
    • 为什么电脑上不了网，DNS改为8.8.8.8（Google提供的一个服务器，直接从Google服务器里面找），114.114.114.114（国内的）可能是中间环节出了问题
    • DNS劫持：把根服务器攻陷了，本来百度打开的是百度，但是黑客插入自己的假IP，进入自己的恶意网站
• 服务器处理
  • 服务器：安装系统的机器，常见系统如Linux，Window server；系统里安装的处理请求的应用叫Web server，用来接受请求
  • Web 服务器：Apache，Nginx，IIS，Lighttpd；接受用户的Request交给网站代码，或者接受请求反向代理到其他web服务器；统一管控的工具；需要写配置文件；即使想在本地搭建一个网站，也需要安装这些东西
• 网站处理流程
  • users-Rails匹配路由-控制器（users_controller.rb)-user.all-模型（user.rb)-数据库-返回控制器-视图（HTML的模版）（index.html.erb)-返 回控制器-返回HTML到浏览器
  • 模型视图控制器
  • 前端对应的是视图部分
• 浏览器处理
  • HTML字符串被浏览器接受后一句句读取解析
  • link，重新发送请求获取CSS
  • script，发送请求获取js
• 绘制网页
  • 浏览器根据HTML和CSS计算得到渲染树，绘制到屏幕上，js被执行
  • 浏览器就是一幅画

markdown

• 简单的标记语言，标记和html的一些标签对应，通过一些转换库可以把markdown转换成html或者把html转换成markdown
• 作用：用来在网页上展示文章，省去排版布局的烦恼
• why？markdown语法写了博客-markdown语法的字符串提交到简书服务器保存-打开时，被后端语言转为HTML放到博客页面-引入一些CSS，使HTML好看
• 写的时候不用关心样式
• 基本语法：
  • 标题：# ；##；###；####；
  • 段落：p
  • 无序列表：-
  • 有序列表：1.
  • [链接文字] (www.~)
  • 引用>
• 任何语言都可以实现转换的规范