前端知识复习二(js)
- JS的作用
- 页面特效
- 移动端
- 异步交互(AJAX)
- 服务器端开发(node.js)
- 由ECMAScript和dom(操作网页上的api)、bom组成(操作浏览器的部分api)
- 输出到页面内容
- console.log(“输出到控制台”);
- document.write(“输出到页面”);
- prompt(“输入内容”);
- confirm(“弹出带有是否选择按钮的窗口”);
- alert();
- 变量最长255个字符
- 数据类型
- 简单类型
- number、string、boolean、undefined
- 复杂类型
- array、object、date、regexp、function、error
- typeof():测试简单数据类型
- infinity:无穷大
- js小数容易出现小数精度丢失
- NaN(not a number):不和任何数相等(number类型)
- isNaN():判断是不是一个数
- undefined和任何数计算都是nan
- 任何只和null计算都可以看作0来运算(null是object类型)
- 字符串一旦创建就不可修改
- !!变量:可以转换为boolean类型
- 简单类型
- 循环结构
- break:结束循环
- continue:结束本次循环
- 函数的实参数量大于形参,多去的会舍弃
- 形参大于实参,没实参的形参是undefined
- 冒泡排序极限后会出现问题
//冒泡排序
function sortBubble(array){
for (var i = 0; i < array.length-1; i++) {
var bool = true;
for (var j = 0;j <array.length-1; j++) {
if (array[j] > array[j+1]){
var temp = array[j];
array[j] = array[j+1];
array[j+1] = temp;
bool = false;
}
}if (bool){
break;//这样才可以
}
}
return array; //这样才可以返回正确值
}
} - 匿名函数
- (function(){函数体})();括号直接调用
递归和回调 函数
- 递归就是自己调用自己
- 构造函数:new关键字后面调用函数,我们称之为构造函数。首字母大写,构造函数不需要写函数名可 用this代替
var stu = new Student("张三");
function Student(name){
this.name = name;
this.sayHi = function(){
console.log (this.name+ "说,大家好!");
}
}
属性绑定的方法
对象名.属性 = 属性值;
对象名[变量名] = 对象值;
- 大括号包含的叫对象,中括号包含的叫数组
- JSON : javascript Object Notation 对象字面量(一个大括号)的一种表现形式
var json{
"name":"Tom",
"sex":"man",
}JSON的值可以是
- 数字(整型或者浮点型)
- 字符串(双引号中)
- 逻辑值(true或false)
- 数组(中括号中)
- 对象(大括号中)
- 遍历json用for...in
for(var key, in json){
console.log(key);//打印键名
console.log(json[key]); //打印值
}
- 简单类型传值,复杂类型传址
- 简单数据类型保存在栈中,复杂数据类型保存在堆中
- 函数传简单数据类型是值
- 复杂数据类型,函数传递的是地制值(哈希值)
- 简单数据类型保存在栈中,复杂数据类型保存在堆中
- 内置对象:Date、Array、Math、Regexp(正则表达式)、Error、String、Number
- 主要学习内置对象的api(应用程序借口)
- 调用者
- 参数
- 功能
- 返回值
- 主要学习内置对象的api(应用程序借口)
- 栈操作:先进后出
- arr.push():最后插入,返回数组长度
- arr.pop():删除最后一项,返回被删除的项
- 队列操作:先进先出
- arr.unshift();最前面插入,返回长度
- arr.shift();删除第一项,返回被删除的项
前端知识复习二(js)的更多相关文章
- 前端知识复习: JS选中变色
前端知识复习:JS选中变色 上篇文章 :前端知识复习:Html DIV 图文混排(文字放在图片下边) Js选中图片效果 <!DOCTYPE html> <html xmlns=&qu ...
- 前端知识复习:Html DIV 图文混排(文字放在图片下边)
Html知识复习之图文混排 练习练习基础 先上效果图: 废话不多说,直接贴代码: <!DOCTYPE html> <html xmlns="http://www.w3.or ...
- 前端知识总结--2 js部分
1. JavaScript的『预解释』与『变量提升』 先看以下代码输出啥? var a= 1; function f() { console.log(a); var a = 2; } f(); 首先答 ...
- 前端知识复习一(css)
1.清楚浮动 父盒子高度为0,子盒子全部定位.浮动.子盒子不会撑开父盒子,下面的盒子会顶上来 清楚方法: clear:both: overflow:hidden: 加空标签 单/双 //双标签 .cl ...
- HTML5 简单归纳 -- 前端知识 (二)
HTML5 全屏事件 全屏事件:requestFullScreen 关闭全屏:cancelFullScreen 判断是否全屏:fullScreenElement 注意:现各大主流浏览器中由于内核不同的 ...
- 3 HTML&JS等前端知识系列之javascript的基础
preface 作为一名运维开发,必须懂得前端知识,比如javascript,dom等等,下面就聊聊javascript. include 数据格式 条件判断,循环流程等. 函数 面向对象 what ...
- JS前端知识模块大全
公司前端:小胖提供,表示感谢 1. 基础 HTML, CSS, JS 文档 W3CSCHOOL: http://www.w3schools.com/ MDN: https://developer.mo ...
- 前端总结·基础篇·JS(二)数组深拷贝、去重以及字符串反序和数组(Array)
目录 这是<前端总结·基础篇·JS>系列的第二篇,主要总结一下JS数组的使用.技巧以及常用方法. 一.数组使用 1.1 定义数组 1.2 使用数组 1.3 类型检测 二.常用技巧 2.1 ...
- Web前端三大框架_angular.js 6.0(二)
Web前端三大框架_angular.js 6.0(一) 需要视频教程,看头像昵称处 一.Angular 6.0 1.1样式 html中引入样式:内嵌式,外链式,行内式. ng6中组件引入样式的方式也 ...
随机推荐
- 极光推送 PHP sdk
<?php defined('IN_WZ') or exit('No direct script access allowed'); /** * Created by PhpStorm. * U ...
- 2015 Multi-University Training Contest 9
1001 Expression 式子不好推啊.见官方题解. 式子知道就方便了.处理好组合数和阶乘. 按区间长度从小到大递推完就好. # include <iostream> # inclu ...
- E - Triangle
Description Johnny has a younger sister Anne, who is very clever and smart. As she came home from th ...
- iOS 时间戳的问题
- (NSString *)timeWithTimeIntervalString:(NSString *)timeString { // 格式化时间 NSDateFormatter* formatte ...
- Objective-C和Swift实现单例的几种方式
在Swift开发中,我们对于跨类调用的变量常量,因为并没有OC中使用的全局头文件中写宏的形式,我们一般采用在类外定义全局变量/常量的形式来跨类调用.而问题在于目前写的项目需要在新添加的OC写的功能模块 ...
- 个人项目中的WCF使用
今天闲着无事,给大家分享一下我的一个项目中WCF的使用.我这项目使用的是Silverlight,至于其他类型的使用方法也是一样的. 1.建立一个Silverlight带Web项目的解决方案. 2.在w ...
- android mediaplayer
- 转:jmeter之线程组
虽然有三个添加线程组的选项,名字不一样, 创建之后,其界面是完全一样的.之前的版本只有一个线程组的名字.现在多一个setUp theread Group 与terDown Thread Group 1 ...
- Opencv2系列学习笔记10(提取连通区域轮廓) 另一个
http://blog.csdn.net/lu597203933/article/details/17362457 连通区域指的是二值图像中相连像素组成的形状.而内.外轮廓的概念及opencv1中如何 ...
- 使用OpenCV查找二值图中最大连通区域
http://blog.csdn.net/shaoxiaohu1/article/details/40272875 使用OpenCV查找二值图中最大连通区域 标签: OpenCVfindCoutour ...