qq_37309764的博客

前言npm 作为一种包管理工具，无论你是泛前端还是大前端都已经离不开它。它的出现方便了万千少年。让我们跨过了 Ctrl+C、Ctrl+V ，通过npm install x的方式将别人的优秀代码模块引入到自己的项目中。这些优秀的模块能被共享的原因，一方面是有 npm 这么一个包管理工具，另外就是 npm 仓库。对于 npm 仓库，如果你还停留在使用 npm 或者 cnpm 这类官方源的情况下。那么你有必要想想如何搭建一个私有的 npm 仓库。下面从三个方面讲解企业级 npm 私有仓库搭建那些事儿，..

前言Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有： 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于 Vue.js 过渡系统的视图过渡效果 细粒度的导航控制 带有自动激活的 CSS class 的链接 HTML5 历史模式或 hash 模式，在 IE9 中自动降级 自定义的滚动条行为 本文是作者是

本期的问题：在 Vue.js 模板的编译过程中，我们已经知道静态提升的好处：针对静态节点不用每次在render阶段都执行一次createVNode创建vnode对象。但它有没有成本呢？为什么？在回答问题前，我们简单回顾一下什么是静态提升，假设我们有如下模板：<p>hello{{msg}}</p><p>static</p>在开启hoistStatic编译配置的情况下最终编译结果如下：import{toDispla...

前言我们在使用 Vue 或其他框架的日常开发中，或多或少的都会遇到一些性能问题，尽管 Vue 内部已经帮助我们做了许多优化，但是还是有些问题是需要我们主动去避免的。我在我的日常开中，以及网上各种大佬的文章中总结了一些容易产生性能问题的场景以及针对这些问题优化的技巧，这篇文章就来探讨下，希望对你有所帮助。一、使用v-slot:slotName，而不是slot="slotName"v-slot是 2.6 新增的语法，具体可查看:Vue2.6，2.6 发布已经是快两年前的事情了，但是现在仍然有不少人仍

1. 使用隐身模式隐身模式或私有模式会使用单独的用户配置文件，在浏览器重新启动之后不会保留Cookie，localStorage或缓存文件之类的数据。每个会话都会以干净的状态开始，所以非常适合测试登录功能、首次渲染性能和PWA程序2. 自动启动DevTools在开发的时候，一般都要需要启动浏览器，打开DevTools，并打开我们开发的URL。我们可以在浏览器启动命令中添加一些配置，整个过程可以在一次点击中实现自动化。最好创建一个新的快捷方式或脚本启动在开发模式，然后为Chrome...

vue-router ≥3.0版本回调形式以及改成promise api的形式了，返回的是一个promise，如果路由地址跳转相同, 且没有捕获到错误，控制台始终会出现如图所示的警告 （注：3.0以下版本则不会出现以下警告！！！，因路由回调问题…）方案一：安装vue-router3.0以下版本：先卸载3.0以上版本然后再安装旧版本npm install @vue-router2.8...

1）通过建立虚拟dom树document.createDocumentFragment(),方法创建虚拟dom树2）一旦被监测的数据改变，会通过Object.defineProperty定义的数据拦截，截取到数据的变化3）截取到的数据变化，从而通过订阅——发布者模式，触发Watcher（观察者）,从而改变虚拟dom的中的具体数据4）最后通过更新虚拟dom的元素值，从而改变最后渲染dom...

ssr之nuxt项目打包部署相关说明 一、环境安装1、安装nodewget https://nodejs.org/dist/v8.9.1/node-v8.9.1-linux-x64.tar.gz2、解压nodetar -zxvf node-v8.9.1-linux-x64.tar.gz -C /usr/local3、更换名字mv /usr/local/node-v8....

plugins属性配置的所有插件会在 Nuxt.js 应用初始化之前被加载导入。开发相关具体事宜这里不详细说了，只说明一点ssr之nuxt的配置和路由问题 通过nuxt.config.js来覆盖默认的配置，一般要用到的主要是引入第三方插件或自定义的一些插件的问题plugins：例如(nuxt.config.js)：module.exports = { plugins: ['~p...

说到门户项目一般都会考虑到服务端渲染，即SSR，以及前台和后台管理之类的事情，下面就是我们门户项目的开发过程：门户前台项目：项目架构搭建：这里我们使用vue的nuxt来创建项目确保安装了npx（npx在NPM版本5.2.0默认安装了）：$ npx create-nuxt-app <项目名>它会让你进行一些选择:当运行完时，它将安装所有依赖项，因此下一步是启动项目...

在package.json中把scripts下的server属性配置后面加上--open就可以了"scripts": { "serve": "vue-cli-service serve --open", "build": "vue-cli-service build", "lint": "vue-cli-service lint", "prod": "vue-...