前端知识复习二(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中组件引入样式的方式也 ...
随机推荐
- android资源文件的选取
Android app项目中,res是用来存放资源文件的,来看看这些文件的创建和选取规则: 系统启动一个apk后,生成UI的过程中,会根据不同的系统配置来匹配.选择相应的资源文件. You shoul ...
- Notepad++ V6.9.0 中文绿色便携版
软件名称: Notepad++软件语言: 简体中文授权方式: 免费软件运行环境: Win 32位/64位软件大小: 3.4MB图片预览: 软件简介:Notepad中文版是一款非常有特色的编辑器,是开源 ...
- captche验证码
JCaptcha 是一个用来生成验证码的开源Java类库 CaptchaServiceSingleton类(单态类) package com.dongbin.testy; import com.oct ...
- RLE行程长度编码压缩算法
在看emWIN的时候看到一个图片压缩的算法可以有效的对二值图(简单的2中颜色或者更多)进行压缩,压缩的效果可以节省空间而且不丢失信息! 特点 一种压缩过的位图文件格式,RLE压缩方案是一种极其成熟的压 ...
- CSS3秘笈:第十二章&第十三章
第十二章 1.网页布局类型 (1)固定宽度 (2)流式 (3)响应式Web设计 2.CSS布局的方法 通过给元素设置一个宽度,将它浮到左侧或右侧,就可以创建一个列(元素后面的文本会环绕浮动的元素,仿佛 ...
- JSON.stringify 应用
原文:https://technet.microsoft.com/zh-cn/sysinternals/cc836459 url JSON.stringify 函数 将 JavaScript 值转换为 ...
- hdu_3966_Aragorn's Story(树链剖分裸题)
题目连接:http://acm.hdu.edu.cn/showproblem.php?pid=3966 题意:给你一棵树,然后给定点之间的路径权值修改,最后单点查询 题解:树链剖分裸题,这里我用树状数 ...
- Java编译成功,用java 运行class时出现错误解决方法
java -classpath class file's address; filename
- js纯ajax
var XMLHttpReq; function createXMLHttpRequest() { try { XMLHttpReq = new ActiveXObject("Msxml2. ...
- rebot framework的搭建 在windows下
Robot Framework 介绍 Robot Framework 是一款基于 Python 的功能自动化测试框架.它具备良好的可扩展性,支持关键字驱动,可以同时测试多种类型的客户端或者接口,可以进 ...