发表于: 2018-07-14 19:18:17
2 695
一、Do
1. 简单了解了web建站技术:HTML、CSS、SQL、JS、PHP、ASP.NET、Web Services、服务器脚本是什么,以及普通网站访问过程。
2. 使用github+hexo搭建个人博客
https://www.cnblogs.com/liuxianan/p/build-blog-website-by-hexo-github.html
3. JS基础入门
4. CSS3长度单位之vm、vh、vm的使用
(哇,昨天看到别人是用这个实现任务一的,感觉蛮好玩,试试~)
二、Plan
1.任务二的提交, 任务三的领取与实践
2. HTML+CSS实践 : 个人简历表格制作
3. JS学习
三、Problem
1. 搭建个人博客感觉有好多种,让新手小白的眼都看花了,找了份简单详细的攻略跟着做一遍,主题什么的用的是别人的,也不知什么时候才会有自己搭建的专属主题。基础功不扎实,达不到做主题的层次。山高路远,仙友仍需努力~
2. nginx安装、配置以及PC端调试运行都完工了,就是手机端总是出错,一直加载加载,最后还是进不去网页。有点懵,难道是电脑和手机不处于同一个wifi?手机开热点让电脑连接试过了,电脑开热点让手机连接也没用。也不知道问题出在哪里。
3. 个人静态博客搭建过程中,有一步:将_config.yml文件中的theme: landscape(有空格)改为自己安装的主题,但是好久都没有找到,才发现有两个_config.yml文件,一个在/hexo下面(修改这个),一个位于/hexo/themes/landscape下面(好吧,我知道我傻啦吧唧的~)
4.个人静态博客搭建卡在最后一步了~已猝~
四、Gain
1. 搞清楚了普通网站大致访问过程,对其大体结构有个简单的了解,以后不至于看到LAMP(Linux/Windows操作系统+Apache[web Server]+MySQL数据库+PHP/Python/Perl服务器脚本)、J2EE、ASP.NET什么的发虚,知道大概是干什么的。噢,也简单知道了我们是搞浏览器脚本,也就是前端的。而web Server提供了多种服务供大家使用,比如天气预报服务、短信验证服务等等,我们的服务器通过使用web Server使用其他网站提供的各种服务,我们服务器就不需要自己搞一个了,简单快捷省事。当然了,也可以自己开发一个服务之类的。
web server可以使用Nginx/Apache/tomcat/IIS/lighttpd等现成的工具,也可利用node.js等平台添加模块自己形成满足自己要求的代理工具,甚至自己动手从头开发也可以,完全依据自己喜好和水平。
浏览器的作用就是翻译HTML+CSS+JS,实现用户与网站的交互,
目前主流浏览器内核:
Trident内核: IE、腾讯、Maxthon、360浏览器;
Gecko内核(开源、跨平台):Firefox;
Webkit内核: Safari、旧Chrome;
Blink内核:Chrome、Oprea
Presto内核:旧Oprea
各种超详细的见https://www.zhihu.com/question/22689579(前几个热门评论感觉都值得一阅,收藏~)
2. 收获了简单的个人博客
3. JS简单入门
4. CSS3长度单位:
vw: 将视口宽度均分为100单位的vw,1vw=视窗宽度的1%
vh: 将视口宽度均分为100单位的vh,1vw=视窗高度的1%
vmin: vm和vh中较小的那个
vmax: vm和vh中较大的那个
浏览器支持情况:
长度单位 | Chrome | IE | Firefox | Safari | Opera |
---|
vh, vw | 20.0+ | 9.0+ | 19.0+ | 6.0+ | 20.0+ |
vmin | 20.0+ | 9.0*+ | 19.0+ | 6.0+ | 20.0+ |
vmax | 26.0+ | 不支持 | 19.0+ | 不支持 | 20.0+ |
注:IE9通过不标准名称vm来支持(代替)vmin
评论