vuex

前端面试中可能会问到的问题(一)

由 梦想与她 提交于 2020-08-09 20:16:27
一面可能会问到的问题？ 使用键去获得JavaScript对象中的值时，时间复杂度是多少？为什么？ ES6中用过的语法或者知识点 proxy相比Object.defineProperty的优势（前面我提到了proxy） 闭包的概念以及用途 http响应状态码 永久重定向和临时重定向的区别？如何实现 说出知道的http请求方法，还有就是put和post的区别，put和patch的区别。 幂等的请求靠什么来实现的？是该方法自身实现还是需要后端实现？ 浏览器缓存策略 跨域的解决办法 cookie的特性 前端可能会存在哪些安全风险？如何防范 为什么要有微任务 然后做了两道题： 实现一个sum函数，sum(1,2)(3).valueOf()这样调用后的结果为6 对字符串去重，要求时间复杂度为O(n)。 transition和animation 垂直居中的方法 点击tab对应到tab详情。<a href='#id'>来实现 var声明变量和var声明function的优先级 promise的实现 箭头函数 this的指向 闭包 getElementsByTagName和querySelectAll的区别 类数组对象转数组的方法 数组的去重 set方法 对象的遍历方法 304的过程是怎么样的，etag和if-none-match又是怎么比较的？ content-type类型 https加密的过程

how to get nested getters in vuex nuxt

由 女生的网名这么多〃 提交于 2020-08-09 12:03:47
问题 i have store/index.js like this new Vuex.Store({ modules: { nav: { namespaced: true, modules: { message: { namespaced: true, state: { count: 0, conversations: [], }, getters: { getCount: state => { return state.count; }, }, mutations: { updateCount(state) { state.count++; }, }, actions: {}, }, requests: { namespaced: true, state: { friends: [], }, getters: { getFriends: state => { return state.friends; }, }, mutations: { pushFriends(state, data) { state.friends.push(data); }, }, actions: {

how to get nested getters in vuex nuxt

由 ↘锁芯ラ 提交于 2020-08-09 12:03:26
问题 i have store/index.js like this new Vuex.Store({ modules: { nav: { namespaced: true, modules: { message: { namespaced: true, state: { count: 0, conversations: [], }, getters: { getCount: state => { return state.count; }, }, mutations: { updateCount(state) { state.count++; }, }, actions: {}, }, requests: { namespaced: true, state: { friends: [], }, getters: { getFriends: state => { return state.friends; }, }, mutations: { pushFriends(state, data) { state.friends.push(data); }, }, actions: {

SpringBoot实现Vue-admin-template登录

由 北城以北 提交于 2020-08-09 11:30:04
SpringBoot实现vue-admin-template登录接口 vue-admin-template vue-admin-template是一个简化版的vue-element-admin的模板， 适合vue用来做项目的搭建，虽然官方文档以及花裤衩前端大佬 在博客中已经将大部分的疑难杂症解决了，但当完全自己搭建的 时候才发现多折腾 vue-admin-template登录接口请求详解 要想搞懂一个接口，最好的方式就是 1.去看接口的定义声明的参数 2.发送请求查看返回的数据格式 1.在Github拉项目下来运行，Chrome开发者模式调试登录接口 2.查看login请求传参和返回的参数 从上往下看的分别是请求头，响应的数据格式，请求的参数 提取重点信息：POST请求，URL地址 3.查看info请求传参和返回的参数 从上往下看分别是请求头和响应的数据格式 提取重点信息：GET请求，URL地址，URL地址中传递参数 vue-admin-template登录接口代码详解 找到login.vue文件，在点击登录按钮后会触发处理登录的函数 如果通过element ui的表单校验则会进入红色方框的代码块 this.$store.dispatch('user/login', this.loginForm) 这里的代码是Vuex的状态管理模式方法调用，转发到user的login方法下

Undefined when calling state in getter (Vuex)

由 不问归期 提交于 2020-08-09 08:17:38
问题 I am trying to get the status of a login session that I have stored in my Vuex store, but I get: Uncaught TypeError: Cannot read property 'user' of undefined My store: let store = { state: { user: null }, mutations: { setAuthUser(state, user) { state.user = user; } }, getters: { isLoggedIn(state) { return state.user !== null; } } }; export default store; The error happens when I call the getter: let isLoggedIn = store.getters.isLoggedIn() My app.js /** * First we will load all of this project

Uncaught TypeError: Cannot read property '$store' of null

由 元气小坏坏 提交于 2020-08-09 07:18:09
问题 I'm just a newbie to programming and have just tried Vue for few days. Here I would like to store user's geolocation data to Vuex state by the following code. mounted () { navigator.geolocation.getCurrentPosition(foundLocation, noLocation) function foundLocation (position) { var userLoc = { Lon: position.coords.longitude, Lat: position.coords.latitude } console.log(userLoc) this.$store.dispatch('userLocSave', {lat: userLoc.Lat, lon: userLoc.Lon}) } function noLocation () { console.log('No

vuex的简单理解！

由 馋奶兔 提交于 2020-08-08 20:55:45
1、vuex是vue项目中的状态管理器，这是官方的描述。我目前的理解是vuex是一个存储数据可以随时取出的一个插件。类似于html5的 localstorage和sessionstorage 这样的本地存储。 2、具体使用方式可以参考下面的链接，该作者写的很详细。 https://www.cnblogs.com/ichenchao/articles/10876717.html 来源： oschina 链接： https://my.oschina.net/u/3803573/blog/4471237

vue+elementUI项目实战1

由 点点圈 提交于 2020-08-08 14:32:23
可视化新建项目 打开可视化面板 vue ui 创建项目 可以保存为预设,下次使用此预设时就不需要再次配置了 创建完成后我们可以看到他的文件结构 vue3初体验 入口文件在public中,不在根目录 配置全局变量 根目录新建vue.config.js // Vue.config.js 配置选项 module.exports = { // 选项 // 基本路径 vue.cli 3.3以前请使用baseUrl publicPath: "/", // 构建时的输出目录 outputDir: "dist", // 放置静态资源的目录 assetsDir: "", // 是否为生产环境构建生成 source map？ productionSourceMap: true, // 调整内部的 webpack 配置 configureWebpack: () => {}, //(Object | Function) chainWebpack: () => {}, // CSS 相关选项 css: { // 将组件内的 CSS 提取到一个单独的 CSS 文件 (只用在生产环境中) // 也可以是一个传递给 `extract-text-webpack-plugin` 的选项对象 extract: true, // 是否开启 CSS source map？ sourceMap: false, //

前后端分离如何做权限控制设计？

由 风格不统一 提交于 2020-08-07 16:21:34
作者：薛҉定҉谔҉的҉猫҉ www.yuque.com/zhanghaofei/blog/xrpz9p 近几年随着react、angular、vue等前端框架兴起，前后端分离的架构迅速流行。但同时权限控制也带来了问题。 网上很多前、后端分离权限仅仅都仅仅在描述前端权限控制、且是较简单、固定的角色场景，满足不了我们用户、角色都是动态的场景。 且仅仅前端进行权限控制并不是真正意义的权限控制，它只是减少页面结构暴露、增强用户体验的功效。 场景 系统为后台管理系统，包含了用户创建、用户登录、用户管理自己的资源。用户经常会新增、删除，也可以根据工作情况随时调整页面、功能权限，所以采用用户-角色-页面权限方案实现。 为什么不行： 根据前端路由表显示左侧菜单，但vue-router的路由表主要为了组织代码，经常我们所需要的菜单并非一致。比如某个前端路由a子路由有b、c，但菜单中我们想要直接一级菜单就显示b、c或者将b、c各放到其他菜单下。所以这种非常不灵活。 一个路由是菜单还是页面？是否需要显示到菜单中？是否验证权限？哪个角色或者用户拥有权限？这些都需要写到前端路由里面，一旦有任何权限变动就要大量调整代码。 如果权限写死在前端，那么角色或者用户必须已知且固定不变。比如页面1的meta增加属性标识可访问的角色为a和b 页面 一个页面即一个前端页面，比如首页、用户管理页、资源管理页等。 基本思路为

使用vue+zrender绘制体温单 三测单(1)

由 旧城冷巷雨未停 提交于 2020-08-07 08:24:54
先上预览地址 http://106.12.212.110:8077/#/ 1.创建项目 　使用vue init webpack temperaure 创建一个vue项目 然后安装axios zrender 　命令分别是 npm install axios -S npm install zrender安装这2个组件 2.创建公共文件 　 在以后的使用中会出现本地调试和先上地址这是我们就创建以下目录 　src/components这个目录放置我们的页面文件 src/js 这里放置我们以后绘制折线图 阴影图等公共方法 　src/mock 这里放置我们的模拟数据 　src/store 这里放置请求的是本地还是线上的方法 　router就是路由 首先我们在src/store 文件下创建http.js文件 在里面添加以下代码 import Vue from 'vue' import Vuex from 'vuex' import axios from 'axios' Vue.use(Vuex) //configUrl这里写线上地址 httpType 这里是请求本地还是线上 线上换成http 本地换成 mock data未传递的数据可根据自己需要自行修改 const store = new Vuex.Store({ state:{ configUrl: '' , httpType: "mock"
订阅 vuex