xwnxwn的专栏

当我们使用 Vuex 实现全局状态维护时，可能需要将状态值划分多个模块，比如一些 root 级的用户登录状态，token，用户级的用户信息，购物车级的购物车信息。mutations, actions, getter 没有命名空间的限定，所以要保证全局的唯一性，否则后者会覆盖前者。下面我们实例演示下如何在多模块下使用 mapState/mapMutations。modules 只作用于属性，属性会归属在相应的模块名的命名空间下。

项目中使用了sass实现了白天夜间两套皮肤切换，实现换肤功能。侧边栏菜单数据取自路由表，路由表的数据除login和404页面，全部由后台接口提供，因此用户权限由后台控制。参考文章：https://panjiachen.github.io/vue-element-admin-site/zh/guide/#%E5%8A%9F%E8%83%BD。以上可以在vue单页项目中指定的中打开通过iframe嵌套的外部链接或者html页面，本项目中只需要准备一个空白vue组件就行（如上述代码）

根据实际开发过程中的不同需求，把实战中比较常见的处理方式汇总出来，需求是做不完的，也不可能全部覆盖到，这里只分享一些比较常见的操作，方便有需要的开发者查阅使用，具体的实例如下所示。通过网页使用iframe嵌入新的网页的时候，有时需要动态处理src的值，而不是固定的值，这就需要给iframe 的src赋值，通常是使用js来实现。上面内容就是关于在前端开发中iframe的使用，较为详细的介绍了关于iframe的使用步骤，方便开发者查阅使用，其他内容就不再赘述。2.iframe使用：两种不同的嵌入新页面的方式。

默认情况下，在单机模式nacos时，其使用嵌入式数据库实现数据库的存储，不方便开发与维护、在部署docker时，应使用。asp.net core中所有的配置项，如appsetting.json进行集中管理,支持热加载，支持服务发现。模式并开放8848端口，并映射配置文件和日志目录，数据库在application.properties中配置。2、创建本地的映射文件，application.properties，这行删除，即可在nacos的网站上看到信息。的一行数据，点击行内的编辑即可看到具体信息。

4、好了，我们把网站启动，然后我们访问http://localhost:5000/.well-known/openid-configuration(http://localhost:5000是我的程序启动地址，可以在Program.cs文件中自己配置。.well-known/openid-configuration是程序的默认配置地址)然后返回如下内容，表明我们服务端已经没有什么问题了。8.我们先在Postman中用一个错误的token去访问，结果提示未授权。

IdentityServer4 是Asp.net core的一个中间件，用于添加符合OpenId Connect和OAuth2.0规范的终端到Asp.net Core应用。在这里简单介绍一下Openid和OAuth2.0。OpenId：用户身份认证（Authentication ）。当用户（End User）在微信、Google等OpenId提供者（OpenID Provider）平台注册账户时会产生一个身份标识，这个身份标识就是OpenId，当用户登录第三方应用（Relying Part）时如果Relyi

https://www.cnblogs.com/wei325/p/16316004.html

在搭建vue项目时，在vue文件里面输入debugger后，在浏览器点击操作发现可以进入断点，但显示的是已经压缩好的代码，无法看到源码。1 打开vue.config.js文件，添加 devtool: "cheap-module-source-map", 然后重启项目。在网上查了好多文件都说添加 devtool: "source-map"即可解决，实际情况是添加了没有效果。2. 在页面上点击即可进入断点位置，浏览器上显示的也是源码。

如果我们想要插入元素到指定的位置需要借助slot,不然的话将插入失败，当一个组件中具有多个插槽的时候，如果没有借助slot属性会默认把元素插入到没有设置name属性值的slot组件中，当然，会把元素在每一个没有name属性的插槽中都插入一遍。如果相比较slot,v-slot在没有设置name属性的插槽出口也会带有隐含的名字“default”，当然这里先埋下伏笔，如果想用v-slot指令不插入具名的插槽，v-slot不带参数就可以。v-slot需要放置在template中

资源拥有者扫描二维码表示资源拥有者同意给客户端授权，微信会对资源拥有者的身份进行验证， 验证通过后，微信会询问用户是否给授权黑马程序员访问自己的微信数据，用户点击“确认登录”表示同意授权，微信认证服务器会颁发一个授权码，并重定向到黑马程序员的网站。完全是A服务与B服务内部的交互，与用户无关了。第一步：【A服务客户端】将用户自动导航到【B服务认证服务】，这一步用户需要提供一个回调地址，以备【B服务认证服务】返回token使用，还会携带一个【A服务客户端】的状态标识state。

在"网站"执行鼠标右键，选择添加网站。网站名称：按照用途或者项目起名即可应用程序池：部署前端项目，这个可以忽略，任意选择即可内容目录：网站存放的路径，最好以英文命名端口：web一般是80端口，不过我的80已经被其他项目占用，所以我设置为8082

Nginx是一款自由的、开源的、高性能的HTTP服务器和反向代理服务器。同时也是一个IMAP、POP3、SMTP代理服务器。Nginx可以作为一个HTTP服务器进行网站的发布处理，另外Nginx可以作为反向代理进行负载均衡的实现。本文主要总结了在使用 Nginx 部署前端项目时应该如何配置，同时还可以通过 Nginx 来配置后台服务。

实现合并行的方法其实在每一行数据渲染的时候都会执行，只不过在渲染过程中我们设置了它合并的行数和列数，以得到不同的效果。所以我们需要生成一个与行数相同的数组记录每一行设置的合并数。

https://blog.youkuaiyun.com/qq_37767455/article/details/102485242

当我们的项目中有peerDependencies时，执行npm install会发现peerDependencies的依赖项并不会下载，如果一个个下载太过麻烦，因此推荐一个npm库npm-install-peers，可以直接下载。npm install --save-dev npm-install-peersnpm script{ scripts: { "install-peers": "npm-install-peers" }}执行对应脚本即

引用地址：vue-cli3项目搭建配置以及性能优化 - 简书在之前的开发中主要用的是vue-cli2，最近空闲时间比较多，接下来有新项目，本着偷懒的本能，自己打算搭建一个基础包以备后期开发应用，并对其进行性能优化和配置。该项目的GitHub：https://github.com/bayi-lzp/vue-cli3-init 求星master分支为基础包，vi_mint_ui分支为优化后项目，可根据自己需要进行切换。搭建整个过程如下：初始化项目 修改目录结构 多环境运行 axios封

axios提交时间不正确原因：国际时区（UTC）和中国时区（GMT）的原因，东八区+8等于国际时区。解决方法，重新Es5的Date.prototype.toJSON方法，代码如下： axios.create({ timeout: 60000, // withCredentials: true, headers: { 'Content-Type': 'application/json', }, transformRequest: [function (data) {.

一、前言通常情况下，前端配置主要放在router.js文件中，如果新加一个菜单的话，就直接在文件中新增一个路由。当然按照后端可维护性得到做法，可以把菜单作为配置，配置起来，不用每次都修改文件内容。二、通常在文件中配置的做法import Vue from 'vue'import VueRouter from 'vue-router'import Login from '../views/Login.vue'import HomeDemo from '../views/HomeDemo.vue

原文链接：https://blog.youkuaiyun.com/qq_41260655/article/details/1193847701、Vue-router是什么？Vue.js 的官方路由（就这么简单一句话）2、Vue Router4 新特性简单对比总结了一下Vue3支持最新版本由于Vue 3 引入了createApp API，该API更改了将插件添加到Vue实例的方式。 因此，以前版本的Vue Router将与Vue3不兼容。Vue Router 4 引入了createRouter API，该

原文链接：https://blog.youkuaiyun.com/James_xyf/article/details/118636622前言​ 最近自己一直在学习vue3，学习到了很多的新知识，非常的感谢coderwhy老师的指导。由于自己一直有做笔记这个习惯，学习到了vuex中的辅助函数，分别在vue2和vue3中的分别使用，以前感觉自己有必要记录下来，来对自己加深印象，巩固基础。正题1 、为什么要使用辅助函数const store = new Vuex.Store({ state: { ...

概述历史上，JavaScript 一直没有模块（module）体系，无法将一个大程序拆分成互相依赖的小文件，再用简单的方法拼装起来。其他语言都有这项功能，比如 Ruby 的require、Python 的import，甚至就连 CSS 都有@import，但是 JavaScript 任何这方面的支持都没有，这对开发大型的、复杂的项目形成了巨大障碍。在 ES6 之前，社区制定了一些模块加载方案，最主要的有 CommonJS 和 AMD 两种。前者用于服务器，后者用于浏览器。ES6 在语言标准的层面上，

引用地址：Vue.js CLI4 Vue.config.js标准配置 （最全注释）_Vam的金豆之路的博客-优快云博客_vue.config.js vue/cli前言：Vue.js CLI工具 不知不觉发展到了4.0时代，CLI给人最直白的感受是没有了build文件夹跟config文件夹，所有的配置都在Vue.config.js完成。那么该文件的配置至关重要。现在我们来看一下最新配置是怎么配置的。// vue.config.jsconst path = require('path');const Com.

const path = require('path')// 拼接路径function resolve(dir) { return path.join(__dirname, dir)}const CompressionPlugin = require('compression-webpack-plugin')const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPluginmodule...