document.write("Javascript引用方式！");<!doctype html> <html> <head> <meta charset="utf-8"> <title>JavaScript直接方式</title> </head><body>Hello World<script language="javascript">document.write("JavaScript直接方式！");</script> </body> </html><!doctype html> <html> <head> <meta charset="utf-8"> <title>引用方式</title> </head><body>Hello World<script src="myScript.js"></script> </body> </html> ...
相信每一个想要学习前端的人对于前端三剑客html+css+js都不会陌生，这些可以说是一个前端的基本配置，而在前端的世界里，没有什么是JavaScript实现不了的，你真的了解js吗？为什么学习web前端开发要学习JavaScrip，并且必须要掌握，且精通？ 关于JS有一句话：凡是可以用JavaScript来写的应用，最终都会用JavaScript，JavaScript可运行在所有主要平台的所有主流浏览器上，也可运行在每一个主流操作系统的服务器端上。现如今我们...
【转】 前端笔记之JavaScript（六）让人头疼的正则表达式 一、正则表达式 1.1正则概述和体验 正则表达式是被用来匹配字符串中的字符组合的模式，常用来做表单验证。在JavaScript中，正则表达式也是对象，是一种引用类型。 案例：正确输入一个电话号码，010-12345678，用户输入正确返回“对”，错误返回“错” var tel = prompt("请输入电话号码"); var reg = /^\d{3}-\d{8}$/; if(reg.test(tel)){alert("对"); }else{alert("错")...
【转】 前端笔记之JavaScript（七）深入函数&DOM那点事 一、函数补充 1.1 arguments类数组对象 arguments 是一个对应于传递给函数的参数的类数组对象。 在函数中，使用特殊对象 arguments，开发者无需明确指出参数名，就能访问它们。 在其它编程语言中，比如java：如果一个函数被定义过两次，每次参数个数都不同。相当于定义了两个不同的函数，根据参数个数不同，会选择不同的函数执行。一个函数名定义了两个函数，称为“函数重载...
【转】 前端笔记之JavaScript（八）关于元素&计算后的样式 一、获取元素方法（JS选择器） 1.1概述 得到id元素的方法 document.getElementById()得到一个元素。事实上，还有一个方法可以得到标签元素，并且得到的是多个元素： document.getElementsByTagName(); 全线浏览器兼容的，得到元素的方法，就这两个： document.getElementById() 通过id得到元素 document.getElementsByTagName(); 通过标签名得到元素们 还有...
【转】 前端笔记之JavaScript（九）定时器&JSON&同步异步/回调函数&函数节流&call/apply 一、快捷位置和尺寸属性 DOM已经提供给我们计算后的样式，但是还是觉得不方便，因为计算后的样式属性值都是字符串类型。 不能直接参与运算。 所以DOM又提供了一些API：得到的就是number类型的数据，不需要parseInt()，直接可以参与运算。 offsetLeft和offsetTop offsetWidth和offsetHeight clinetWidth和clinetHeight 1.1 offsetWidth和o...
【转】 前端笔记之JavaScript（十）深入JavaScript节点&DOM&事件 一、DOM JavaScript语言核心。变量的定义、变量的类型、运算符、表达式、函数、if语句、for循环、算法等等。这些东西都属于语言核心，下次继续学习语言核心就是面向对象了。JavaScript能做非常多的事情：DOM开发、Ajax开发、Canvas开发、NodeJS开发、前端框架（React、Vue、Angular等等）、HTML5开发。这些都需要语言核心的知识。 DOM开发说白了就是浏览器中的页面...
【转】 前端笔记之JavaScript（十一）event&BOM&鼠标/盒子位置&拖拽/滚轮 一、事件对象event 1.1 preventdefault()和returnValue阻止默认事件 通知浏览器不要执行与事件关联的默认动作。 preventdefault() 支持Chrome等高级浏览器 returnValue 支持IE6、7、8var box = document.getElementById(box); var i = 0; //鼠标在box盒子滚动时触发 box.onmousewheel = function(event){var event = event || window.event;//能力检测...
【转】 前端笔记之JavaScript（十二）缓冲公式&检测设备&Data日期 一、JavaScript缓冲公式ease 原生JS没有自己的缓冲公式，但是你要自己推理的话，必须要懂一些数学和物理公式： 让div用100毫秒（帧），从left100px的位置变化到left800px的位置，要求匀速： 大致计算如下：毫秒编号（帧）距离起点的增量目前绝对的位置0010017107214114.........tt*c/db+t*c/d49343443503504509868678699693793100700800t是时间增量，b为100，c为7...
【转】 前端笔记之JavaScript面向对象（一）Object&函数上下文&构造函数&原型链 一、对象（Object） 1.1 认识对象 对象在JS中狭义对象、广义对象两种。 广义：相当于宏观概念，是狭义内容的升华，高度的提升，范围的拓展。狭义：相当于微观概念，什么是“狭”？因为内容狭隘具体，范围窄所以称为“狭” l 狭义对象 就是用{}这种字面量的形式定义的对象，它是一组属性的无序集合var obj = {name : "小明",age : 12,sex : "男",hobb...
【转】 前端笔记之JavaScript面向对象（二）内置构造函数&相关方法|属性|运算符&继承&面向对象 一、复习 1.1复习上下文函数的调用方式上下文fun()windowobj.fun()objbox.onclick = funboxsetInterval(fun,1000) setTimeout(fun,1000)windowarray[8]()arraynew fun()秘密创建的新对象 要看清楚最终的函数调用者是谁。 IIFE也被当做函数直接运行，IIFE的this都是window对象 函数的arguments是类数组对象，比如传入的第0项参数是函数...
【转】 前端笔记之JavaScript面向对象（四）组件化开发&轮播图|俄罗斯方块实战 一、组件化开发 1.1组件化概述 页面特效的制作，特别需要HTML、CSS有固定的布局，所以说现在越来越流行组件开发的模式，就是用JS写一个类，当你实例化这个类的时候，页面上的效果布局也能自动完成。new Carousel(); 实例化后，页面中就有一个轮播图的布局结构，而且可以通过参数传递进去。 这个new里面封装了HTML、CSS、JS的业务逻辑。组件开发的规律...
【转】 web前端基础知识-（三）JavaScript基本操作 JavaScript 是一种轻量级的编程语言。 JavaScript 是可插入 HTML 页面的编程代码。 JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。 JavaScript 很容易学习。 一、如何编写？ 1.JavaScript代码存在形式<!-- 方式一 --> <script type="text/javascript" src="JS文件"></script><!-- 方式二 --> <script type="text/javascript">Js代码内容 </script> 2.JavaScript存放位...
题目 function Foo() {getName = function () { alert (1); };return this; } Foo.getName = function () { alert (2);}; Foo.prototype.getName = function () { alert (3);}; var getName = function () { alert (4);}; function getName() { alert (5);}//请写出以下输出结果： Foo.getName(); getName(); Foo().getName(); getName(); new Foo.getName(); new Foo().getName(); new new Foo().getName(); 这几天面试上几次碰上...
数据类型 类型 作用number 数字类型,整型浮点型都包括string 字符串类型boolean 布尔类型,true或falseundefine 未定义,一般指已经声明,但是没有赋值的变量null 空对象类型,var a= null,和var a = ""有区别object 对象类型,window.document,array等NaN 是Number的一种特殊类型,isNaN()是数字返回false,不是返回true类型转换方法 描述parseFloat() 解析一个字符串，并返回一个浮点数。parseInt() 解析一个字符串，并返回一个整数。N...