2018.10.04 学习笔记 // 前端Javascript // 数据存储与开发环境

一：

题目：

• 请描述一下cookie，sessionStorage和localStorage的区别？

知识点：

• cookie
  • 本来用于客户端和服务器端通信
  • 但是它有本地存储的功能，于是就被“借用了”
  • 使用document.cookie = ..获取和修改即可
• cookie的缺点
  • 存储量太小，只有4KB
  • 所有http请求都带着，会影响获取资源的效率
  • API简单，需要封装才能用document.cookie = ...
• locationStorage和sessionStorage
  • HTML5专门为存储而设计，最大容量5M
  • API简单易用
  • localStorage.setItem(key,value); localStorage.getItem(key);
  • localStorage更常用
  • ios safari隐藏模式下
  • localStorage.getItem会报错
  • 建议统一使用try-catch封装

解答：

• 容量
• 是否会携带到ajax中，cookie每次都会带，后两个不会
• API易用性，cookie需要自己封装

二：

关于开发环境

• IDE（写代码的效率）
  • webstrom
  • sublime
  • vscode
  • atom
  • 插件 插件 插件！！！
  • 千万不要使用Dreamweaver或者notepad++
  • 不做.net也不要用Visual Studio
  • 不做java也不要用eclipse
• git（代码版本管理，多人协作开发）
  • 正式项目都需要代码版本管理
  • 大型项目需要多人协作开发
  • Git和linux是一个作者
  • 网络Git服务器如coding.net github.com
  • 一般公司代码非开源，都有自己的Git服务器
  • 搭建Git服务器无需你了解太多
  • Git的基本操作必须很熟悉
  • 常用Git命令
    • git add . 
    • git checkout xxx
    • git commit -m "xxx"
    • git push origin master
    • git pull origin master
    • git branch
    • git checkout -b xxx / git checkout xxx
    • git merge xxx
• JS模块化
• 打包工具
• 上线回滚的流程