前端面试学习心得(四 - code篇)

这一篇主要复习总结我所学习到的知识,相当于一篇杂文,大家将就看看(哈哈哈没人看也不要紧)

HTML篇

  1. 定义:超文本标记语言(hyper text marking language);
  2. 结构:
<html>
<!--根标记 / 向浏览器标识此为HTML文档-->
	<html lang="en">
	<!--向搜索引擎标识此语言为“en”的HTML页面-->
	
		<head>
		<!--标记此HTML文档的头部信息-->
			<title>
			<!--标记此HTML文档的页面标题-->
			</title>
			<meta http-equiv="content-type" content="text/html ;charset=utf-8">
			<!--或者使用-->
			<!--refresh :刷新,content :刷新的频率每间隔一段时间重新加载页面-->
			<!--<meta http-equiv="refresh" content="3">-->
		</head>
		
		<body>
			<!--标记此HTML文档的显示内容-->
		</body>
		
	</html>
</html>
  1. Element(元素):
    锚点(anchor)元素:<a>定义超链接,通常形式为<a href="url"></a>
    段落元素:<p>定义了 HTML 文档中的一个段落,拥有一个开始标签<p>,以及一个结束标签</p>,通常形式为<p>This is my first paragraph.</p>
    主体元素:<body>定义了 HTML 文档的主体,拥有一个开始标签<body>,以及一个结束标签</body>,通常形式为<body><p>This is my first paragraph.</p></body>
    文档元素:<html>整个 HTML 文档,拥有一个开始标签 <html>,以及一个结束标签,通常形式为</html><body><p>This is my first paragraph.</p></body></html>

HTML5篇

CSS篇

CSS3篇

Bootstrap篇

jQuery篇

#A(id)/ .B(类)/ C(元素)
jQuery方法要放在<script></script>之间,且所有方法都以 ( b l i n g / 美 元 符 号 ) 开 头 ; 必 写 的 第 一 个 方 法 ‘ (bling/美元符号)开头; 必写的第一个方法` bling/(document).ready(function(){});`,否则你的代码会在HTML没有渲染完成就执行,产生bug;

  1. $("").addClass(“某个css类”);
    增加元素中的某个class属性;
  2. $("").removeClass(“某个css类”);
    移除元素中的某个class属性;
  3. $("").css(“color”, “blue”);
    CSS的属性和值是在引号内的,并且用逗号分开,比如"background-color","#B3104A"
  4. $("").prop(“disabled”,true);
    调整元素的属性;
  5. $("").html("");
    改变元素中的属性,或者改变元素之间的内容或者元素(标记)本身;
  6. $("").text("");
    只改变元素间的文本内容;
  7. $("").remove("");
    直接移除某HTML元素;
  8. $("").appendTo("");
    移动(剪切)元素到指定位置下;
  9. $("").clone("");
    拷贝元素到指定位置下;
  10. $("").clone().appendTo("");
    两个jQuery方法合在一起使用,叫方法链function chaining;
  11. $("").parent();
    访问指定元素的父元素;
    (Ps:利用方法链来对父元素进行操作)
    (Ps:背景色的设置为background-color)
  12. $("").children();
    父子元素是指直接嵌套关系,没有爷孙元素;

JavaScript篇

  1. 定义:
    JavaScript = ES + DOM + BOM;

ES--------ECMAScript;核心代码;

DOM-----Document Object Model;文档对象模型;
An API designed for XML but extend fot using in HTML;
将页面映射为一个多层结点结构,从结点访问对应的数据/代码段,进行操作;

BOM-----Browser Object Model;浏览器对象模型;
Be used to control other parts beside the displaying page;
处理浏览器的窗口和框架,功能包括:
弹出新窗口;
移动、缩放、关闭浏览器窗口;
支持cookie;
提供navigator、location、screen对象等;

  1. <script>属性
    async--------立即下载该脚本,但不应妨碍其他操作,只对外部脚本文件有效;
    defer---------延迟该脚本的执行,只对外部脚本文件有效,IE7及之前版本也支持内嵌文件;
    src------------外部脚本文件路径,可以是本地文件或其他域中的脚本文件(注意安全性);
    type----------非必需,默认即为text/javascript
    charset------表示src引用的字符集,通常被浏览器忽略,少有人用;
    language----已废弃;

  2. 变量类型
    var------------自适应;

  3. 数据类型
    5种简单数据类型:
    null--------------------指向空对象;
    undefined------------未定义或未初始化;
    Boolean--------------true、false两种取值;
    Number---------------包括int、float、NaN、Infinity各种数值类型;
    字符串-----------------“ ”或‘ ’(两种引号表示的字符串无差别);
    1种复杂数据类型:
    对象-------------------即复杂数据体;

常用操作方法:

  1. Number
    number()
    praseInt()
    praseFloat()
    toString()
    toLocalString()

  2. 字符串
    valueOf()
    str[aLength]
    可访问单个字符性;
    单个字符不可修改性;
    操作方法:
    split(“分隔符”) ---------- 按指定分隔符将字符串分割为数组;
    slice(startPoint, endPoint)
    ------------ 将字符串从指定位置开始切片(亦可以自己写函数替代),当startPoint为负数时表示从末端开始;

  3. 数组
    访问方法:
    arr[aLength]
    插入/弹出元素方法:
    push()
    pop()
    shift()
    unshift()
    操作方法:
    map(function(val){
    return val+5;
    }) ------------------ 遍历;
    reduce(function(previousVal, currentVal){
    return previousVal += currentVal;
    }) ------------------ 累加器;
    filter(function(val){
    return val>5;
    }) ------------------ 过滤器;
    sort(function(num1,num2){
    return num2-num1;//降序
    //return num1 - num2;升序
    }) ------------- 排序;
    reverse() -------- 翻转顺序;
    concat(otherArray) --------- 拼接数组;
    join(‘分隔符’) ----------------- 以分隔符拼接数组里的各项成为一个字符串;

  4. 对象
    obj.Property
    obj[“Property”]
    obj.hsOwnProperties(Property)

  5. 函数
    function创建方式----------两种,函数声明与字面量(推荐用函数声明);
    arguments------------------输入参数,类似数组,可以用Array.from(arguments)函数将其转化为数组;

JSON篇

JavaScript Object Notation——简称 JSON,它使用JavaScript对象的格式来存储数据。
JSON是灵活的,因为它允许数据结构是字符串,数字,布尔值,字符串,和对象的任意组合。
通过[ ]和点操作符进行操作和访问;

原生JS篇

如需转载请注明出处

长期更新

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值