JS进阶
帕尼尼0_0
这个作者很懒,什么都没留下…
展开
-
JS进阶系列 --- ajax请求优化
写在前面 我们都知道,前端和后端沟通的桥梁是ajax请求接口,前台通过接口传给后台参数,后台根据参数通过接口返回数据给前台。 那么,这些接口要怎么设计才完美高效呢?场景一A页面有个登录的需求,我们给A页面造个接口:doUserLogin: function() { this.axios.get('user/login') .then(res => ...原创 2018-08-05 20:14:52 · 988 阅读 · 0 评论 -
Vue进阶系列 --- 页面架构优化
写在前面 玩vue已经快一年了,回首第一次遇见vue的时候,还是大二的暑假,一晃已经走完了大三。我们都知道编程的学习是分软功和硬功的。外练筋骨皮,内练一口气就是这个道理。 那么什么是硬功呢?硬功就是Vue语法的掌握,JS语法的掌握等等。 那么什么是软功呢?算法思想,编程思想,架构思想。 思想思想,对咯,软功就是思和想。一个没有思想的程序员,只知道重复搬砖,不知道造轮子,组...原创 2018-07-08 22:17:40 · 7382 阅读 · 2 评论 -
JS进阶系列 --- toString
写在前面在看这篇博客之前,以下几个知识点的学习有助于你的理解 JS进阶系列 — 原型 JS进阶系列 — call&apply我们知道,在JS世界中,站在最顶端的人是Object。他颁布了JS的两个法令:toString和valueOf,下面的人必须服从这两个法令。但是不同的区域不同的民情,每个区域的Boss又重写了这两个法令。我们这篇博客先看看第一个法令:toString直...原创 2018-06-09 21:35:51 · 328 阅读 · 0 评论 -
JS进阶系列 --- 特效
JavaScript-Magic这篇博客,是我总结的JavaScript特效demo,有相应的页面展示和页面代码。长期更新,欢迎收藏展示页面帕尼尼的JavaScript特效初级特效列表筋斗云导航栏 鼠标跟随 放大镜 滚动条 垂直滚动条 顶部栏固定 广告跟随中级特效列表待更新高级特效列表待更新...原创 2018-06-07 10:49:26 · 1132 阅读 · 1 评论 -
JS进阶系列 --- 严格模式
//f1.js'use strice'; //整个js文件都是严格模式下执行的var n = 1;var foo = function(){...};//...var n = 1;var foo = function(){ 'use strict'; //在foo函数内是严格模式 //some code...}严格模式下, delete运算符后跟随非法...转载 2018-05-31 10:23:42 · 273 阅读 · 0 评论 -
JS进阶系列 --- typeof&instanceof
JavaScript 中 typeof 和 instanceof 常用来判断一个变量是否为空,或者是什么类型的 typeof用于判断值类型,instanceof用于判断引用类型typeof语法:typeof type 参数:type(要检测的类型)typeof 一般只能返回如下几个结果:”number”、”string”、”boolean”、”object”、”function” ...原创 2018-05-30 17:31:59 · 260 阅读 · 0 评论 -
JS进阶系列 --- this
在此再强调一遍一个非常重要的知识点:在函数中this到底取何值,是在函数真正被调用执行的时候确定的,函数定义的时候确定不了。因为this的取值是执行上下文环境的一部分,每次调用函数,都会产生一个新的执行上下文环境。this的取值,分四种情况。我们来挨个看一下情况1:构造函数所谓构造函数就是用来new对象的函数。其实严格来说,所有的函数都可以new一个对象,但是有些函数的定义是为了n...转载 2018-05-30 16:40:29 · 1004 阅读 · 0 评论 -
JS进阶系列 --- offset&scroll&client
Offsetoffset这个单词本身是–偏移,补偿,位移的意思。 js中有一套方便的获取元素尺寸的办法就是offset家族; offsetWidth和offsetHight以及offsetLeft和offsetTop以及offsetParent共同组成了offset家族offsetWidth和offsetHight (盒子盒模型的宽/高)这两个属性,他们绑定在了所有的节点元素上。获...原创 2018-06-03 19:55:11 · 261 阅读 · 0 评论 -
JS进阶系列 --- 框架封装
作者的话 如果你和我一样是初窥前端的一个怀抱梦想的初学者,我希望我走过的这段路能对你有些许的启示,让你对前端收获一点感悟。 如果你是一个前端的大牛,也由衷的希望你能留下些许的指教。为什么使用框架 我们知道,原生的js虽然代码强大,可以完成几乎所有项目的开发。 但是,如果纯用原生的js来写项目,未免过于繁琐。而借助于一些js框架可以使得代码变...原创 2017-10-21 10:19:20 · 3628 阅读 · 1 评论 -
JS进阶系列 --- 作用域和闭包
作用域js中作用域规则:函数允许访问函数外的数据整个代码结构中只有函数可以限定作用域作用规则首先使用提升规则分析就近原则举个栗子console.log(num); //undefinedvar num = 123;function f1(){ var num = 456; function f21(){ console.log(nu...原创 2018-03-02 18:07:40 · 233 阅读 · 0 评论 -
JS进阶系列 --- 预解析和声明提升
预解析程序在执行过程中,会先将代码读取到内存中检查,会将所有的声明在此时进行标记,从而让js解释器知道有这个名字,后面在使用名字的时候,不会出现未定义的错误声明变量的声明变量的声明就是让js解释器知道有这个名字,没有任何数据与之对应函数的声明函数的声明分为函数名和函数体两部分 函数名的声明与变量的声明方式一致 函数体声明即告诉js解释器这个名字对应的函数体是什么...原创 2018-03-01 21:18:21 · 295 阅读 · 0 评论 -
JS进阶系列 --- eval
eval的作用将字符串当成代码来执行 eval的应用场景ajax中把获取的字符串数据转换成json格式eval的弊端因为eval把字符串当成代码来执行,并不能分辨代码的正确性。黑客可以利用这个漏洞往里面注入恶意代码 不推荐使用evaleval的替代ES5标准 - JSON.parse(str)函数:将str转换成json格式的数据 - JSON.str...原创 2018-03-01 19:04:38 · 276 阅读 · 0 评论 -
JS进阶系列 --- 值类型和引用类型
存储值类型var a = 1;分配一段内存,命名为a,存储的值为1引用类型var o = { age:18};分配一段内存xxx,存储的值为键值对: age:18分配一段内存,命名为o,存储的值是指向内存xxx的地址赋值值类型var a = 1;var b = a;a = 2;console.log(b); //结果为1...原创 2018-01-26 21:58:54 · 221 阅读 · 0 评论 -
JS进阶系列 --- 面向对象编程
何为面向对象?使用它所提供的接口而忽略其内部组成情况js面向对象有三大特性:抽象、封装、继承何为抽象?抽取这个对象的核心数据,不在特定条件下不知道是什么 比如我如何描述一个对象 人? 抽取这个对象的核心数据:name,age,sex……function Person(obj){ this.name = obj.name; this.a...原创 2018-01-26 21:43:25 · 369 阅读 · 0 评论 -
JS进阶系列 --- 深拷贝和浅拷贝
基本概念深拷贝和浅拷贝是基于引用类型而言的,且该引用中含有引用的属性 拷贝不是赋值值赋值和地址赋值var a = 2;var b = a;这是值赋值,变量a和b都存储了值2,互不影响。var a = {age:18};var b = a;这是地址赋值,变量a和b都存储了内存xxx的地址,内存xxx存储的值是age:18在下面这段代码中,定义了一个对象c...原创 2018-01-26 22:20:03 · 213 阅读 · 0 评论 -
JS进阶系列 --- 原型
非常感谢你能看到这篇文章,也希望你能继续看下去……何为原型以一段简单的代码为例:function Dog(param){ this.name = param.name; this.age = param.age; this.bark = function(){ console.log("汪汪汪!!!"); };}var wc ...原创 2018-02-28 17:58:34 · 976 阅读 · 2 评论 -
JS进阶系列 --- 继承
继承分类先来个整体印象。如图所示,JS中继承可以按照是否使用object函数(在下文中会提到),将继承分成两部分(Object.create是ES5新增的方法,用来规范化这个函数)。其中,原型链继承和原型式继承有一样的优缺点,构造函数继承与寄生式继承也相互对应。寄生组合继承基于Object.create, 同时优化了组合继承,成为了完美的继承方式。ES6 Class Extends的结果与...转载 2018-08-05 23:28:13 · 317 阅读 · 0 评论