前言说到前端常见的构建工具，有Webpack/Grunt/Gulp这里简述一下它们都是干什么的：Grunt 和 Gulp 是非常相似的东西，能实现的功能是一样的，当然你可能 Gulp 听的 Grunt 多，通俗的讲，可以把 Gulp 看作 Grunt 的加强版。相对于 Grunt，Gulp增加了监听文件、读写文件、流式处理的功能。Webpack 是一个打包模块化 JavaScript 的工具，在 Webpack 里一切文件皆模块(JavaScript、CSS、SCSS、图片、模板)，通过 ...

Read More

前言对于一些网页，如原创文章，我们不希望用户对我们的网页文章内容拷贝粘贴，所以前端可以做一些操作去禁止，但这种操作也只是防君子不防小人，上有政策下有对策，还是有方法破解的。 先说破解禁止 F12 方法遇到有些网页禁止 F12 审查，我们可以用空白网页先开调试模式，再在地址栏输入网址进入网页 简单禁止 F12 审查此方法就是 js 监听 F12 键盘事件去做操作(不安全，存在绕过漏洞) 1234567891011121314document.onkeydown = function() &#...

Read More

前言在vue中vuex可以拿来做状态管理，今天记录下在nuxt框架下如何使用vuex实现项目中的登陆状态的管理 Vuex用token进行验证登录,根据约定,把token放在header中根目录下创建一个store文件夹，在store中创建一个index.js 简述VuexVuex是单项数据流，利用Vuex做状态管理，可以对数据更好地追踪与bug发现 state 初始化状态 gatter 对数据的过滤操作 mutations 进行业务逻辑操作，它是同步的 action 如果需要异步...

Read More

首先我们要了解Object.defineProperty()一、Object.defineProperty()的作用就是直接在一个对象上定义一个新属性，或者修改一个已经存在的属性 1.1 属性描述符通过Object.defineProperty()为对象定义属性，有两种形式，且不能混合使用，分别为数据描述符，存取描述符，下面分别描述下两者的区别： 数据描述符 –特有的两个属性（value,writable） 12345let Person = {}Object.defi...

Read More

什么是Promise/Promise/是ES6中的一个内置的对象（实际上是一个构造函数，通过这个构造函数我们可以创建一个/Promise/对象），它的出现是为了更好地解决JavaScript中异步编程的问题，传统的异步编程最大的特点就是地狱般的回调嵌套，一旦嵌套次数过多，就很容易使我们的代码难以理解和维护。而/Promise/则可以让我们通过链式调用的方法去解决回调嵌套的问题，使我们的代码更容易理解和维护，而且/Promise/还增加了许多有用的特性，让我们处理异步编程得心应手。/Prom...

Read More

前言SPA(Single Page Application)，即单页应用，想必现在的前端对其早已耳熟能详，今天就来说道说道，SPA 的前世今生。 多页面应用（MultiPage Application，MPA）为什么先说多页面，因为传统网站都是多页面的，从大学第一次做网页，到工作使用 JQ 库，一个个 html 页面拼凑而成的网站都是多页面的。每一次页面跳转的时候，后台服务器都会给返回一个新的 html 文档，这种类型的网站也就是多页网站，也叫做多页应用。多页面跳转刷新所有资源，每个公共资...

Read More

前言之所以会出现了深拷贝和浅拷贝，究其根本是因为JS种的变量包含了不同类型的数据值：基本类型和引用类型；同时其中变量的存储方式也不用Object属于堆内存的储存方式；并且JS的值的传递方式如值传递和址传递的会出现不同，所以才会出现这一系列的问题，因此才会使用深拷贝和浅拷贝来解决这些问题。 一、理解堆栈，基本数据类型和引用数据类型 1.堆栈 栈（stack）：系统自动分配的内存空间，内存会由系统自动释放，用来存放函数的参数值，局部变量的值等，特点是先进后出。 堆堆（heap）：...

Read More

什么是闭包？作为一个 JavaScript 语言的开发者，提起闭包肯定不会感到陌生，那么到底什么才是闭包哪？ 闭包不是什么新奇的概念，它早在高级语言开始发展的年代就产生了。闭包（Closure）是词法闭包的简称。对闭包的具体定义有很多种说法，这些说法大体可以分为两类： 一种说法认为闭包是符合一定条件的函数。认为闭包是在其词法上下文中引用了自由变量（自由变量是指局部变量以外的变量）的函数。 另一种说法认为闭包是函数和与其相关的引用环境组合而成的实体。认为闭包是在实现深约束时，需要创建一个能...

Read More

前言在这篇文章中，将比较深入地阐述下执行上下文 – JavaScript中最基础也是最重要的一个概念。相信读完这篇文章后，你就会明白javascript引擎内部在执行代码以前到底做了些什么，为什么某些函数以及变量在没有被声明以前就可以被使用，以及它们的最终的值是怎样被定义的。 什么是执行上下文Javascript中代码的运行环境分为以下三种： 全局级别的代码 – 这个是默认的代码运行环境，一旦代码被载入，引擎最先进入的就是这个环境。 函数级别的代码 – 当执行一个函数时，运行函数体中的代...

Read More

单页面应用与前端路由在传统的 Web 开发中，浏览器根据地址栏的 URL 向服务器发送一个 HTTP 请求，服务器根据 URL 返回一个 HTML 页面。这种情况下，一个 URL 对应一个 HTML 页面，一个 Web 应用包含很多 HTML 页面，这样的应用就是多页面应用；在多页面应用中，页面路由的控制由服务器负责，这种路由方式称为后端路由。 在多页面应用中，每次页面切换都需要向服务器发送一次请求，页面使用的静态资源也需要重新加载，存在一定的浪费。而且，页面的整体刷新对用户体验也有影响，...

Read More