欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

前端基础知识点(3)

程序员文章站 2024-03-17 11:59:34
...

前端知识点——雪碧图的使用

雪碧图的使用方法:
是将图片与颜色属性结合在一起的用法:
background:颜色 Url(图片路径) 位置x 位置y 是否重复。
例如:
background:#f40 url(../images/ico.png) 0 -500px no-repeat;

前端知识点——table表格的使用

table表格的初始化代码

table{
	border-collapse:collapse;
}
th,td{
	padding:0;
}

table表格的列宽有两种形式,一种是由内容自动撑开,一种是自动均分。
table-layout:fixed;设置后可以实现表格列宽均分。

前端知识点——word-break

word-break:keep-all;可以保证让文字以空格进行换行展示

前端知识点——javascript的特点

javascript是解释性语言,通常是通篇阅读文档,检查是否有低级的语法错误,然后解释一行执行一行。
特点有两个:

  1. 单线程
  2. 解释性语言

前端知识点——html和css的加载机制

通过link标签嵌入的css样式,css和html是如何加载的?
link标签是异步加载的过程,也就是再开启一个线程,所以Html和css同时加载。

前端知识点——ES DOM BOM

ES是ECMAScript的缩写,是javascript的原生部分。
DOM:操作的是html+css;
BOM:从左的是浏览器
DOM+BOM+ECMAScript是JS的三大部分。

前端知识点——主流浏览器及其内核

IE浏览器,内核是 trident
Chrome浏览器,内核是webkit,后期内核是blink;
firefox浏览器,内核是Gecko;
Opera浏览器,内核时presto;
Safari浏览器,内核是webkit;

前端知识点——js的引入

  1. 页面内嵌入
    为了符合web标准(w3c标准中的一项)结构/样式/行为相分离,通常会采用外部引入的形式。

前端知识点——js的基本语法变量部分

变量的声明和赋值是分开的。变量的声明是通过单一的var来进行声明的。
变量的命名规则:

  1. 变量名必须以英文字母 _ $开头。
  2. 变量名可以包含英文字母 _ $ 数字
  3. 不可以用系统的关键字 保留字作为变量名

前端知识点——js的基本语法值类型部分

值类型又称为数据类型,分为两种:

  1. 不可改变的原始值(栈数据)
  2. 引用值(堆数据)
    原始值分为:Number String Boolean undefined null 共五种
    引用值分为:array object function
    一个变量声明了但是没有赋值,调用的时候就会提示 undefined;

原始值

原始值是存放到栈里面的,栈的特点是先入后出.
var a = 1;var b = a;
b=a,代表的是b指向的是a复制出来的内容,copy此时对a进行操作,是不影响b的结果的。

引用值

引用值内容基本是存放到堆中,堆中存放的是内容,栈当中存放大的是堆的地址。
所以如果:var arr = [1,2];var arr1 = arr;此时arr1和arr在栈中存放的是都是同一个堆的地址,所以此时堆arr操作,arr1的值也会发生改变。

var arr=[1,2];
var arr1=arr;                    // arr和arr1指向的是同一个地址
arr.push(3);
document.write(arr1);      //此时的arr 和arr1结果是相同的
document.write(arr);
var arr=[1,2];
var arr1=arr;					//arr和arr1指向的是同一个地址
arr=[1,3];							//arr又指向了另一个空间
document.write(arr1);		//此时的arr和arr1结果是不同的了
document.write(arr);

前端知识点——js基本语法语句基本规则

  1. 语句后面要用分号结束;
  2. js语法错误会引发后续代码的终止但不会影相其他js代码块。
  3. 书写格式要规范,“= + / -”运算符两边都应该有空格。
  4. 函数 for循环 if函数后面都是可以不加分号结束的。

前端知识点——js基本语法错误类型

  1. 低级错误(语法解析错误)
  2. 逻辑错误(标准错误,情有可原)

一个html文件中可以有多个script代码块,因为js是自上而下执行的,所以下面的script可以执行上一个script中的变量。

前端知识点——js运算符

  1. “+”加号
    数学运算|字符串连接
    任何数据类型加字符串都等于字符串;这个一定要注意,不要认为字符串可以进行隐式类型转换。
  2. “-” “*” “/” “%” “=” “()”
  3. 优先级"="最弱,“()”优先级最高
  4. “++” “–” “+=” “-=” “/=” “*=” “%=”
    例如:
var a = "a" + 1 + 1;
document.write(a);

打印的结果是a11,因为运算是自左至右的运算的。

几个容易算错的题目:
0 / 0 = NaN;
1 / 0 = infinity;
-1 / 0 = -infinity;

var a = 10;
docuemnt.write(a ++);     //后++;先执行语句,再++;所以结果是 10
document.write(a);			//结果是11
var a = 10;      
var b = ++a - 1 + a++;       //前++,先++;  11 - 1 + 11 = 21;
document.write(b + " " + a);       //b = 21; a = 12;

前端知识点——比较运算符

被认定为false的值有:
undefined null NaN ‘’ 0 false;
注意:空串和空格字符串是不同的,空串是false;空格字符串是true;

undefined == undefined true;
infinity == infinity true;
NaN == NaN false; //非数不等于非数
undefined == null ; true;

前端知识点——逻辑运算符

先看第一表达式转化成布尔值的结果,如果结果为真,则会看第二个表达式转换为布尔值的结果,然后如果只有两个表达式的话,则只返回第二个表达式的结果就可以了。

上一篇: HTTP常用参数对照表

下一篇: