diff --git "a/ES6\347\232\204\347\254\254\344\270\200\344\273\275\347\254\224\350\256\260.html" "b/ES6\347\232\204\347\254\254\344\270\200\344\273\275\347\254\224\350\256\260.html" new file mode 100644 index 0000000..051321d --- /dev/null +++ "b/ES6\347\232\204\347\254\254\344\270\200\344\273\275\347\254\224\350\256\260.html" @@ -0,0 +1,80 @@ + + +
+ +以下是测试内容
++ 简介: + 如下,新建的learnGit文件夹是我们的工作区,git和svn不同之处就是存在暂存区的概念; + 工作区有一个隐藏目录.git,这个不是工作区,而是git的版本库 + 版本库由head开始,即master的第一个指针 + git add操作是将文件放入暂存区,commit操作提交更改,实际是将暂存区的所有内容提交到当前分支(注意未添加(add)到暂存区的修改文件是不会被提交的(commit)) + Git是跟踪修改的,每次修改,如果不add到暂存区,那就不会加入到commit中 + 操作流程: + 1:安装git + 2:找到所有开始所有程序,git Bash + 3:声明使用者信息: + ^git config --global user.name "Your Name" + ^git config --global user.email "youwillbeyou@163.com" + 4.新建版本库(仓库),在这里所有的文件都将被git,以便某时刻进行还原 + ^mkdir learnGit 在根目录下创建文件 + ^cd learnGit 进入learnGit文件 + ^pwd 显示当前目录 + ./C/User/Administrator/learnGit + 5.初始化git,以便管理 + ^git init + .Initialized empty Git repository in C:/Users/Administrator/learngit/.git/ + 6.在leearnGit下新建一个text文件(test.txt),添加到仓库中 + ^git add test.txt no news is good news-没消息就是好消息 Unix + 7.将文件提交到仓库 + ^git commit -m "I do some thing,you dont know!" -m后的文本是提醒你为什么修改这个东西,类似备注 + .[master (root-commit) 44998c0] I like but u! 文件被提交(备注:i like but u) + .1 file changed, 2 insertions(+) 一个文件改变,两行内容被修改(原来添加的内容!) + .create mode 100644 test.txt 新建文件类型100,权限644文件:test.txt + + commit可以一次提交多个文件,文件必须在根目录下 + ^git add file.txt + ^git add file2.txt file3.txt + ^git commit -m "xiaoming add 3 files!" + 8.修改本地文件 + ^git status + + .On branch master + .Changes not staged for commit: + (use "git add+ + diff --git a/jquery ajax.html b/jquery ajax.html new file mode 100644 index 0000000..e975286 --- /dev/null +++ b/jquery ajax.html @@ -0,0 +1,171 @@ + + + + +..." to update what will be committed) + (use "git checkout -- ..." to discard changes in working directory) + + modified: test.txt + + .no changes added to commit (use "git add" and/or "git commit -a") + 9.查看修改内容 + ^git diff learnGit.txt + .diff --git a/test.txt b/test.txt + .index 3323079..7aa2869 100644 + .--- a/test.txt + .+++ b/test.txt + .@@ -1,2 +1,2 @@ + .-Git is a tool,for your work. 原文件信息 + .+Git is a tool,is free,is good. 现在信息 + .it can save your state every time; + .\ No newline at end of file + 10.再次提交 + ^git add text.txt 添加text.txt到git仓库 + ^git status 查看当前状态 + .On branch master + .Changes to be committed: + (use "git reset HEAD ..." to unstage) + + modified: test.txt + + ^git commit -m "x修改了第一行" 提交到git + ^git status + On branch master + nothing to commit, working tree clean + + **/git status可以随时掌握仓库的工作区状态,如果git status告诉你文件被修改,可以通过git diff查看修改内容/** + 11.产看历史记录 + ^git log 提交日志 + ^git log --pretty=oneline 简略化的提交日志 + 12.版本回退 + ^git reset --hart HEAD^ 返回上一个版本:HEAD^;上上个版本:HEAD^^;上一百个版本:HEAD 100^ + HEAD is now at 761a1fe 小明修改了第一行! + 13.查看内容 + ^cat test.txt 查看这个版本的内容 + 14.查看现在的提交日志 + ^git log 查看提交记录,找到id + 15.时光回流 + ^git reset --hard 44998 44998是版本id的前几位(未关掉命令行情况下) + ^git reflog 可以记录每一次的提交信息,以及其id(关闭命令行情况下,查找版本id) + 16.撤销操作 + ^git checkout -- test.txt 将工作区的修改全部撤销 + a.修改工作区的文档,撤销操作 + b.修改暂存区的文档,撤销操作 + c.修改版本库的文档,撤销操作! + **/如果是在工作区修改文档,然后进行转移至暂存区,或者版本库的文档,进行checkout操作,是不能撤销操作的!/** + + 17.工作区到暂存区到版本库的回退 + ^git reset HEAD test.txt 操作可以将add到暂存区的文件回退至工作区 + + 18.提交到版本库的回退 + ^git reset --hard 44998 版本回退 + + **/ + 注意: + 1.当你改乱了工作区某个文件的内容,想直接丢弃工作区的修改时,用命令git checkout -- file。 + 2.当你不但改乱了工作区某个文件的内容,还添加到了暂存区时,想丢弃修改,分两步,第一步用命令git reset HEAD file,就回到了场景1,第二步按场景1操作。 + 3.已经提交了不合适的修改到版本库时,想要撤销本次提交,参考版本回退一节,不过前提是没有推送到远程库。 + /** + 19.删除操作 + ^git rm test.txt 将文件从版本库删除然后commit/或者在文件夹中直接删除 + ^git checkout -- test.txt 恢复删除操作 + + + + + + 1.在git目录下寻找.ssh文件 + 2.若不存在 + ssh-keygen -t rsa -C "邮箱" + 3.找到id_rsa和id_rsa.pub两个文件,第一个是私有文件密码,第二个是共有文件密码; + copy共有密码,复制粘贴到github账户ssh设置中(settinig中),title可以直接乱写; + 4.在github中创建一个新的仓库 + 5.git remote add origin git@github.com:github账号/仓库名.git 执行链接命令 + 错误:fatal: remote origin already exists. + 解决办法: + a.git remote rm origin + b.git remote add origin git@github.com:github账号/仓库名.git + + 6.git push -u origin master 将本地仓库推送到远程仓库,首次提交:-u操作会将本地的分支推送到远程和远程的分支关联,这样就可以看到所有的历史操作 + + 7.再次提交 + git push origin master 提交的是commit的内容,也就是版本库的内容 + + + + 1.创建几个远程库:new repository选项 + 2.勾选initialize this repoistory with a README选项 + 3.执行命令 + git clone git@github:githubrenzhao/pro.git + + + 20.分支 + #创建分支: + a.git checkout -b dev 创建dev分支 + b.git checkout dev 指向切换至dev分支 + 以上两部分简写:git checkout -b dev + #查看分支当前所有分支:git branch + *分支合并在新分支根目录中添加一个新文件进行add和commit,然后进行分支切换到master,dev分支的内容消失了 + #分支合并 + ^git merge dev:合并dev到master + ^git branch -d dev:删除dev分支 + ^git branch:产看所有分支,只能发现master分支了,分支合并完成 + + **?git鼓励使用分支,这样更安全和便捷?** + + ^git brabch 查看分支 + ^git branch name 创建分支 + ^git checkout name 切换分支 + ^git cehnck -b name 创建切换分支 + ^git merge name 合并当前分支到master + ^git branch -d name 删除分支 + #问题# + 当在分支dev进行文档修改提交,切换到master分支再次进行相同内容修改提交后,进行分支合并,master分支和dev分支都有该文件的不同修改信息,那么就会报错,需要你选择 + 其中一个修改为最终修改; + + + #上述操作后分支信息会被删除,会丢掉分支信息# + *不会丢掉分支信息的merge分支合并* + ^git checkout -b dev 创建新分支,切换到dev分支 + ^git add test.txt 添加文件 + ^git commit -m "113" 提交文件 + ^git checkout master 切换到master分支 + ^git merge --no-ff -m 'merge with no-ff' dev 合并分支dev到master + + + + + #未完成的分支,保存临时工作状态# + 当当前的分支正在工作中,需要在另外一个分支进行工作时,保存当前工作状态的分支(未完成,不能提交) + ^git stash 保存当前分支信息 + ^git status 查看当前分支,显示工作区clean + ^git checkout master 切换到master分支 + ^git checkout -b 修改bug 创建切换至bug分支 + **修改完成 + ^git add test.txt 添加至缓存区 + ^git commit -m 'add' 提交到版本库 + ^git checkout master 切换到master分支 + ^git merge --no-ff -m '1' bug 合并bug分支,保留分支信息 + ^git branch -d bug 删除bug分支 + ^git checkout dev 切换到当前的未完成的分支 + + ^git status 查看状态,未找到未提交状态 + + ^git stash list 查看分支临时储存区列表 + ^git stash apply 恢复方法一:恢复工作区,储存的工作区不会删除 + ^git stash pop 恢复方法二:恢复工作区,删除储存区 + ^git stash drop 删除分支上储存的工作区 + ^git stash apply stash@{1} 恢复临时储存区的临时列表1,列表信息用git stash list列表 + + #*临时修改的分支已提交,但不需要合并* + ^git branch -D bug <强行删除>没有合并的分支,并清除分支 + + + + + #*多人协作*# + ^git remote 查看当前远程仓库信息 + ^git clone git@github.com:number/name.git 链接远程仓库 + ^git remote -v 显示详细远程仓库信息 + ^git push origin name 推送分支 + ^ + + + + + + + 22.版本标签管理 + ^git checkout master 切换到master分支 + ^git tag v1.0 赋予标签v1.0 + ^git tag 查看版本号 + ^git tag v0.9 622369 给已发布过的id为id的版本打上版本号 + ^git show v0.9 查看0.9版本的版本信息 + ^git tag -a v1.1 -m "这是新版本" id 带有版本说明的标签 + ^git tag -s v0.2 -m "new" id 带有签名信息的标签(username,email) + ^git tag -d v0.5 删除标签0.5 + ^git push origin v1.0 推送1.0版本 + ^git push origin --tags 一次推送所有的标签 + + **删除远程的标签** + ^git tag -d v0.1 先删除本地标签 + ^git push origin :refs/tags/v0.9 再删除远程仓库的标签信息 + + + + + + + + + + + + + + + + + + + + + + + + + +
{{userInfor}}
+ + + + + + +可以在data中声明多个class值!
+可以使用compted对返回值进行再操作
+可以在data中修改传回的类名
+链接样式
+ + + + +五个一是多少:{{5*1}}
+{{userInfor.split('').reverse().join(',')}}
+ + + +现在你看到我了!
+隐藏的元素
+ + + + + + +{{num}}
+参数传递
+阻止事件
+ +串联事件
+简写
+事件捕获
+点击还原素,而非子元素时生效
+ + + ++
这是你现今账户余额:{{money}}元!
a + + + + + +{{ thisobj }}
+ + + + + + + + +{{content | capitalize}}
++ 随机数大于0.5 +
++ 随机数小于0.1 +
++ 大于0.1,小于0.5 +
+显示是被允许的!
+ + + +初始金额:{{money}}
+用掉1000元,又借了3000元后金额:{{delmoney}}
+ + +{{site}}
+ + + + + + + + + + +你喜欢什么:{{Ulike}}
+ + + +{{this_num}}
+ +{{stup_all}}
+当页面加载完成时,input元素自动获取焦点
+ ++ <p> +
+ + +
+ 我说:尼玛蛋的操蛋日子!
+
+ 李白
我欲上天,天太高,遂.拈香.+ + + +
abseo
+
+
+ 原样显示+ + + + + + + + + 啦啦:回到顶部 + doudou:回到id所在目标 + mog:下载压缩文件 + dog:新增网页页面并打开超链接,原网页保持存在 + + + 有序列表:
标 | +题 | +会加粗 | + +
---|---|---|
行夸 | +上过 | +|
列夸 | +no1 | +上过 | +
1 | +2 | +|
明天 | +今天 | +昨天 | +
我了个天
+ + + + + + + + + + + 选择器: + id选择器: #id{} + + + + 类选择器: .ni{}优先级<.wo{} +1
+2
+3
+ + 群组选择器:.p1, #id, .p3, .p4{} + + 元素选择器:.form{} + + + 后代选择器: .大 li{}选中大下所有li元素 +马上就要月圆之夜了,提前祝大家节日快乐!
+ + + + + + 百度没用? + 伪类选择器: + a:link{color:red} + a:visited{color:blue} + a:hover{color:pink} + a:active{color:black} + + + + + + 伪元素选择器: p: or p:: + p::before{content:"p前面添加"} + p::after + p::first-letter{}给元素第一个字添加样式 + test::first-line{}第一行. + + + + + + 优先级: + !important>行内样式>ID选择器>类选择器>元素选择器>*选择器 + + 行内样式的优先级:1000 + ID选择器的优先级 100 + 类选择器,伪类选择器,属性选择器 10 + 元素选择器,伪元素原则器 1 + + {0, 0, 0, 4} + a,p,code,img{} + + {0, 2, 0, 2} + #p1,#p2,p,a{} + + {0, 0, 11} + p[calss="p1"] + + {0, 0, 11} + p:hover + + {0, 1, 1, 2} + #p1, .p2, p, img + + + + 例: + #p1{background: red;} + .p2{background: yellow;} + p{background: blue !important;} + + /*下面为元素选择器修改的不是同一块内容*/ + #waige{color: yellow;} + #waige::first-letter{color: red;} + + /*优先级20*/ + .test1.test2{background:yellow;} + + /*优先级11*/ + h2.test2{background:blue;} + #div1{background: yellow;} + .span1{background: blue;} + + + #ptest::first-letter{color:pink;} + #ptest #spant{color: white;} + +今天下午,小兰唱了一首歌,大家都怦然心动.
+歪哥
+ ++ h +
+ + + + + + + + 文本颜色设置: + color: + 字母类:red,blue,white,pink,orange. + rgb(225,225,225):三色 + rgb(50%,0%,0%); + rgba(225,5,4,0.5);a:alpha不透明度,值0-1,0完全透明. + + + web安全色:216种,cc,00,33,66,99,ff. + 简写书写方法:#c03. + + + + 文本修饰:text-decoration:none + none:无 + underline:下划线 + overline:上划线 + line-through:删除线 + + + 文本对齐:text-align:left + justify:分布对齐 + + + 文本转换:text-transform:capitalize + uppercase:小写变大 + lowercase:大写转小 + capitalize:首字母大写 + + 文本空白符处理:white-space:pre + pre:原样显示 + pre-line:合并空白格,保留换行符 + pre-wrap:保留空白符; + nowrap:不换行,直到遇到br标签. + + 文字溢出处理:下列三个个代码同时出现. + white-space:nowrap; + overflow:hidden; + text-overflow: + clip:剪切 + ellipsis:用省略号表示 + + + 文本缩进:text-indent:2em; |px + + + + 字体设置: + font-style: + italic:字体下斜样式 + oblique:把字体强行倾斜. + + font-variant:small-caps;小写变大写,字体大小不变; + + font-weight: + bold:加粗700px + normal:普通400px + bolder:更粗 + lighter:细 + + font-size:字体大小 + + line-height:行高 + + font-family:"宋体"设置字体 + + + + + em:大小相对于父级的字体大小; + rem:大小相对于html字体大小; + + html:font-size:0.625em; + 相当于0.625*16=10px; + + + + + 背景设置: + background-color:red;背景颜色 + background-image:url("meinv.jpg") + background-color:transparent;透明色. + + 背景图片设置: + no-repeat:不平铺 + repeat:平铺 + repeat-x/y:x/y方向平铺 + + background-position:center center; + top bottom; + 100px 200px; + + background-attachment: + fixed,静止不动 + scroll,遂元素滚动而动. + + + + + + + + + + 引入图片设置: + margin-left:100px;左边距100px + + outline-weight:10px;轮廓宽度 + + outline-color:轮廓颜色 + + outline-style: + dotted;小点 + dashed:虚线 + solid:实线 + double:双实线 + groove:3d凹槽 + ridge:3d凸槽 + inset:3d凹边 + outset:3d凸边 + + + + + + + 隐藏效果: + display:none;元素消失,而且在文档中的位置不保留 + visibility:hidden;元素消失,保留位置. + inline-block + + + 垂直位置: + vertical-align: + top:上对齐 + bottom:下对齐 + middle:中对齐(需要给对齐的同级元素全部居中对齐) + + + + + 列表样式: + list-style-type:none;取消列表样式前小点 + list-style-image:url("../") + + 样式设置: + list-style-postion: + outside:样式在li的外面 + inside:样式在里的里面 + + + + + + + + + + 盒子模型: + 盒子模型:网页设计中经常使用的盒子思维模型 + 把html中的元素当成一个盒子. + + 盒子在网页中所在位置的大小: + 宽度: + 左外边距:margin-left. + + 左边框:border-left. + + 左内边距:padding-left. + + 内容宽度:width. + + 右内边距:padding-right. + + 右边框:border-right. + + 右外边距:margin-right. + + 高度: + 上外边距:margin-top. + + 上边框:border-top. + + 上内边距:padding-top. + + 内容高度:height. + + 下内边距:padding-bottom. + + 下边框:border-bottom. + + 下外边距:margin-bottom. + + + + + margin注意事项: + 一.如果父级元素没有上边框, + 子集元素的margin-top, + 会传递给父级. + + 解决方案: + 1.给父级添加一个外边框; + 2.给父级样式添加:overflow:hidden; + + 二.同级元素之间上下margin会重叠, + 会按照最大的margin值显示; + + 三. margin-top,margin-bottom. + padidng-top,paddin-bottom. + 百分比的值是按父级宽度来计算的 + + + + 块元素与内联元素区别: + 块元素: + 1.默认独占一行(宽度撑满父级) + 2.如果不给定高度, + 高度由内容决定 + 3.支持宽高设置, + 支持所有的css样式设置. + + 常见的块元素: + p,div,pre,ul,li,ol,h1-h6... + + 内联元素: + 1.内联元素可以和内联元素并排显示 + 2.不支持宽高设置,宽高由本身内容决定 + 3.不支持margin-top,margin-bottom, + padding-top,padding-bottom. + 4.代码换行被解析. + + 常见的内联元素: + span,em,strong,td,th + + + 内联块元素(inline-block): + 同时具有块元素和行内元素的部分特征 + 1.若果不设置款高, + 由内容决定宽高 + 2.同排显示 + 3.换行被解析 + + + 可替换元素: + 浏览器根据标签名和属性来显示内容 + img,input,select,textarea... + + 块元素与内联元素(行内元素)之间的转换: + 块元素-内联元素:display:inline; + 内联元素-块元素:display:block; + 两者部分功能都具有:display:inline-block; + + + + + + + + + + + + + + + + 清除浮动: + clear:loft\right/both. + 清除前面同级元素左/右/全部浮动对该元素的影响 + (不让该元素周围有浮动元素) + + + + 清除子集元素浮动对父级元素的影响: + + + + + 滚动条: + 1.横向设置:white-space:nowrap;不换行 + overflow:hidden;文字溢出隐藏 + text-overflow:clip溢出剪切/ellipsis省略号 + + 设置滚动: + white-space:nowrap; + a.overflow:scrllo;隐藏滚动查看 + + + 溢出自动设置滚动查看: + b.overflow: auto; + + + 2. + c.overflow-x:hidden; + overflow-y: scroll;y向滚动,x向隐藏; + + + + + 定位: + 相对定位: + position:relative; + 相对定位:相对于本身的位置进行定位.(不脱离文档流) + + 绝对定位: + position:absolute; + 绝对定位:相对于有定位属性的父级进行定位.否则定位元素为documout.(脱离文档流,若父级有定位属性,子集使用绝对定位对父级无影响,可不清除浮动) + + 固定定位: + position:fixed; + 固定定位,定位元素不随窗口的滚动而滚动,通常作为导航页.(脱离文档流) + + + 定位元素层级: + 1.没有定位属性的元素,结构下面的元素的层级 + 高于结构上面的元素的层级 + 2.同级元素之间,有定位属性的元素(值不能为static) + 的层级高于没有定位属性的元素的层级. + 3.都有定位属性的同级元素之间,结构下面的元素的层级高于 + 结构上面的元素的层级. + 4.z-index + 可以提高有定位属性的元素的层级. + + + 精灵图: + css sprites,css雪碧图、精灵图. + 把很多张小图片放到一张大图上来使用,可以减少与服务器之间的交互次数,增加流畅度. + + + + + HTML5: + 添加了许多新的特性 + 添加很多新标签 + 支持音频,视频播放 + 支持本地存储 + 废除了很多能用css样式代替的标签, + 比如big,center... + + 废除许多语义不明确的标签. + 添加canvas(画布)标签. + + (muted 静音) + + + 电池电量: