前端学习历程--js--原型&闭包

一.数据类型 1.值类型:undefined, number, string, boolean,不是对象 2.引用类型:函数.数组.对象.null.new Number(10)都是对象 3.引用类型判断(instanceof): var fn = function () { }; console.log(fn instanceof Object); // true 4.js中对象:数组是对象,函数是对象,对象还是对象.对象里面的一切都是属性,只有属性,没有方法.那么这样方法如何表示呢?——方法也…

前端学习历程--js事件监听

一.事件监听使用场景 1.事件触发多个方法的时候,后一个方法会把前一个方法覆盖掉. window.onload = function(){ var btn = document.getElementById("yuanEvent"); btn.onclick = function(){ alert("第一个事件"); } btn.onclick = function(){ alert("第二个事件"); } btn.oncli…

前端学习：JS面向对象知识学习（图解）

前端学习:JS面向对象知识学习(图解) 前端学习:JS(面向对象)代码笔记 JS面向对象图解知识全览创建类和对象方式1:使用Object()函数方式2:使用自变量方式3:使用工厂函数创建多个对象方式4:构造函数静态成员和实例成员静态成员实例成员原型构造函数的原型内存图方式一方式二方式三对象的原型打印对象的原型构造函数和原型中同时存在方法的时候对象__proto__和构造函数的prototype 三角关系:构造函数原型对象对象/实例属性查找规则注意点…

学习zepto.js(原型方法)

学习zepto.js(原型方法)[1] 转载新的一周,新的开始,今天来学习一下zepto里边的原型方法,就是通过$.进行调用的方法,也是可以通过$.fn进行扩展的方法: $.camelCase(): 方法接收一个字符串,将连字符格式的字符串转为驼峰格式的字符串: $.camelCase("login-name"); // ->loginName $.camelCase("loginName"); // ->不作处理 (本人发现zepto中的原型方法都是…

前端学习之——js解析json数组

** 前端学习之——js解析json数组** 解析json数组即对JSONArray的遍历一.对于标准的json数组如: var result=[{"flag":1,"macId":"2","mbId":0,"userName":"XXX"},{"flag":1,"macId":"1","mbId":1,&…

前端学习：JS学习总结（图解）

前端学习:JS学习总结(图解) JS的代码笔记 JS比HTML和CSS的知识点要多的多,下面分几段来介绍其内容... 为了能让大家更好的检索,前面的图解是整个JS的概括,后面的才是知识点... 旁边就是目录,建议用目录来观看本博客...... JS的知识体系 JS的简介 JS基本语法 JS内置对象 JS的函数 JS的事件 JS的BOM JS的DOM JS的简介 JS是什么? JS能做什么? JS的历史及组成 JS的引入方式 JS基本语法变量原始数据类型引入数据类型运算符逻辑语句 JS…

学习zepto.js(原型方法)[1]

新的一周,新的开始,今天来学习一下zepto里边的原型方法,就是通过$.进行调用的方法,也是可以通过$.fn进行扩展的方法: $.camelCase(): 方法接收一个字符串,将连字符格式的字符串转为驼峰格式的字符串: $.camelCase("login-name"); // ->loginName $.camelCase("loginName"); // ->不作处理 (本人发现zepto中的原型方法都是通过将匿名函数赋值给变量的方式来进行声明的,而…

前端学习历程--vue

---恢复内容开始--- 一.对比其他框架 1.react: 共同点: 使用 Virtual DOM 提供了响应式(Reactive)和组件化(Composable)的视图组件. 将注意力集中保持在核心库,而将其他功能如路由和全局状态管理交给相关的库. react路由使用redux,vue也用了类似的vuex 不同点: vue更轻量级,react社区更强大 vue自动获得了 shouldComponentUpdate避免重复渲染在处理动画时,Vue 每秒最高处理 10 帧,而 React 每秒…

前端知识总结--js原型链

js的原型链听着比较深奥,看着容易晕,梳理一下还是比较容易懂的 (先简单写下,后续有时间再整理) 简而言之原型链:就是js的对象与对象之间,通过原型组成建立的层层关系,构成了整个链条,称之为原型链 (个人理解,欢迎交流) 对象 js中一切皆对象,我们看到的变量.函数.类型,都是顶级对象Object的实例,也就是说他们继承自Object,这种关系就体现在原型链上. 每个对象都有对应的构造函数,就用最简单的变量举例: var a = 1; console.log(typeof a); //num…

[学习笔记]JS中闭包的理解

一.闭包概念的理解闭包,又称为词法闭包或函数闭包指引用了自由变量的函数.这个被引用的自由变量将和这个函数一同存在,即使已经离开了创造它的环境也不例外. 自由变量:该变量既不是函数本身定义的也不是函数参数中的变量. function f1() { var count = 99; function f2() { alert(count);//count对于f2来说是自由变量,这里函数f2引用了自由变量count } return f2; } 这个被引用的自由变量将和这个函数一同存在,即使已经离开了…

学习zepto.js(原型方法)[2]

接着昨天的来,继续说原型方法,昨天的传送阵(昨天出了点小意外,博文经过WP手机的UC浏览器进行编辑后标签就露出来了- -,现已修复); $.grep(): 作用与Array.filter类似(其实就是调用的filter方法- -) 通过传入两个参数,第一个为类数组的对象,第二个为用来执行判断的函数; var array = [1,2,3,4,5]; var even = $.grep(array,function (value) { return value % 2 === 0; }); con…

web前端学习历程--跨域问题

一.同源策略一个页面的ajax只能获取这个页面相同源(协议.域名.端口号都必须相同)的数据. 二.jsonp方法 1.json和jsonp JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式 JSONP是JSON with Padding的略称.它是一个非官方的协议,它允许在服务器端集成Script tags返回至客户端,通过javascript callback的形式实现跨域访问 2.解决跨域的原理: 首先,<script>标签的src属性并不被同…

web前端学习历程--排序

一.js排序方法 1.按字母顺序排列: arr.sort() 2.按数值从小到大: function sortNumber(a,b)//排序函数 { return a - b } var arr = new Array(6) arr[0] = "10" arr[1] = "5" arr[2] = "40" arr[3] = "25" arr[4] = "1000" arr[5] = "1"…

前端学习笔记--js概述与基础语法、变量、数据类型、运算符与表达式

本篇记录js的概述与基础语法.变量.数据类型.运算符与表达式 1.概述与基础语法 2.变量举例: 3.数据类型 4.运算符与表达式…

前端学习历程--http与https

一.CA(证书授权中心)证书 1.ca是通信的中介,具有足够的权威性 2.信任可嵌套如:C 信任 A1,A1 信任 A2,A2 信任 A3 二.根本区别 1.https需要基于ssl的ca证书认证(判别网站是否伪造) 2.http是明文,https是加密协议(确保传输过程信息不泄露) 3.http端口是80,https端口是443 三.https缺点 1.增加内容开销,加载速度慢50%,也会增加硬件电耗 2.对黑客防范有限 3.不能再同ip绑定多个域名…

前端学习历程--localstroge

一. localstorage的特性 1.需要ie8+ 2.浏览器中都会把localStorage的值类型限定为string类型,这个在对我们日常比较常见的JSON对象类型需要一些转换 3.localStorage本质上是对字符串的读取,如果存储内容多的话会消耗内存空间,会导致页面变卡 4.localStorage不能被爬虫抓取到二.localstorage使用规则 1.判断是否支持localStorage 2.localStorage的三种写入方法在控制台中: 因为localStorage…

前端学习历程--css①

---恢复内容开始--- 本文用自己的理解,总结网上或者自身经历的问题,加以汇总,方便查找: 一.浏览器默认样式 1.浏览器处理css&html a.css作用范围:盒子模式.浮动.定位.背景.字体 2.css布局方式: 经典三列布局 Bootstrap栅格布局百度首页布局微博布局人人网布局瀑布流布局 3.层叠样式表: a.层叠:层叠就是浏览器对多个样式来源进行叠加,最终确定结果的过程.即对相同标签的样式融合,且内联>内部>外部(!important可将样式提到最高级),但实际…

前端学习:JS(面向对象)代码笔记

前端学习:JS(面向对象)代码笔记前端学习:JS面向对象知识学习(图解) 创建类和对象创建对象方式1调用Object函数 <body> </body> <script type="text/javascript"> //新建英雄:刘备 var hero=new Object(); hero.name='刘备'; hero.blood=100; hero.weapon='双股剑'; hero.attack=function(){ return th…

JS高级学习历程-6

PHP菜鸟学习历程-6 [闭包案例] 1 闭包创建数组 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>17-闭包-数组</title> <script type="text/javascript"> var num=new Array(); for(var i=0; i&…

前端学习:学习笔记(JS部分）

前端学习:学习笔记(JS部分) 前端学习:JS学习总结(图解) JS的简介 JS基本语法 JS内置对象 JS的函数 JS的事件 JS的BOM JS的DOM JS的简介新建步骤 <body> 1.新建Dynamic Web Project 2.在WebContent中Folder新建一个JS目录(文件夹) 3.新建HTML文件 </body> JS基本语法内嵌JS代码 <body> <input type="button" value=…

值得H5前端学习的60个JS插件(含DEMO演示)

下面也可以说是H5前端学习的js插件大全.基本包含了大部分的前端最前沿的js插件和库. 布局 SuperEmbed.js- 是一个Javascript库,可检测出网页上的内嵌视频并使他们能够变成响应式元素.demo ScrollReveal- ScrollReveal插件使用户能够无比轻松地创建桌面和移动浏览器的网页滚动动画.demo Bricks.js- 是一款超快的用于固定宽度元素的“砖石”布局生成器.demo ————————————————————————————————————————…

深入理解JS原型链与继承

我觉得阅读精彩的文章是提升自己最快的方法,而且我发现人在不同阶段看待同样的东西都会有不同的收获,有一天你看到一本好书或者好的文章,请记得收藏起来, 隔断时间再去看看,我想应该会有很大的收获.其实今天要讨论的主题,有许多人写过许多精彩的文章,但是今天我还是想把自己的理解的知识记录下来.我在学习掌握JS原型链和继承的时候,就是看得@阮一峰老师的写的文章,觉得他写的技术类的文章都容易让理解,简明概要,又好理解.他是我学习JS路程里面一个比较佩服的导师,昨天重新看了他写的<Javascript 面向…

【学习笔记】深入理解js原型和闭包系列学习笔记——精华

深入理解js原型和闭包笔记: 1．“一切皆是对象”,对象是属性的集合. 丨函数也是对象,但是使用typeof时为什么函数返回function而丨不是object呢,js为何要对函数做这样的区分?函数和对象到底什么关系呢? 2.函数和对象的关系(对象是函数创建的,但同时函数又是一种对象) 丨对象是通过函数创建的,那它的属性是如何通过函数构造的,又为什么说函数自身也是一种丨对象呢,函数有什么对象的特征(对象的特质是属性的集合),难道函数也是属性的集合?它丨有什么属性呢? 3.函数的属性…

【学习笔记】深入理解js原型和闭包（16）——完结

之前一共用15篇文章,把javascript的原型和闭包讲解了一下. 首先,javascript本来就“不容易学”.不是说它有多难,而是学习它的人,往往都是在学会了其他语言之后,又学javascript.有其他语言的学习经历和实践经历,再加上自学javascript,边学边用,肯定会产生许多误解,走许多弯路.我就没少经历,也算是一种教训. 其次,原型和闭包又是一对难兄难弟,一来是他俩比较难懂,而来是他俩都或多或少的给初级开发人员带来许多BUG.不懂原型和闭包,你也可以开发javascript程序…

【学习笔记】深入理解js原型和闭包（12）——简介【作用域】

提到作用域,有一句话大家(有js开发经验者)可能比较熟悉:“javascript没有块级作用域”.所谓“块”,就是大括号“{}”中间的语句.例如if语句: 再比如for语句: 所以,我们在编写代码的时候,不要在“块”里面声明变量,要在代码的一开始就声明好了.以避免发生歧义.如: 其实,你光知道“javascript没有块级作用域”是完全不够的,你需要知道的是——javascript除了全局作用域之外,只有函数可以创建的作用域. 所以,我们在声明变量时,全局代码要在代码前端声明,函数中要在函数体一…

【学习笔记】深入理解js原型和闭包（0）——目录

文章转载:https://www.cnblogs.com/wangfupeng1988/p/4001284.html 说明: 本篇文章一共16篇章,外加两篇后补的和一篇自己后来添加的学习笔记,一共19篇文章. 该教程绕开了javascript的一些基本的语法知识,直接讲解javascript中最难理解的两个部分,也是和其他主流面向对象语言区别最大的两个部分——原型和闭包,当然,肯定少不了原型链和作用域链.帮你揭开javascript最神秘的面纱. 为什么要偏偏要讲这两个知识点? 这是我在这么多年…

【学习笔记】深入理解js原型和闭包（18）——补充：上下文环境和作用域的关系

本系列用了大量的篇幅讲解了上下文环境和作用域,有些人反映这两个是一回儿事.本文就用一个小例子来说明一下,作用域和上下文环境绝对不是一回事儿. 再说明之前,咱们先用简单的语言来概括一下这两个的区别. 00 上下文环境: 可以理解为一个看不见摸不着的对象(有若干个属性),虽然看不见摸不着,但确实实实在在存在的,因为所有的变量都在里面存储着,要不然咱们定义的变量在哪里存? 另外,对于函数来说,上下文环境是在调用时创建的,这个很好理解.拿参数做例子,你不调用函数,我哪儿知道你要给我传什么参数? 01 作…