JavaScript精进篇

JavaScript是所有前端框架中最基础的框架,在工作了两年以后又重新回到了这里.过去两年里用的最多的前端框架是jquery,因为它简单易上手,而jquery就是封装了JavaScript.重新系统的回顾一下JavaScript,你能了解到很多以前不知道的小知识.忽略的小细节,夯实基础.可能了解的这些在编码中用到的很少或者基本用不到,但是却能够加深理解,而且会有一种茅塞顿开的感觉,还不时会遇到以前不理解但是匆匆掠过的问题,看完了以后会说一句“原来如此”,使技术精进.相信重新回顾一下不仅会打牢基…

一步步学习javascript基础篇（0）:开篇索引

索引: 一步步学习javascript基础篇(1):基本概念一步步学习javascript基础篇(2):作用域和作用域链一步步学习javascript基础篇(3):Object.Function等引用类型一步步学习javascript基础篇(4):面向对象设计之创建对象(工厂.原型和构造函数等模式) 一步步学习javascript基础篇(5):面向对象设计之对象继承(原型链继承) 一步步学习javascript基础篇(6):函数表达式之[闭包] 一步步学习javascript基础篇(7):…

一步步学习javascript基础篇（3）：Object、Function等引用类型

我们在<一步步学习javascript基础篇(1):基本概念>中简单的介绍了五种基本数据类型Undefined.Null.Boolean.Number和String.今天我们主要介绍下复杂数据类型(即引用数据类型) Object类型我们用的最多的引用类型就属object类型了,一般用来存储和传输数据是再好不过的.然,它的两种创建方式我们是否了解呢? 1.通过构造函数来创建如: var obj = new Object(); 在js中的引用类型有个非常灵活的用法,可以动态的附加属性和赋值.…

JavaScript入门篇编程练习

编程挑战一.定义"改变颜色"的函数提示: obj.style.color obj.style.backgroundColor 二.定义"改变宽高"的函数提示: obj.style.width obj.style.height 三.定义"隐藏内容"的函数提示: obj.style.display="none"; 四.定义"显示内容"的函数提示: obj.style.display="blo…

慕课网JavaScript入门篇课程笔记

1.js注释很重要单行注释,在注释内容前加符号 “//”. <script type="text/javascript"> document.write("单行注释使用'//'"); // 我是注释,该语句功能在网页中输出内容 </script> 多行注释以"/*"开始,以"*/"结束. <script type="text/javascript"> document.…

＃笔记＃JavaScript进阶篇一

#JavaScript进阶篇 http://www.imooc.com/learn/10 #认识DOM #window对象浏览器窗口可视区域监测—— 在不同浏览器(PC)都实用的 JavaScript 方案: var w= document.documentElement.clientWidth || document.body.clientWidth; var h= document.documentElement.clientHeight || document.body.clientHe…

6、JavaScript进阶篇③——浏览器对象、Dom对象

一.浏览器对象 1. window对象 window对象是BOM的核心,window对象指当前的浏览器窗口. window对象方法: 注意:在JavaScript基础篇中,已讲解了部分属性,window对象重点讲解计时器. 代码示例: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"…

4、JavaScript进阶篇①——基础语法

一.认识JS 你知道吗,Web前端开发师需要掌握什么技术?也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HTML+CSS创建一个漂亮的页面,但这还不够,它只是静态页面而已.我们还需使用JavaScript增加行为,为网页添加动态效果.准备好,让JavaScript带你进入新境界吧! JavaScript能做什么? 1.增强页面动态效果(如:下拉菜单.图片轮播.信息滚动等) 2.实现页面与用户之间的实时.动态交互(如:用户注册.登陆验证等) JS进阶篇学习什么?…

开心菜鸟系列－－－－函数作用域（javascript入门篇）

1 <!DOCTYPE html> 2 <html> 3 <script src="./jquery-1.7.2.js"></script> 4 <head> 5 <title></title> 6 </head> 7 <body> 8 <input type="text" name="type"…

开心菜鸟系列－－－－变量的解读（javascript入门篇）

console.info( console.info(window['weiwu']) console.info(window.weiwu) console.info(weiwu) console.info(age); } …

JavaScript入门篇

记录一下在慕课网学习JavaScript的过程. 以下内容均来自慕课网. 传送:https://www.imooc.com/code/401 为什么学习JavaScript 1. 所有主流浏览器都支持JavaScript. 2. 目前,全世界大部分网页都使用JavaScript. 3. 它可以让网页呈现各种动态效果. 4. 做为一个Web开发师,如果你想提供漂亮的网页.令用户满意的上网体验,JavaScript是必不可少的工具. 注意, <script>标签要成对出现,并把JavaScript…

JavaScript高级篇之Function对象

JavaScript高级篇之Function对象一: Function对象引入: Function对象是js的方法对象,可以用Function实例化出任何js方法对象. 例如: <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD…

一步步学习javascript基础篇（5）：面向对象设计之对象继承（原型链继承）

上一篇介绍了对象创建的几种基本方式,今天我们看分析下对象的继承. 一.原型链继承 1.通过设置prototype指向“父类”的实例来实现继承. function Obj1() { this.name1 = "张三"; } function Obj2() { } Obj2.prototype = new Obj1(); var t2 = new Obj2(); alert(t2.name1); 这里有个明显的缺点就是:(如果父类的属性是引用类型,那么我们在对象实例修改属性的时候会把原型中…

一步步学习javascript基础篇（4）：面向对象设计之创建对象（工厂、原型和构造函数等模式）

前面我们介绍了可以通过Object构造函数或对象字面量都可以用来创建单个对象,但是如果需要创建多个对象的话,显然很多冗余代码. 接下来介绍几种模式来创建对象.不过在此之前,我们还是先来了解下 typeof和instanceof . typeof和instanceof //typeof主要用了检查值类型数据,如: alert(typeof (1) + " " + typeof ("1") + " " + typeof (false) + "…

一步步学习javascript基础篇（1）:基本概念

一.数据类型数据类型基本数据类型(五种) Undefined Null Boolean Number String 复杂数据类型(一种) Object Undefined:只有一个值undefined(定义了没有赋值). 例: var str; alert(str);//undefined 注意:如果没有用var申明,直接使用会报异常( ... is not defined). 建议:每次var声明都赋初始值,可以减少很多意外情况. 如: var str; var str2="张三"…

JavaScript 高级篇之闭包、模拟类,继承（五）

本篇主要分享我对闭包的理解及使用闭包完成私有属性.模拟类.继承等,结合大量例子,希望大家能快速掌握!首先让我们先从一些基本的术语开始吧一.javascript中的闭包 1.我们一起先来理解什么是函数的作用域. 2.调用的对象结合例子: 复制代码代码如下: function display(something) { function executeDisplay1() { document.write("我在帮老板打印:"+something+"<br /&…

JavaScript进阶篇 - -第1章系好安全带

第1章系好安全带 html,body { font-size: 15px } body { font-family: Helvetica, "Hiragino Sans GB", "微软雅黑", "Microsoft YaHei UI", SimSun, SimHei, arial, sans-serif; line-height: 1.6; margin: 0; padding: 1.33rem 1rem } h1,h2,h3,h4,h5,h…

Javascript基础篇小结

转载请声明出处博客原文随手翻阅以前的学习笔记,顺便整理一下放在这里,方便自己复习,也希望你有也有帮助吧第一课时入门基础知识点: 操作系统就是个应用程序只要是应用程序都要占用物理内存浏览器本身也是一个应用程序浏览器本身只懂得解析HTML 调用浏览器这个应用程序的一个功能绘制 1.javascript介绍 JavaScript操作DOM的本质是=获取+触发+改变目的:就是用来操作内存中的DOM节点修改DOM节点的属性过javascript语法组织逻辑代码操作DOM BOM(wi…

javascript提高篇+吐槽

开篇吐槽最近一直在投简历找工作,对于博主这样的屌丝应届生来说,一没过硬的技术,二没经验,三没高学历,四没炫酷的项目,五还没漂亮的简历,简直就是3无产品+2b青年.所以快1个月了投的简历没有收到一个面试邀请(悲剧),就连投的要求应届生的也没收到过邀请.感觉最近头发都白了,可能是快过年了hr都懒得招了.生活总是喜欢打击人,偶尔去贴吧看看,又是这个培训完了包装了2年工作经历(真牛,我都不信能编这么多)开开心心的在面试,有的是简单的学了几个月就找了个切图工作,当然也有新人在吵着怎么学习,学什么才能找到…

YUI前端优化之javascript,css篇

三.JavaScript和CSS篇 JavaScript和CSS也是我们页面中经常用到的内容,对它们的优化也提高网站性能的重要方面:CSS:把样式表置于顶部避免使用CSS表达式(Expression)使用外部JavaScript和CSS削减JavaScript和CSS用<link>代替@import避免使用滤镜 JavaScript 把脚本置于页面底部使用外部JavaScript和CSS削减JavaScript和CSS剔除重复脚本减少DOM访问开发智能事件处理程序 17.把样式表置于顶部 …

javascript提高篇

本章简介本章内容比较少,有三个分享的知识.你可能都看过了,因为网上也有很多提问和解答,如果没看过或者没搞懂,你可以再看看这篇文章. 1. 数组去重方法的演变 -- 走向代码缩短化 2. [] + {} 和 {} + []的返回结果 -- js的代码规范及隐士类型转换 3. ++ [[]][+[]] 的运算 -- 还是++问题讲解部分数组去重方法的演变 1. es5以前: es5以前我们数组去重的方法显得有点笨笨的,我的需要创建一个新数组和一个缓存对象,遍历原来数组,一个个的…

慕课网javascript 进阶篇第九章编程练习

把平常撸的码来博客上再撸一遍既可以加深理解,又可以理清思维.还是很纯很纯的小白,各位看官老爷们,不要嫌弃.最近都是晚睡,昨晚也不例外,两点多睡的.故,八点起来的人不是很舒服,脑袋有点晕呼呼,鉴于昨晚看到了这章的编程练习,想着自己DOM编程艺术也差不多看完了,高级3也看了点,所打算开始多敲代码了. 谁知,看着编辑器一脸懵逼,不知道如何啃下这块骨头,米思绪,写着也没什么感觉,索性就不写了,这不下午才来撸它. 要求如下: <!DOCTYPE html> <html> <head&g…

javaWeb核心技术第四篇之Javascript第二篇事件和正则表达式

- 事件 - 表单提交(掌握) "onsubmit" - 单击事件(掌握) "onclick" - 页面加载成功事件(掌握) "onload" - 焦点事件:(掌握) - 获取焦点 "onfocus" - 失去焦点 "onblur" - 表单事件(了解) - ondblclick 双击事件 - onreset; 重置 - onchange; 改变(熟练使用) - 鼠标事件:(了解) - onmouseove…

一步步学习javascript基础篇（9）：ajax请求的回退

需求1: ajax异步请求 url标识请求参数(也就是说复制url在新页面打开也会是ajax后的效果) ajax异步请求没问题,问题一般出在刷新url后请求的数据没了,这就是因为url没有记录参数.如果我们改变给url添加参数,这样就改变了url,也就会重新请求整个url.这样一来就没有了ajax的优势和作用了.那么,我们应该怎么保持参数而又不重新请求url呢?做过单页面SPA (Single-page Application)的都知道,我们可以使用描点来实现(因为修改描点的时候,不会发送url…

一步步学习javascript基础篇（8）：细说事件

终于学到事件了,不知道为何听到“事件”就有一种莫名的兴奋.可能是之前的那些知识点过于枯燥无味吧,说起事件感觉顿时高大上了.今天我们就来好好分析下这个高大上的东西. 可以说,如果没有事件我们的页面就只能阅读了.有了事件,我们可以通过键盘或是鼠标和页面交互了,通过我们不同的操作页面给出不同的响应.好了,开始我们今天的分析吧. DOM0级事件处理方式什么是DOM0级? 其实世上本来没有DOM0级,叫的人多了就有了DOM0级. 在1998 年 10 月 DOM1级规范成为 W3C 的推荐标准,在此之前…

一步步学习javascript基础篇（7）：BOM和DOM

一.什么是BOM.什么是DOM BOM即浏览器对象模型,主要用了访问一些和网页无关的浏览器功能.如:window.location.navigator.screen.history等对象. DOM即文档对象模型,针对HTML(或XML)文档的API(应用程序编程接口).描绘的一个层次化的节点树,开发人员可以添加.修改和删除页面的某一部分. 二.细说BOM对象 1.window对象 window对象表示浏览器的一个实例,同时也是ECMAScript 规定的 Global 对象.(Global :所…

史上最全、JavaScript基础篇

本章内容: 简介定义注释引入文件变量运算符算术运算符比较运算符逻辑运算符数据类型数字字符串布尔类型数组 Math 语句条件语句(if.switch) 循环语句(for.for in.while.do-while) label语句异常处理函数定义函数3种方式函数参数(arguments) 作用域与作用链闭包面向对象(特性,构造模式,原型模式prototype) prototype 验证方法(isPrototypeOf.hasOwnProperty.in) 其…

JavaScript对象篇之hasOwnProperty

判断一个属性是定义在对象本身而不是继承自原型链,我们需要使用从 Object.prototype 继承而来的 hasOwnProperty 方法.hasOwnProperty 方法是 Javascript 中唯一一个处理对象属性而不会往上遍历原型链的. // Poisoning Object.prototype Object.prototype.bar = 1; var foo = {goo: undefined}; foo.bar; // 1 'bar' in foo; // true foo…

一步步学习javascript基础篇（6）：函数表达式之【闭包】

回顾前面介绍过的三种定义函数方式 1. function sum (num1, num2) { return num1 + num2; } //函数声明语法定义 2. var sum = function(num1, num2){ return num1 + num2; }; //函数表达式定义 3. var sum = new Function("num1", "num2", "return num1 + num2"); //Function…

一步步学习javascript基础篇（2）:作用域和作用域链

作用域和作用域链 js的语法用法非常的灵活,且稍不注意就踩坑.这集来分析下作用域和作用域链.我们且从几道题目入手,您可以试着在心里猜想着答案. 问题一. if (true) { var str = "李四"; } alert(str);//弹出值是? 问题二. function add(num1, num2) { var sum = num1 + num2; } add(1,2); alert(sum) //弹出值是? 问题三. var str1 = "张三"; v…

【JavaScript精进篇】的更多相关文章