16年春前端笔记

标签

圆点无序列表信息 unordred lists  list item
  <ul>
<li>...</li>
  </ul>


数字有序列表信息 ordered lists  list item
  <ol>
<li>...</li>
  </ol>


独立板块划分<div>...</div>
<div  id="版块名称">…</div>


无框表格
<table summary="本表格用于...">


<caption>2012到2013年库存记录</capion>
    <tr>
      <th>班级</th>
      <th>学生数</th>
      <th>平均成绩</th>
    </tr>
    <tr>
      <td>一班</td>
      <td>30</td>
      <td>89</td>
    </tr>
    <tr>
      <td>二班</td>
      <td>35</td>
      <td>85</td>
    </tr>
    
</table>
<tr>table row 每行前后 <th>table header cell 表头加粗 <td>table data cell 表格单元格
<summary>摘要，用于语义化，方便搜索引擎友好 <caption>标题，用于显示






超链接<a>
<a  href="http://www.imooc.com"  title="点击进入慕课网">  点这里！</a>
    目标网址                     鼠标移到文本上显示的文字  显示文本


图片<img>
<img src="http://img.mukewang.com/52da54ed0001ecfa04120172.jpg" title="点击进入电影介绍"> 


表单
所有表单控件（文本框、文本域、按钮、单选框、复选框等）都必须放在<form></form>标签之间
<form method="post" action="save.php">...</form>
<form>
  姓名：
  <input type="text" name="myName">
  <br/>
  密码：
  <input type="password" name="pass">
</form>
文本框type="text" 密码框type="password" name用于语义化

ｄｏｍ和ｊｑｕｒｙ

都属于对象模型,相当于api的存在
是为了编程而存在


dom属于bom
bom:导航栏 定位(用于跳转)文件(dom)屏幕,框架,历史
dom 元素 (标签),含有很多层,树状结构,一层包裹着一层


用js在控制台来操作html


网页上的东西都可以理解为对象,含有属性和方法
document.
element.


dom用到了再深究
-----------------------------------------
jquery 学习时长为一晚上 学习方法 需要时查询官方 
使dom无地自容
<锋利的jquery>
jquery的对象/dom的对象的不同
$<'h2'>选择h2部分,类似于css的选择器,选出来的对象是 他自己的包含dom的 jquery对象


jquery.Ajax()(异步js和xml)的方法怎么用

测试

加强开发效率（对全生命周期）
降低对代码的恐惧感，提升安全感，提升信心和信任


程序员的测试：只有程序员编写并维护他，自己写自己用，并非服务于他人


单元测试，集成测试，端到端测试（从基础到顶端）
1测试目标为单元，不会产生曾与曾的交互，会快速反馈正确错误，要求书写快，运算快
2跨越了层，同时测试了好几个单元填补单元测试间的冲突与缝隙，验证单元与单元，曾与曾间是否覆盖
3对整个系统，用来验证一个动作从头到尾是否符合预期
sut 待测系统 system under test
doc 所依赖组建 depended-on component


test double 测试替身

nodejs

难点
底层库api
阻塞非阻塞
哪几类
模块化编程


装啊装

web

能力金字塔（由低到高）
基本功（java三大特性），技术栈（java技术栈三大框架ssh，mvc与三者的关系），项目经验和协作
简历中的亮点，除去培训实习比赛等
技术栈 一套用来构成解决项目的完整解决方案，语言工具框架数据库前端等等，是一堆技术的集合，来自有经验的高级开发人员。
如：基于ssh的javaweb开发，如安卓开发ios开发
-----------------------------------------------------
web开发
发展过程复杂
两部分（从端到端的角度）：客户端client(如浏览器)|||服务端server
两者之间如何交互：通过http超文本传输协议，一种交互的标准
过程：客户端 发起请求request（主动），服务端 相应请求response（被动） （顺序固定，先请求再相应）
客户端：浏览器（cli gui） 是一个interface接口 
浏览器后台：js引擎，html渲染 通过浏览器后台的处理，根据送到服务端数据经过处理再由服务端返回相应的类型，返回数据或图片或等等到图形界面上
-----------------------------------------------------
根据client和server
所看到的结果，页面从哪里产生?显示这件事由谁决定？c/s?
1并非浏览器产生，是在服务端生成好的，浏览器生成好根据html渲染出来值负责显示出来（有草图）（页面由s生产）（很传统的方式）()
2服务端返回数据包只提供数据，纯粹数据无显示部分，客户端根据此数据由某种规则动态的临时在浏览器中画出页面（现场画）（页面由浏览器生产）（webAPI）(前后端分离)
后多暂时多使用第二种，效率高，第一种以后找时间自学
-----------------------------------------------------
前后端
1 frontEnd 浏览器运行
  backend for frontend  相当于server 负责处理过程，忽略结果。为交互部分
上述可通过js完全搞定
2 backend 负责处理一切结果，为真正的业务精髓所在
可通过php，
-----------------------------------------------------
html5负责文档结构（认为网页是一种文档）标题，正文，表格。相当于骨骼
css3负责显示 相当于化妆
js负责逻辑 相当于交互  js版本不确定因为ie兼容性 (ECMAscript)ES3使用最多 forEach为ES5标准 现已为ES6 重点ES3和5
-----------------------------------------------------
书写html模板： slim,jade
css ：sass less


HTML用标签化
尽量少使用<br>不容易被样式化
form 数据交互表单，与http密切相关（什么是httpMethod,httpCode,Body,Head，结构。建议花费一段时间）


css（无需深究）是一种描述 选择器{属性：值;}
用框架getbootstrap 相应式和布局 做一个相对漂亮的网页
为作业(一下午,呵呵.)


只用bootstrap不用css
js+dom
html5的标准boot


-----------------------------------------------------
js 
jquery

接口是一种约定

git

怎样确认是否提交上去了


远程库和本地库


elleas
git remote -v verbose冗长的，详细的 显示仓库的值


pull:fetch merge 先获取再判断是否冲突而合并
push：推送


git remote rename<old><new>
git remote 
git commit


安转tldr


分支
master 
dev 开发状态
test


git branch 查看分支
git diff
git checkout master切换回master分支


git log --oneline查看日志 查看修改 
最上面为最新 如序号be42918 add hello.txt




git merge new-job合并分支


cat hello.txt打开


》》》
===
《《《
产生冲突
修改为想要修改的内容，删掉这三行，使用git pull是默认使用      merge方法，可修改为 git pull --rebase
pull的时候 为了避免 使用merge方法避免冲突 非rebase（会把你的修改放到别人修改的最后面）
尽可能使用rebase
git rebase new-branch 想要合并到当前分支的分支


git stash 保存当前进去为提交的内容（暂存状态）




合并后分支还在，尚未被删除，合并后两个支内容完全相同


vim hello.txt 修改文件


git commit -m 'merge new-gob'


rebase


冲突
合并后两分支一样了，两边如果都有第七次提交，无论内容是否相同，已经发生了第七次提交，将无法判断该使用哪边的修改

不明所以

异步编程
回调函数
事件驱动
敏捷
棋盘式分布
管道式思维非瀑布式思维
粒度