关于 微信公众号:前端呼啦圈(Love-FED) 我的博客:劳卜的博客 知乎专栏:前端呼啦圈 前言 由于工作和生活上的一些变化,最近写文章的频率有点下降了,实在不好意思,不过相信不久就会慢慢恢复过来,感谢大家一直以来的关注和支持. 本文主要给大家分享一下在编写JavaScript代码的时候存在的一些方法和技巧,虽然有时候条条大路都通向罗马,但是也许总会有那么一条最短的路径可走.希望通过以下几点JavaScript技巧让大家的代码“化繁为简,化简为精”. 巧学巧用 1. new Set() 可能有…

嘿,我最近接到一个 Web 项目,不过老实说,我这两年没怎么接触 Web 编程,听说 Web 技术已经发生了一些变化.听说你是这里对新技术最了解的 Web 开发工程师? 准确地说,我是一名「前端工程师」.不过你算是找对人了.我对今年的技术别提多熟了,前端可视化.音乐播放器.能踢足球的无人机,你尽管问吧.我刚去 JS 大会和 React 大会逛了一圈,没有什么新技术是我不知道的. 厉害.是这样的,我要开发一个网页,用来展示用户的最新动态.我想我应该通过后端接口获取数据,然后用一个 table 来展…

关于 微信公众号:前端呼啦圈(Love-FED) 我的博客:劳卜的博客 知乎专栏:前端呼啦圈 前言 由于工作和生活上的一些变化,最近写文章的频率有点下降了,实在不好意思,不过相信不久就会慢慢恢复过来,感谢大家一直以来的关注和支持. 本文主要给大家分享一下在编写JavaScript代码的时候存在的一些方法和技巧,虽然有时候条条大路都通向罗马,但是也许总会有那么一条最短的路径可走.希望通过以下几点JavaScript技巧让大家的代码“化繁为简,化简为精”. 巧学巧用 1. new Set() 可能有…

基本开始js学习的时候,可能会觉得很混乱,一开始都是从一些简单的表单验证还有拷贝别人效果代码,然后再慢慢去深入了解.我是觉得js是需要一定语言编程基础,我是觉得随着深入,JS的里面实在不算太好理解,个人是有点诡异,因为js本身就是一个弱语言,尽量不会报错显示在页面,例如 结束分号不写,if无花括号之类 他一样能执行. 不再过多的论述,随着后续学习,后续会有不同的见解,有错误有望提出 可能对于入门的书籍,我个人会推荐<JavaScript DOM编程艺术> 对于技术的强调不多,书也不厚,却提出了…

本文是金旭亮老师网易云课堂的课程笔记,记录下来,以供备忘. 函数执行上下文 当函数运行时,通过this,函数可以获取它运行所需的外界环境的相关信息(比如某变量的值,另一个对象的引用等). this引用的对象会”变的”! 每次对函数的调用都有一个上下文对象,this关键字引用它.如果函数归属于某个对象,则this关键字将引用此对象,它就是本次函数调用的上下文. var obj = { func: function () { console.info("func():this=" + th…

本文是金旭亮老师网易云课堂的课程笔记,记录下来,以供备忘. 数组是“多态数组" ,啥都可以放 //JavaScript中的多态数组 var arr = ["one", 2, true, function (a, b) { return a + b; }, [1,2,3] ]; 数组是一个对象,拥有自己的属性与方法 //数组是一个对象 console.info(arr); console.info(arr.length); 访问与写入 访问 //数组元素通过下标访问 conso…

本文是金旭亮老师网易云课堂的课程笔记,记录下来,以供备忘. 概述 使用对象字面量,或者向空对象中动态地添加新成员,是最简单易用的对象创建方法. 然而,除了这两种常用的对象创建方式,JavaScript还提供了其他方法创建对象. 1).使用工厂函数创建对象 我们可以编写一个函数,此函数的功能就是创建对象,可将其称为“对象工厂方法”. //工厂函数 function createPerson(name, age, job) { var o = new Object(); o.name = name;…

本文是金旭亮老师网易云课堂的课程笔记,记录下来,以供备忘. 对象的创建 JavaScript对象有两种类型   1).Native:在ECMAScript标准中定义和描述,包括JavaScript内置对象(数组,日期对象等)和用户自定义对象.   2).Host:在主机环境(如浏览器)中实现并提供给开发者使用,比如windows对象和所有的DOM对象       对象的含义 Object is an unordered collection of properties each of which…

本文是金旭亮老师网易云课堂的课程笔记,记录下来,以供备忘 作用域 JavaScript的变量作用域只有两种,全局作用域和函数作用域. 函数的作用域 函数中定义的变量是私有的,仅在本函数范围内有效,称为“函数作用域”. //每个函数,都定义了一个作用域 function add(num1, num2) { var sum = num1 + num2; return sum; } console.info(add(, )); console.info(sum); //出错! 块作用域与同名变量 Ja…

本文是金旭亮老师网易云课堂的课程笔记,记录下来,以供备忘 函数的参数             对于参数值,JavaScript不会进行类型检查,任何类型的值都可以被传递给参数.             对于函数参数,如果过少,没得到值的参数值为undefined,如果过多,多的会被忽略掉. //调用函数时传入的实际参数 function add(num1, num2) { return num1 + num2; } //一切正常的调用方式 console.info(add(1, 2)); //不…