发表于： 2018-09-16 20:50:21
1 775
今天完成的事情：
任务五完成了一半
.vote{
background-image: url(../img/task5.15.png);
height: 320px;
background-repeat: no-repeat;
width: 100%;
background-size: cover;
display: flex;
align-items: center;
}明天计划的事情：
继续任务五
遇到的问题：
flex运用并不是很熟练，遇到比较复杂的就不会用了。请教了师兄就明白了各种运用。
header{
background: mediumturquoise;
height: 60px;
text-align: center;
display: flex;
justify-content: space-between;
align-items: center;
}收获：
今天学会了flex运用的多种方法比以前更加熟练了。
任务一总结：
今天是第一次接触WEB前端，有很多看了一脸懵逼的东西，比如上午看了一上午的html基础教程，了解到了html的教程、简介、编辑器、基础、元素、标题、样式、段落.....等等。之后又看了css的基础教程了解到简介、语法、派生选择器、id选择器、类选择器、属性选择器、文本.......等等。然后开始尝试用html和css自己制作一个网页实现九宫格，学到了html标签、盒子模型、浮动。
深度思考：
1.HTML文件里开头的Doctype有什么作用？
DOCTYPE标签是一种标准通用标记语言的文档类型声明，它的目的是要告诉标准通用标记语言解析器，它应该使用什么样的文档类型定义（DTD）来解析文档。
2.如何理解盒模型及其content、padding、border、margin？
- Margin(外边距) - 清除边框外的区域，外边距是透明的。
- Border(边框) - 围绕在内边距和内容外的边框。
- Padding(内边距) - 清除内容周围的区域，内边距是透明的。
- Content(内容) - 盒子的内容，显示文本和图像。
3.常见的inline元素、block元素、inline-block元素有哪些？它们之间有什么区别？
display:inline
inline元素不会独占一行，多个相邻的行内元素会排列在同一行里，直到一行排列不下，才会新换一行，其宽度随元素的内容而变化。
inline元素设置width,height属性无效。
inline元素的margin和padding属性，水平方向的padding-left, padding-right, margin-left, margin-right都产生边距效果；但竖直方向的padding-top, padding-bottom, margin-top, margin-bottom不会产生边距效果。
display:inline-block
简单来说就是将对象呈现为inline对象，但是对象的内容作为block对象呈现。之后的内联对象会被排列在同一行内。比如我们可以给一个link（a元素）inline-block属性值，使其既具有block的宽度高度特性又具有inline的同行特性。
4.如何使用浏览器的F12调试页面？
按F12：在浏览器右边或下边会出现源码，鼠标放到源码上不同位置，在网页上会即时显示不同范围。使用左上角的快速定位，在网页上定位你要调试的元素并点击，源码区会定位到相应的源码。此时可以修改html的属性和CSS啦
5.九宫格的布局你还能想到哪些办法实现？它们各自的优势劣势是什么？
可以用相对定位，相对定位的元素属文档流，所以稳定的，相对定位是相对他该出现的位置，如无设top left之类，和普通div基本一样。flex能帮助应用程序开发者利用强大的Flash运行时创建数据驱动的ria，而且开发者还可以用Flash和flex构建器一起为基于Flex的应用增加富交互元素。盒子模型优点是可以对每一个盒子进行控制，缺点就是太过繁琐。
6.IDE是什么？它和文本编辑器相比有什么优缺点？
编辑器的本质是可以写字符就行,像windows自带的写字板就是最简单的编辑器,他的识别级别在文字级,他只显示你想写入,和打开的文本内容.他不管你写什么内容.只提供接收与显示功能.
ide是集合了sdk, 语言支持包, 函数库, 编辑器在一起的软件,或者集合.可以支持你要学的特定编程语言的. 他的"识别级别"比编辑器高一级, 可以识别到编程语言, 或者这种语言的库. 往往用起来更方便. 或者更专业,
对于工具和语言，大可以放心的去宣扬自己所感觉到的好，有人跟你有同感，自然会挺你；有人遇到问题，需要用到你说的长处，自然也就去听你的。我们只是想让各种工具尽其所能。
7.加和不加meta的viewport有什么区别？
手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。移动版的 Safari 浏览器最新引进了 viewport 这个 meta tag，让网页开发者来控制 viewport 的大小和缩放，其他手机浏览器也基本支持。
任务二总结：
听从师兄的建议下载了github、webstorm，说实话以前从没接触这些软件，什么用途？怎么用？完全是一脸懵逼，下好了不知道根本怎么用，师兄很耐心的帮我调试，并且告诉我这些东西的用途、用法，以及使用中有哪些是要注意的。
深度总结：
1.如何使用svn将代码上传至github?
在你的电脑上装git
在你自己的电脑上生成一下公私钥，打开电脑当前登录账户的目录，windows一般在c盘-用户（或者users）-administrator（这是默认账户，你设置过账户就看你自己的了）-.ssh,复制里边rsa_pub(好像是叫这个，反正就是带pub的是公钥。。)，复制公钥文件的全部内容
在github里进入设置，添加公钥里加入你刚才复制的公钥
在 github创建一个repo仓库，在你的repo项目页面右上角有ssh和http两种连接方式的地址，复制
在你的电脑进入git命令行，git clone 你复制的地址,然后git会从github导出你刚刚创建的空仓库
现在你可以在这个空仓库里写东西了，写完以后git add *
git commit
git push,代码会推送到你的github仓库
2.如何使用git将代码上传至github?
一、首先：下载git和安装git。
二、在想要上传的文件夹右键点击会有git bash here
三、通过命令git init把这个文件夹变成Git可管理的仓库。
四、通过git add index.html(只添加一个)把项目添加到仓库（或git add .把该目录下的所有文件添加到仓库，注意点是用空格隔开的）。然后可以git status来查看你当前的状态
五、用git commit -m "add all"把项目提交到仓库。
六、创建SSH KEY。先看一下你C盘用户目录下有没有.ssh目录，有的话看下里面有没有id_rsa和id_rsa.pub这两个文件，有就跳到下一步，没有就通过下面命令创建，一路回车。这时你就会在用户下的.ssh目录里找到id_rsa和id_rsa.pub这两个文件 。
七、复制id_rsa.pub里面的内容，登录Github,找到右上角的图标，打开点进里面的Settings，再选中里面的SSH and GPG KEYS，点击右上角的New SSH key，然后Title里面随便填，再把刚才id_rsa.pub里面的内容复制到Title下面的Key内容框里面，最后点击Add SSH key，这样就完成了SSH Key的加密。
八、在Github上创建一个Git仓库。直接点New repository来创建。
九、Github上创建好Git仓库之后我们就可以和本地仓库进行关联了，根据创建好的Git仓库页面的提示，可以在本地TEST仓库的命令行输入：$ git remote add origin https://github.com/ljlagss/test.git注意origin后面加的是你Github上创建好的仓库的地址。
十、关联好之后我们就可以把本地库的所有内容推送到远程仓库（也就是Github）上了，通过：$ git push -u origin master
3.svn和git有什么区别?
GIT是分布式的，SVN不是
Git直接记录快照，而非差异比较
近乎所有操作都是本地执行
4.如何利用github搭建自己的个人网站？
注册账号、初始设置、 验证邮箱、创建页面仓库、进入项目设置页面、进入自动页面生成器。
5.如何配置nginx，实现在手机上查看页面？
下载nginx稳定版、解压nginx.zip,将解压后的目录移动到指定要求目录，如c:\nginx、进到该目录去，nginx.exe是nginx启动程序，conf是nginx一些配置文件目录，其中nginx.conf是nginx主配置文件、编辑主配置文件nginx.conf
6.如何将代码部署至自己的服务器？
把项目打包成zip，FTP上传到生产服务器tomcat的webapps目录下解压；
本地修改好的文件，立即FTP上传到生产服务器对应的目录；
生产服务器安装svn服务，在本地把修改过的文件commit，然后生产服务器update。
返回列表
评论