wdxia / 2018-ife-baidu Goto Github PK

• 3的小游戏，练习使用循环和条件语句，实现如下需求：从1到100，以此在console输出各数字，但是，当数字为3的倍数或者含有3的时候，输出“PA”比如：1,2,PA,4,5,PA,……,11,PA,PA,14,PA……

for(var i=1;i<=100;i++){
	if(i%3 ===0){
		console.log('pa')
	}else if((i+'').indexOf(3)!==-1){
		console.log('pa')
	}else{
		console.log(i)
	}
}

• 当用户访问页面的时候，根据当前时间，在页面中输出不同的问候语。

function test(){
	var myDate = new Date()
	if(0<myDate.getHours()<=8){
		console.log('早上好')
	}else if(8<myDate.getHours()<=11){
		console.log('上午好')
	}else if(11<myDate.getHours()<=13){
		console.log('中午好')
	}else if(13<myDate.getHours()<=18){
		console.log('下午好')
	}else{
		console.log('晚上好')
	}
}

经过了千辛万苦的报名，终于在开ss的情况下报名成功了！

学习总结

18年的前端班是一个全新的体系，作为一名即将毕业希望从事前端行业的大四狗，希望在这一两个月的时间查缺补漏。
第一天的内容是很简单的，大概让零基础的人装开发工具，chrome&vscode，了解了一下前端的html，css，js这些基本的技术，做了一些扩展阅读和审美提高。

我觉得对于新人最重要的是github的使用和写博客的习惯了吧，因为它们会在你的职业生涯中一直陪伴着你，一直！

1. color
2. font-family
3. font-style
4. font-weight
5. font-size
6. text-align
7. text-decoration
8. text-indent
9. line-height
10. text-shadow

• 什么是CSS，CSS是如何工作的

• CSS的基本语法是怎样的

• CSS选择器是什么概念，简单选择器和属性选择器是什么

• 文本样式都有哪些相关属性，对应哪些值

前端开发人员也要会的切图技巧
前端工程师必备的PS技能，切图篇
作为一个会PS切图的前端开发

html&css实现的文字游戏
什么是htmlcss和js
很有意思的设计书籍标签语言
关于html的语义化理解与记录
基本文本和字体样式-源于MDN

我相信很多同学很着急的在第一天就开始看这个题了，没关系，如果你时间足够，没问题的。但是希望你记住，在这个系列课程中，完成多少任务并不重要，我们没有什么指标或者打分，来记录或者评估，你是不是一个快枪手。我们希望你在这个系列课程中，能够扎扎实实地掌握每一个基础知识，能够不断思考、实践，来形成自己的学习方法论，顺便提高自己的英文阅读能力以及写作能力。所以，不要在这里刷题，这里是个学习的平台，而不是培训考试速成培训班。

这段前言让我受益颇深，我也要好好改改这个急功的坏毛病了。

正题

HTML是什么，HTML5是什么。学习基本的HTML标签，理解HTML语义化概念
这个在我的博客里都已经写到了，由于这是给零基础开设的课程，在这些基础概念上我也不会赘述了。

百度推荐的在线编辑器是贼难用的

实现一个两栏布局，左侧占30%宽度，右侧占70%宽度-使用float来实现
使用绝对定位来实现上面的东西
使用flex布局来实现上面的东西
使用display-inline
实现一个两栏布局，左侧固定宽度，右侧根据浏览器宽度进行自适应变化
使用绝对定位来实现
使用FLEX来实现
实现一个三栏布局，左侧固定宽度，右侧固定宽度，中间部分宽度随浏览器宽度变化而自适应变化
使用flex来实现

• background
• background-color
• background-image
• background-repeat
• background-position
• border
• border-color
• border-style
• border-width
• border的上下左右
• a:link
• a:visited
• a:hover
• a:active

选择器

选择器的分组与继承
派生选择器
伪类选择器
选择器组合
层叠和继承