炒面熊-优快云博客

原创 JavaScript的原型对象的彻底理解

前言开篇先记住以下两点，再渐渐通过实例理解 __proto__和constructor属性是对象所独有的； prototype属性是函数所独有的。但是由于 JS 中函数也是一种对象，所以函数也拥有 __proto__ 和 constructor 属性一、函数的原型对象我们创建函数 A 的同时, 浏览器会在内存中创建一个对象 B，A 函数默认会有一个 prototype 属性。指向了对象 B( 即：prototype 的属性的值是对象 B )。这个对象 B 就是函数 A 的原

2020-11-16 17:26:08 378

原创 JavaScript的this的彻底理解

写在前面：这篇文章有大篇幅是网上摘下来的（忘了从哪里摘下来的），经过个人整理又发布的，如果原作者不希望这篇文章在此发布、或者需要先在片头署原作者名，可以联系我这个号 this 是 JavaScript 的重点，我们初学时总被它困扰原因其实很简单，如果某些技术难题反复的困扰你，那么恰恰说明这个问题从来都没有被妥善处理先上图（图中的流程只针对于单个规则) 解释我们先来看几个函数调用的场景 function foo() { console.log(this.a) } var a..

2020-11-18 19:59:39 279

原创 javascript基本数据类型与引用数据类型区别

基本数据类型：Number、String、Boolen 、 Symbol、 null 、 undefined 引用数据类型：object(普通对象、数组、正则、函数……) 区别数据类型基本引用储存的元素值地址 (指针) 储存的地点栈堆 eg1 const a = [] 对于常量 a 来说，假设内存地址（指针）为 #001，那么在地址 #001 的位置存放了值 []，常量 a 存放了地址（指针） #001，再看以下代码 const

2020-11-18 19:55:57 237

原创 JavaScript代码的运行机制

1、变量提升在 js 代码执行之前，会对所有声明的变量进行提前 var 声明的变量 => 提前声明，不赋值 console.log(num); // undefined // 代码执行到这里时，num 只是经过了变量提升，但是没有完成赋值，所以是 undefined； var num = 100; // 代码执行过这一行后完成了赋值，所以 num 是100 console.log(num); // 100 function 声明的变量 => 提前声明，并且赋值 con.

2020-11-17 17:09:39 268

原创 JavaScript的变量的彻底理解

变量变量是一个用来存储具体值的容器。创建变量的方式：var、let、const、function、import、class…… /* 语法： var 变量名 = 值; let 变量名 = 值; const 常量名 = 值; function 函数名 () { // 函数体 }; */ 变量命名规范严格区分大小写遵循驼峰命名法：按照数字、字母、下划线或者$来命名（数字不能作为开头），命名的时候基于英文单词拼接成一个名字（第

2020-11-17 17:07:58 200

原创 var、let、const的区别

var、let、const 都是命名变量的关键字先上结论：关键字变量提升块级作用域重复声明同名变量重新赋值 var √ × √ √ let × √ × √ const × √ × × 表格下面文字是对表格的解读。一、变量提升 //用var命名的变量有变量提升 console.log(num1); // undefined var num1 = 10; // 以上代码运行时,相当于下面的写法 var num2; // 声明提升到作用域最顶端 console..

2020-11-16 17:42:07 226

原创前端笔记之html与css

前端笔记之html与css 1.四大浏览器内核? IE: trident 内核 Firefox： gecko 内核 Safari:webkit 内核 Opera:以前是 presto 内核， Opera 现已改用 Google Chrome 的 Blink 内核 Chrome:Blink(基于 webkit， Google 与 Opera Software 共同开发) ...

2018-06-26 22:57:29 187

原创前端工程师学习路线

前端工程师学习路线第一阶段 html+css html进阶、css进阶、div+css布局、html+css整站开发 JS基础 js基础教程、js内置对象常用方法、常见dom树操作大全、ES、DOM、BOM、定时器和焦点图 JS基本特效常见特效：tab、导航、页面滚动、轮播图、JS制作幻灯片、淡出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。 ...

2018-05-04 13:22:25 4448 4

原创前后端正常交互的流程

前后端正常交互的流程 1、评审阶段：产品召集前后端进行需求评审，前后端各自捋清楚自己的业务量以及联调之间工作量，从而进行开发时间评估。 2、开发准备阶段：前后端一起商量需求中需要联调的部分，进行接口的口头协议交流。 3、接口定义阶段：前后端中的一方根据之前的口头协议拟定出一份详细的接口，并书写APl文档，完成后由另一方确认。有疑问的地方重新商量直至双方都没有问题。 4、开发阶段：双方根据协...

2018-05-04 13:10:28 3558

原创前端必会技能

前端必会技能浏览器环境IE6~8 IE9+ Chrome Firefox Safari Opera Edge HTTP协议URI Cache Session Cookie Request Response HTMLW3C HTML4.01 HTML5 DOM 语义化 CSSCSS1~3 选择器盒模型 Flex 媒体检测响应式渲染引擎 JavaScriptEcmaScript3~5~6 ...

2018-05-04 13:07:04 970

原创前端工程师需要的素质

前端工程师需要的素质注：此文为网上摘抄整理后发布的，是个人笔记，也希望可以和广大前端开发人士交流，如有侵权行为，请私信切页面- HTML- CSS- PS 编程语言- JS- PHP/Python/Perl/BsshShell- NodeJS/FlashAS 调试工具- Firebug/Firbug-lite/Web inspector- YSlow/Smushit- IEDeveloper...

2018-05-04 12:50:43 3368

前端笔记