05 2021 档案
摘要:对于代码段 let name = "无名狗" if(dog && dog.info && dog.info.name){ name = dog.info.name } 我们可以使用可选链操作符(?.)进行优化,它允许读取对象深处的属性值,而不必明确验证链中的每个引用是否有效; 在引用为空的情况下不会
阅读全文
摘要:5月14日,我们组召开了组内的前端分享会。前端开发人员都对自己学到的和在工作中用到的技术进行了分享。我分享的内容是Vuex。 图1 Vuex架构图 Vuex是Vue的一个状态管理的插件,它管理应用程序所有组件的状态,可以监听页面组件内状态值的变化,然后在其他组件能监听到该状态值的变化,从而使其他组件
阅读全文
摘要:一、环境搭建(只说明关键步骤) 1.创建新项目 2.使用Spring的初始化器 3.点击两次Next,选择如下依赖 4.点击Next和Finish,进入项目,点击reimport,下载依赖 二、编写简单的后端代码 我有一个MySQL数据库,里面有一个user表,以查询此表为例。 1.在项目中依次创建
阅读全文
摘要:1.安装插件:compression-webpack-plugin npm i -D compression-webpack-plugin 我用的插件在package.json中的版本如下: "devDependencies": { "compression-webpack-plugin": "^3
阅读全文
摘要:更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。 在vue中,我们要修改data中的值,一般会这么做。 this.count = 2 如果我们要修改vuex的store中的状态值,我们就不能简单的通过赋值的方式来做了,如果你这样做,控制台便会报错。 this.$store
阅读全文
摘要:Vuex之Module的分模块本身就毫无意义,如果分模块后可以部分加载什么的可能还有点性能上的优化,然而并没有,Vuex的设计初衷是公共状态管理。 vuex被设计出来并不是为了代替Vue的,它只是一个工具而已,因此在实际使用过程中一般没必要去分成许多模块。 一般公共状态就是公共状态,他不能被归类到某
阅读全文
摘要:Action 类似于 mutation,不同在于: 1. Action 提交的是 mutation,而不是直接变更状态。 2. Action 可以包含任意异步操作。 用Action处理异步操作示例: // 正常的mutation const increment = (state) => { stat
阅读全文
摘要:我写的Flutter项目在安卓模拟器上运行正常,但是在ios模拟器上显示白屏。 日志报错如下: 原因是ios工程中没有添加对应的依赖包。 解决方法: 用Xcode打开项目的ios文件夹,如下图所示把访达中ios/Flutter文件夹下的App.framework和Flutter.framework拉
阅读全文
摘要:执行flutter run,出现以下报错 解决方式: 重新生成android/settings.gradle 即执行 rm android/settings.gradle flutter create . 即可。
阅读全文
摘要:我在项目中发现如下代码: computed: { ...mapGetters([ 'permission_routes', 'sidebar' ]), activeMenu() { const route = this.$route const { meta, path } = route if (
阅读全文
摘要:如果我们需要在不同路由中使用同一个会改变的参数,也就是需要一个全局参数,我们可以通过Vuex的store来实现。 实现方法: 1.在package.json中加入vuex,因为store是Vuex的一个功能。然后执行npm install。 "dependencies": { "element-ui
阅读全文
摘要:使用vue-cli构建项目结构,里面默认会用到vue-router,从而实现页面路由跳转。 main.js内容如下: import Vue from 'vue' import App from './App' import router from './router' Vue.config.prod
阅读全文
摘要:我们希望在APP中的配置操作,在关闭APP重启后还能生效,我们可以使用本地存储,即SharedPreferences。 其get和save函数示例如下: import 'package:flutter/material.dart'; import 'package:shared_preference
阅读全文
摘要:要想给APP加上闪屏页,解决方式为: 1.加上闪屏图片 2.在pubspec.yaml中配置图片 3.创建闪屏页splash_page.dart import 'package:flutter/material.dart'; class SplashPage extends StatefulWidg
阅读全文