js复习-01---03 一 JS简介 1,文档对象模型 2,浏览器对象模型 二 在HTML中使用JS 1,在html中使用<script></script>标签 2,引入外部JS文件 三,JS基本概念 1,ECMAScript中的一切(变量,函数名,操作符)都区分大小写,函数名不能用关键字 2,ECMAScript变量是松散型的,松散型:可以用来保存任何值 3,全局变量和局部变量(var) 4,数据类型:ECMAScript有5种简单的数据类型(基本数据类型):undefined…

好吧,其实<JavaScript语言精粹>后面还简单介绍了代码风格,优美特性,以及包含的毒瘤.糟粕. 但我很快就看完了,发现其实都在前面讲过了,所以就不写了. 至今为止已经算是把JavaScript简单复习了一遍用时11天,其中4天有很重要的事情没有写博客. 总的来说,我的看法依然是JS是一门入门简单,写法很随意的语言,所以在写代码的时候需要用更严谨更规范的手法来写. 然后实际应用过程中还是蛮复杂的,特别是对应一些大型的脚本而言.所幸有了Jquery,所幸我也不是一个专业前端,更不用去考虑兼容…

对js的string的方法复习: 1.charCodeAt()  返回一个整数,代表指定位置字符串的unicode编码. strObj.charCodeAt(index) index 是处理字符的从零开始计数的编号.有效为0到1 的数字. 如果没有指定位置的字符串则返回nan. 2.fromCharCode() 方法从一些unicode字符串中返回一个字符串. String.fromCharCode([code1[,code2...]]) : 说明: code1,code2...是要转换为字符串…

一.复习导论(数据类型相关) 想掌握JS的深浅拷贝,首先来回顾一下JS的数据类型,JS中数据类型分为基本数据类型和引用数据类型. 基本数据类型是指存放在栈中的简单数据段,数据大小确定,内存空间大小可以分配,它们是直接按值存放的,所以可以直接按值访问.包含Number.String.Boolean.null.undefined .Symbol.bigInt. 引用类型是存放在堆内存中的对象,变量其实是保存的在栈内存中的一个指针,这个指针指向堆内存中的引用地址.除了上面的 7 种基本数据类型外,剩下…

<a href="#top" target="_self">返回顶部</a> 返回页面顶部代码 打印js对象方法 function writeObj(obj){ var description = ""; for(var i in obj){ var property=obj[i]; description+=i+" = "+property+"\n"; } alert(descri…

项目结尾,空闲时间,又把<JS 基础知识> 这本书过了一遍,温故知新后,很多知其然不知其所以然的内容 豁然开朗. [1. 用于范围的标签] display  :inline or block 可切换 <p>1.两个用于标出范围的标签</p> <div>2. div 属于块级元素div 属于块级元素div 属于块级元素div 属于块级元素div 属于块级元素div 属于块级元素div 属于块级元素div 属于块级元素div 属于块级元素div 属于块级元素di…

按钮,倒数五秒操作练习 <input type="button" id="btn1" value="按钮(5)" disable="disable"><script type="text/javascript">obtn1=document.getElementById("btn1");var t=5;var timer1=window.setInterval(f…

好吧,正则表达式,我从来没记过.以前要用的时候都是网上Copy一下的. 这里还是扯一下吧,以后要是有要用到的正则表达式那么就收集到这个帖子里.(尽管我认为不会,因为我根本就不是一个专业的前端,我只是来划下水的\(^o^)/) 应用范围:正则表达式主要应用于对字符串中的信息实现查找,替换和提取操作. 可处理正则表达式的方法有6个: regexp.exec,regexp.test,string.match,string.replace,string.search和string.split 应用原因:…

JS里的数组其实并不是一个数组,它其实是一个对象,a[1]这种调用方式其实就是一个字面量为1的属性. 因为这东西实际上是一个对象,所以你就可以理解下面这种声明了吧! var arrName=['我可以是一个字符串',1,true,null,undefined,[1,'23'],{name:'123'},NaN,Infinity]; 关于数组长度 数组长度:arrName.length. 数组长度没有上界,如果你用一个大于length的数组下标来存储一个元素,那么数组长度会变大以容纳新元素,不会发…

关于继承 好吧,说到底JS还是原型继承的,而不是类继承.所以在这个上面要经常用到prototype去继承另一个对象. 所有的构造器函数都约定命名为首字母大写的形式,并且不以首字母大写的形式拼写任何其它的东西.当然一个更好的备选方案是根本就不用new.(太棒了,你说什么就是什么咯,我就当JS没这个东西了) 为什么呢,因为伪类模式就是一种画虎不成反类犬的模式,它试图去迎合我们这些玩类继承的程序员,但是其实它还有更多更好的选择. 那就是原型继承,然后创建对象的时候函数化,这样就可以对创建有私有变量的对…

好吧,因为很重要的事情,几天没写笔记了. 关于对象: ||可以用来填充默认值,如:myApp.name || "无" &&可以用来避免错误,myApp.NameObj有某种情况不存在,那么可以用myApp.NameObj && myApp.NameObj.Name避免脚本错误 所有通过对象字面量创建的对象都连接到Object.prototype,当你创建某对象时也可以选择另一个对象作为它的原型,比如: if(typeof Object.beget!=='…

数字: JS只有一种数字类型,相当于double.(不知道为什么,我每次打double输入法都会出现逗比了三个字) NaN是一个数值,可以用isNaN(number)检测NaN Infinity表示所有大于一个非常大的数值的值 JS有一个对象Math,它包含一套作用于数字的方法. 字符串: Js中所有字符都是Unicode的,16位 Js没有字符类型,只需创建仅包含一个字符的字符串即可 反斜线,引号和控制字符可以用转义字符插到字符串中,如"A"==="\u0041"…

作为一个前端苦手,说是复习,你就当我是重学好了. 好吧,我当然不可能抱着一个砖头去复习,所以捡了本薄的来读——<JavaScript语言精粹>. 当初带我的人说这本书挺好,就看这本书好了.我觉得他说的挺对.我喜欢这么薄的书,言简意赅. 好吧,废话少说,来点正经的小总结. JavaScript是原型继承的,就是说它直接从其它对象继承属性.如果你对原型继承有点不懂,可以去看看原型模式,大概就是那个样子了. JavaScript依赖于全局变量进行连接.所有编译单元的顶级变量都被撮合到一个被称为全局对…

一.常用数据框1.alert(""):警告对话框,作用是弹出一个警告对话框 2.confirm(""):确定对话框,弹出一个带确定和取消按钮的对话框--确定返回true,取消返回false 3.primpt("要显示的文字"):可以允许用户输入内容的对话框二.基本语法1.数据类型:通用类型:var,实际根据变量中的内容会自动判断是字符串型还是数值型类型转换:parseint(),parsefloat()转换为字符串后加空格+""…

HTML在MVC中担任着M的角色.由HTML组成的节点称之为HTML DOM.要想成为一流的大神,就必须能分分钟建立起一个强大的HTML DOM.而要做到这点,就必须了解甚至精通HTML. CSS在MVC中担任着V的角色.CSS用来装修HTML组成的骨骼,让HTML看起来有血有肉,更具活力! JS在MVC中担任着C的角色.JS用来包装HTML与CSS的身材,除了可以让WEB Site更加优美之外不至于“曝光”~ 我不是一个爱折腾的人,但我已经被前端所需的庞大知识体系折腾了很久.从入行到现在,从混…

最近工作遇到了一些小困难,基础真的很重要,漫天高楼起于地. 一,script元素 包括type=“text/Javascript”,defer延迟到html加载完解析,src=“../../test.js”等 二,js的基础符号 1.NaN指的是不是数字类型.eg:js中数字除以0得出就是NaN 2.parseInt可以进行制定什么进制,eg:parseInt(034 , 16);…

前言 很久以前学习<Javascript语言精粹>时,写过一个关于js的系列学习笔记. 最近又跟别人讲什么原型和继承什么的,发现这些记忆有些模糊了,然后回头看自己这篇文章,觉得几年前的学习笔记真是简陋. 所以在这里将这篇继承重新更新一下,并且加上ES6的部分,以便下次又对这些记忆模糊了,能凭借这篇文章快速回忆起来. 本篇文章关于ES5的继承方面参考了<Javascript语言精粹>和<JS高程>,后面的ES6部分通过使用Babel转换为ES5代码,然后进行分析. 用构造…

isNaN(x) 1.判断结果不是纯数字, var a=1234var b =isNan(a) //b是 false 因为a是纯数字 var a="abc123"var b =isNan(a) //b是 true 因为a不是纯数字   Match('abcd')1.判断该字符串中是否包含'abcd'  Undefined 和 Null undefined是访问一个未初始化的变量时返回的值,而null是访问一个尚未存在的对象时所返回的值.因此,可以把undefined看作是空的变量,而n…

Vue学习疑问及总结_SZS 0.vue router 带参数跳转 发送:this.$router.push({path:'/news',query:{id:row.id}}) 接收:var id=this.$route.query.id 返回上一步:this.$router.go(-1) 1.变异方法 (重写:重新实现) Vue包含异族观察数组的变异方法,所以他们将会触发视图更新;这些方法如下: push()/pop()/shift()/unshift()/splice()/sort()/re…

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> // // 1.splice的用法 // var arr = [1,2,3,6,4,8,5,9,7,]; // arr.splice(2, 2, 1,1,1,1,1,1); // 2.call的指向性问题…

流式布局思想 """ 页面的尺寸改变动态改变页面布局,或是通过父集标签控制多个子标签,这种布局思想就称之为 - 流式布局思想 1) 将标签宽高设置成 百分比,就可以随屏幕(父集)缩放而缩放 2) 将标签宽高设置成 视图百分比,就可以随屏幕缩放而缩放 3) 将子集字体设置成 继承值,就可以通过父集统一控制子集 """ 例子: <!DOCTYPE html> <html lang="zh"> <hea…

在这里逐步整理一些JS开发的知识,分享给大家: 一:冒泡排序 使用场景:数组中根据某个值得大小来对这个数组进行整体排序 难度:简单 原理:先进行循环,循环获取第一至倒数第二的范围内所有值,对当前值与下一循环的值进行判断,如果满足条件,直接在循环中进行替换,再重复调用方法本体 案例: var arr = [10,1,2,5,12,3,42,20] function arrleft(){ var value=''; for(var i=0;i<arr.length-1;i++){ if(arr[i]…

一.三个对话框1.alert("")警告对话框2.confirm("")确定对话框3.prompt("","")可输入内容的对话框,返回null二.数据类型1.var通用类型2.数据类型转换(1)转为数值类型 parseint();(2)转为string类型 在要转换的内容前面加上空字符串("")(3)判断是否是数字 isNaN();是数字返回false,不是数字返回true三.语句 (1)分支语句 if(…

数组的方法: array.concat   一个数组去连接另一个数组,返回一个合成数组.var arrC=arrA.concat(arrB,'asd','sad',true,1.5); array.join       将数组用指定符号连接为一个字符串,并返回这个字符串.比用+快很多.var strA=arrA.join(",");//默认为逗号 array.pop       移除数组最后一个元素,并返回这个元素.var A=arrA.pop(); array.push     将一…

一.window.document对象(一)找元素 docunment.getElementById("id"):根据id找,最多找一个: docunment.getElementsByClassName("name") 根据classname找,找出来的是数组: docunment.getElementsByName("name"):根据name找,找出来的是数组: docunment.getElementsByTagName("na…

一.Cookie的构成: 1.名称:一个唯一确定cookie的名称.cookie名称不区分大小写,必须是经过URL编码的. 2.值:存储在cookie中的字符串值,必须被URL编码. 3.域:cookie对于哪个域是有效的.所有向该域发送的请求中都会包含这个cookie信息. 4.路径:对于指定域中的那个路径,应该向服务器发送cookie. 5.失效时间:表示cookie何时应该被删除的时间戳. 6.安全标志:指定后,cookie只有在使用SSL链接的时候才发送到服务器. 二.子cookie的方…

一.高级函数 1.在任何值上调用Object原声的toString( )方法,都会返回一个[object NativeConstructorName]格式d字符串.每个类在内部都有一个[[Class]]属性,这个属性中就指定了上述字符串中的构造函数名.举个例子吧: alert(Object.prototype.toString.call(value)); 由于原声数组的构造函数与全局作用域无关,因此使用toString( )就能保证返回一致的值.利用这一点,可以创建如下函数: function…

一.XHR对象 Ajax( )对象的核心技术就是XMLHttpRequest对象. 二.XHR的用法 在使用XHR对象时,要调用的第一个方法是open( ),它接受3个参数:要发送的请求类型("get"."post").请求的URL和表示是否异步发送请求的布尔值.下面就是调用这个方法的例子: xhr.open("get","example.php","false"); 要发送特定的请求,必须像下面这样调用s…

一.JSON 1.JSON的语法可以表示以下三种类型的值: (1)简单值:字符串.数值.布尔值和null.如:5,“Hello,World!” (2)对象:javascript中对象字面量: var person = { name : "Nicholas", age : 29 }; JSON表示上述对象的方式如下: { "name" : "Nicholas", "age" : 29 } 也可以像下面这样嵌入对象: { &quo…

第十章 NodeList是一种类数组对象,用于保存一组有序的节点,可以通过位置来访问这些节点,但它并不是Array实例,将其转化为数组的方法: function converToArray(nodes){ var array = null; try{ array = Array.prototype.slice.call(nodes,0); //slice方法的参数 }catch(ex){ array = new Array(); for(var i = 0,len = nodes.length…