08 2019 档案
摘要：spa项目整体迁移转为ssr后，改动之后部署一切还好，就是突然有一天访问人数太多，node进程很容易就挂了自动重启。 最后经过压力测试，考虑到是堆内存溢出的问题，就报错误：FATAL ERROR: CALL_AND_RETRY_0 Allocation failed – process out of
阅读全文
摘要：这个报错也是一直困扰了我许久，服务端一直打印这个报错，但是页面数据响应又都正常，起初真不知道是因为什么原因，能看出来他是在调用80端口， 但是不明白为什么会调用80端口。一度以为是config.js里面配置问题，所以解决的思路就一直在考虑配置方面，端口等方面。 最后发现都没有效果，在网上也查了各种类
阅读全文
摘要：nuxtjs里面集成vuex的创建方式改变了，并且官方不建议以导出Vuex实例的方式创建store，并且会在nuxt3里面删除。这样就会存在一个问题，我怎么像普通vue spa项目一样直接 import store from '@/store'呢？ 虽然官方建议为这个js写一个plugins，然后在
阅读全文
摘要：一、安装 进入apache官网https://www.apache.org/dist/jmeter/binaries下载Windows版本JMeter； 二、配置环境变量 下载之后解压，配置环境变量 控制面板 —— 系统——点击高级系统设置——高级——环境变量——系统变量，创建JMETER_HOME
阅读全文
摘要：让前端觉得如获神器的不是NodeJS能做网络编程，而是NodeJS能够操作文件。小至文件查找，大至代码编译，几乎没有一个前端工具不操作文件。换个角度讲，几乎也只需要一些数据处理逻辑，再加上一些文件操作，就能够编写出大多数前端工具。本章将介绍与之相关的NodeJS内置模块。 NodeJS提供了基本的文
阅读全文
摘要：使用NodeJS编写程序前，为了有个良好的开端，首先需要准备好代码的目录结构和部署方式，就如同修房子要先搭脚手架。本章将介绍与之相关的各种知识。 一、模块路径解析规则 我们已经知道，require函数支持斜杠（/）或盘符（C:）开头的绝对路径，也支持./开头的相对路径。但这两种路径在模块之间建立了强
阅读全文
摘要：一、nodeJS解释 JS是脚本语言，脚本语言都需要一个解析器才能运行。对于写在HTML页面里的JS，浏览器充当了解析器的角色。而对于需要独立运行的JS，NodeJS就是一个解析器。 每一种解析器都是一个运行环境，不但允许JS定义各种数据结构，进行各种计算，还允许JS使用运行环境提供的内置对象和方法
阅读全文
摘要：fetch()方法与XMLHttpRequest类似，fetch也可以发起ajax请求，但是与XMLHttpRequest不同的是，fetch方式使用promise，相比较XMLHttpRequest更加简洁。 一、Fetch是什么 1、Fetch 是一个现代的概念，等同于 XMLHttpReque
阅读全文
摘要：我们知道nuxtjs是做服务端渲染的，他有很多声明周期是运行在服务端的，以及正常的vue声明周期mounted之前均是在服务端运行的，那么服务端是没有比如window对象的location、navagitor等，以及H5的FormData()方法，所以当你在created之前使用这些时，会报错，那么
阅读全文
摘要：做过网站优化的朋友都知道，搜索引擎蜘蛛爬行抓取网站时首先会去访问根目录下的robots.txt文件，如果robots文件存在，则会根据robots文件内设置的规则进行爬行抓取，如果文件不存在则会顺着首页进行抓取，那么robots文件的工作原理是什么呢？如何对robots.txt文件进行设置。 rob
阅读全文
摘要：一、搜索引擎工作原理 当我们在输入框中输入关键词，点击搜索或查询时，然后得到结果。深究其背后的故事，搜索引擎做了很多事情。 在搜索引擎网站，比如百度，在其后台有一个非常庞大的数据库，里面存储了海量的关键词，而每个关键词又对应着很多网址，这些网址是百度程序从茫茫的互联网上一点一点下载收集而来的，这些程
阅读全文
摘要：我们知道SPA有很多优点，不过一个缺点就是对(不是Google的)愚蠢的搜索引擎的SEO不友好，为了照顾这些引擎，目前主要有两个方案：服务端渲染(Server Side Rendering)、预渲染(Prerending)。 如果你只需要改善少数页面（例如 首页/, /about, /contact
阅读全文
摘要：服务端渲染应用部署应该先编译构建，然后再启动 Nuxt 服务，可通过以下两个命令来完成： nuxt build nuxt start 我们已经在pakage.json里配置好script命令 { "scripts": { "dev": "nuxt", "build": "nuxt build", "
阅读全文
摘要：vue项目与nuxt.js实在有着太多的不同，例如项目结构变化很大，router.js没了，vuex store写法有变化，router钩子没了等等。老项目毕竟也有一些体量，这么折腾我可接受不了，不过经过一番调查，我发现这些问题不是不可以解决。因此虽然迁移是要迁移的，但是要尽量保持vue-cli 3
阅读全文
摘要：第一种：使用nuxt 提供的 Axios插件 @nuxtjs/axios 1、安装：npm install @nuxtjs/axios -d 安装@nuxtjs/proxy解决跨域问题：npm i @nuxtjs/axios @nuxtjs/proxy -D 2、配置 nuxt.config.js，
阅读全文
摘要：window.atob()，window.btoa()方法可以对字符串精选base64编码和解码，但是有些环境比如nuxt的服务端环境没法使用window，所以需要自己实现一个base64的编码解码功能，下面是原生js实现该功能，可以作为一个常用工具使用。 当然github上还有很多比较好的base
阅读全文
摘要：vue-cli项目中，我们可以用vuex-persistedstate，它可以使vuex的状态持久化，页面刷新都不会丢失，原理当然是localStorage啦！当然也可以使用vue-cookies进行保存token，问题来了，nuxt项目怎么保存登录状态呢？当然上面这两种方法我们都可以使用，但是有个
阅读全文
摘要：1、nuxt引入问题：Can't resolve 'stylus-loader' 原因在于没有安装stylus，安装即可：npm install stylus stylus-loader --save-dev 2、nuxt生命周期： 众所周知，Vue的生命周期全都跑在客户端(浏览器)，而Nuxt的生
阅读全文
摘要：一、Fiddler的简介 Fiddler是位于客户端和服务器端之间的代理，也是目前最常用的抓包工具之一 。它能够记录客户端和服务器之间的所有请求，可以针对特定的请求，分析请求数据、设置断点、调试web应用、修改请求的数据，甚至可以修改服务器返回的数据，功能非常强大，是web调试的利器。看到这么多的应
阅读全文
摘要：一、window.open如何绕过浏览器拦截机制 在浏览器的安全机制里，非用户触发的window.open方法是会被拦截的，例如： var btn = $('#btn'); btn.click(function () { // 算做用户触发，所以不会被拦截 window.open('http://c
阅读全文
摘要：为什么会出现暂时性死区？ 先来看看 ES6 标准中对 let/const 声明中的解释 第13章，有如下一段文字：The variables are created when their containing Lexical Environment is instantiated but may n
阅读全文
摘要：Ajax 技术的出现，让我们的 Web 应用能够在不刷新的状态下显示不同页面的内容，这就是单页应用。在一个单页应用中，往往只有一个 html 文件，然后根据访问的 url 来匹配对应的路由脚本，动态地渲染页面内容。单页应用在优化了用户体验的同时，也给我们带来了许多问题，例如 SEO 不友好、首屏可见
阅读全文
摘要：在 Vue SPA 应用中，如果想要修改HTML的头部标签，或许，你会在代码里，直接这么做 今天给大家介绍一种更优雅的方式，去管理头部标签： vue-meta。借用vue-meta github 上的介绍，基于Vue 2.0 的 vue-meta 插件，主要用于管理HMTL头部标签，同时也支持SSR
阅读全文
