设计模式是程序员通识知识，熟练掌握并使用各种设计模式，可以体现一个程序员的工程开发水平。我花了几天时间，重温并整理了30多种设计模式，以JavaScript为示例语言。下面我会列出一些常用的设计模式说明及示例，更全面的内容见：https://github.com/yzsunle…

var 声明一个变量，可赋一个初始值。 let 声明一个块作用域的局部变量，可赋一个初始值。 const 声明一个块作用域的只读命名的常量。 变量的名字又叫做“标识符”，必须以字母、下划线（_）或者美元符号（$）开头，并且区分大小写。 一个完整的javascript实现由3个部…

无论您是编程新手还是经验丰富的开发人员。在互联网这个行业中，必须不断学习新的概念和语言/框架以跟上快速变化的步伐。以React为例 - 4年前由Facebook开源，它现在已经成为全球JavaScript开发人员的首选。Vue和Angular当然也有其相应的追捧者。然后是Sve…

大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 有没有想过浏览器如何读取和运行JS代码？ 这看起来很神奇，我们可以通过浏览器提供的控制台来了解背后的一些原理。 在Chrome中打开浏览器控制台，然后查看Sources这栏，在右侧可以到一个 Call Stac…

前后端数据交互经常会碰到请求跨域，什么是跨域，以及有哪几种跨域方式，这是本文要探讨的内容。 本文完整的源代码请猛戳github博客，纸上得来终觉浅，建议大家动手敲敲代码。 同源策略是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSR…

返回新对象。 简单版深拷贝，列举三个例子 array object function，可以自行扩展。主要是引发大家的思考 鄙人公众号【前端技匠】，一起来学习吧。

由于全部笔记有接近4W的字数，因此分开为上、下两部分，第二部分内容计划于明后两天更新。 通过以上一个在ES5中近似类的结构的特性，许多JavaScript类库都基于这个模式进行开发，而且ES6中的类也借鉴了类似的方法。 要声明一个类，需要使用class关键来声明，注意：类声明仅…

设计模式代表了最佳的实践，通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。 设计模式是一套被反复使用的、多数人知晓的、经过分类编目的、代码设计经…

ECMAScript 6（以下简称ES6）是 JS 语言的下一代标准，已经在2015年6月正式发布了。它的目标，是使得 JS 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。接下来咱们来看看 20 道棘手的面试题，通过做题，顺带提升一下咱们的 JS 的技能。 ECMAS…