小白学前端12

1.
var string = "you are";
var text = string;
string = "best";
console.log(text);  //输出"you are"
变量为一存储空间,但text=string不是说text指向string的存储空间,
而是text新建一个存储空间来存储string的值

var string = {0:"you are"};
var text = string;
string[0]="best";      //输出{0:"best"}
//string = {0:"best"}; //输出{0:"you are"}
console.log(text);
什么时候为指向呢?--数组!(对象)

2.
var array1=[1,2,3];
var array2=[3,4,5];
array1.concat(array2);
console.log(array1);
因为concat为纯函数,不会带来副作用的,以下为正解:

var array1=[1,2,3];
var array2=[3,4,5];
var array3 = array1.concat(array2);
console.log(array3);

3.
一个很好的验证闭包的例子
var array =[1,2,3,4,5];
for(var i=0;i<array.length;i++) array[i]+=1;
console.log(array); //输出[2,3,4,5,6]

var array =[1,2,3,4,5];
function forEach(array,action){
  for(var i=0;i<array.length;i++)
    // array[i]+=1;
    action(array[i]);
}
forEach(array,function(arrayElem){
 arrayElem+=1;
});
console.log(array); //输出[1,2,3,4,5]

来于之前对改变数组则会改变所有指向该数组的元素的认识,对forEach而言可以实现对每个元素遍历,并附加操作,
那么直接执行改变数组元素的操作,不就会改变原来的数组了!
实际并不会,哪怕forEach并未创建新数组
因为闭包:局部变量会在每次函数调用时重新创立,不同的函数调用是不会对其他函数内的局部变量产生任何的影响
在这里即是forEach调用的araay[i]已经是新创建的一个局部变量了,并不会对上一步函数调用的array产生任何影响

4.例如一个数组[21,21,18,19,21]代表某个人生活在哪个世纪,
另一个数组
[{name:"xiaomin",age:23},
{name:"lili",age:22},
{name:"nina",age:18},
{name:"bala",age:25},
{name:"limingming",age:28}
]代表相应的人的基本信息,依次对应着第一个数组的元素,
那么如何遍历将同一个世纪的人的平均年龄算出来呢?

4.在做薇薇学院的第二个例子时,发现img和ul元素放在一个包裹块中,会出现换行,然后设定宽度不合适的话,会出现ul元素显示不出来(header加了overflow:hidden)
>>>
因为ul是块元素啊,即使被包含,它还是会出现上下文换行的啊

解决办法:
    1.设置背景图片的方法(html里面没有img元素)

2.设置img为absolute,再设置相对于包含块的偏移

5.怎么让文字在div中垂直居中(例如导航栏里面a元素的文字)?
>>>
百度知道搜出来一个很好的答案:
    1.单行垂直居中:
    如果一个容器内只有一行文字,那么设置它的实际高度height和所在行的高度line-height相等是最简单的.(设定height与line-height相同)
    2.如果是一段文字,父元素不限高,可以采用padding: 20px 0; (设定padding,使上下padding值相同即可)
    3.如果是一段文字,父元素有固定高:
    div#wrap{height:400px;display:table}
    div#content{vertical-align:middle;display:table-cell;}
    ...//但以上ie6不支持
    div#wrap{height:400px;width:700px;position:relative}
    div#subwrap{position:absolute;top:50%}
    div#content{position:relative;top:-50%}
    //实际未测试出居中效果....也不知道问题出在哪

6.怎么把ul前面的点去掉?
list-style:none;

7.怎么让文本段的首行缩进?
text-indent:2em;
但面对ol标签时,前面的序号并不能缩进怎么办?

8.怎么让图片和文字包括在一起,形成一种相片的感觉?

时间: 2024-10-11 05:50:55

小白学前端12的相关文章

小白学前端06

回顾一下这几天吧: 非常后悔的行为: 一口气看完一遍head first html就一头开始想着做网页,实则很多技巧就像刚刚开始学编程就生搬硬套的写算法,不是这样不可行,而是这样的学习曲线很陡峭,很容易让自己产生很大的挫败感: 例如:一开始自己就模仿别人的导航栏(很简单吧),可是单单想出让图片,文本在块级元素中进行居中就费了好大的劲,实则呢,这是一个简简单单的百度经验或者就是要看的下一本书css mastery里面的小例子, 两点: 1.先自己思考,一遍不行,第二遍,但是第二遍不行,就应该sta

小白学前端20

也许今天都是一个空指针吧 1.大致的理解了struts2,因为毕业的需要,不过感觉其实一直都是,啊,java耶.就立马兴致冲冲的去学java,好像学会了java之后自己就会是一个程序员,自己就能牛逼起来了之后啊,啊,javascript耶,于是又焕发出无尽的激情学习js,还看着那么多的博客,拿起eloquent js以为自己也能成为一个合格的前端工程师..现在呢,我还是不知道 只不过好像慢慢理解了什么是编程,什么又是一个程序员,当然,还只是一种雾里看花的模糊感啊.. 2.COA7玩完了全部的任务

小白学前端07

2017-05-12 16:02:53: 1.小技巧:在<style type="text/css"><!--.../*your css code*/--></style>利用这样的写法可以实现若包围css代码的两边style写错,则css code会被自动注释 2.几种简写模式:background: #94B8E9 url(img/pixy-rollover.gif) no-repeat left top;---无次序要求     backgro

小白学前端03

上午的小插曲试着把昨天的那个c语言问题解一下: 1 #include<stdio.h> 2 void writeToFile(int variable); 3 void showVariableResult(void); 4 int main(){ 5 int i=0; 6 for(;i<100;i++){ 7 i=i*2; 8 writeToFile(i); 9 } 10 showVariableResult(); 11 return 0; 12 } 13 14 //只对数值产生作用,

小白学前端08

两列布局:1.容器div水平居中:定义宽度,将水平外边距设置为auto    width:920px --适合分辨率1024*768的屏幕(不过920px是怎么确定出来的呢?)    margin:0 auto -- 实现水平居中 用css进行布局有几种不同的方式,包括绝对定位和使用负的边距值    基于浮动的布局是最容易使用的,也是最可靠的,只需设置希望定位的元素的宽度然后将它向左或向右浮动    但浮动的元素不再占据文档流中的任何空间,也就不再对包围它们的块框产生任何影响,故需进行清理  

小白学 Python 爬虫(12):urllib 基础使用(二)

人生苦短,我用 Python 前文传送门: 小白学 Python 爬虫(1):开篇 小白学 Python 爬虫(2):前置准备(一)基本类库的安装 小白学 Python 爬虫(3):前置准备(二)Linux基础入门 小白学 Python 爬虫(4):前置准备(三)Docker基础入门 小白学 Python 爬虫(5):前置准备(四)数据库基础 小白学 Python 爬虫(6):前置准备(五)爬虫框架的安装 小白学 Python 爬虫(7):HTTP 基础 小白学 Python 爬虫(8):网页基

小白学 Python 爬虫(27):自动化测试框架 Selenium 从入门到放弃(上)

人生苦短,我用 Python 前文传送门: 小白学 Python 爬虫(1):开篇 小白学 Python 爬虫(2):前置准备(一)基本类库的安装 小白学 Python 爬虫(3):前置准备(二)Linux基础入门 小白学 Python 爬虫(4):前置准备(三)Docker基础入门 小白学 Python 爬虫(5):前置准备(四)数据库基础 小白学 Python 爬虫(6):前置准备(五)爬虫框架的安装 小白学 Python 爬虫(7):HTTP 基础 小白学 Python 爬虫(8):网页基

小白学 Python 爬虫(28):自动化测试框架 Selenium 从入门到放弃(下)

人生苦短,我用 Python 前文传送门: 小白学 Python 爬虫(1):开篇 小白学 Python 爬虫(2):前置准备(一)基本类库的安装 小白学 Python 爬虫(3):前置准备(二)Linux基础入门 小白学 Python 爬虫(4):前置准备(三)Docker基础入门 小白学 Python 爬虫(5):前置准备(四)数据库基础 小白学 Python 爬虫(6):前置准备(五)爬虫框架的安装 小白学 Python 爬虫(7):HTTP 基础 小白学 Python 爬虫(8):网页基

[小白学iOS编程05]应用中常见的文件

注:[小白学iOS编程]是本小白根据某视频学习iOS编程过程的笔记记录,内容比较容易,高手勿喷. 转自请注明原博客地址:http://blog.csdn.net/fan_yufan/article/details/45955537 项目中常见的文件 1 Info.plist常见的设置 建立一个工程后,会在Supporting files文件夹下看到一个"工程名-Info.plist"的文件,该文件对工程做一些运行期的配置,非常重要,不能删除 在旧版本Xcode创建的工程中,这个配置文件