摘要: getter相当于Vuex中的计算属性 对 state 做处理再返回 mapGetters 把 Store 中的 getters 映射到组件中的计算属性中 Store文件 import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) expo 阅读全文
posted @ 2020-07-23 23:49 荣光无限 阅读(2714) 评论(0) 推荐(0) 编辑
摘要: mapState把Store中的state映射到组件中的计算属性 Store文件 import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) export default new Vuex.Store({ state: { msg: 'He 阅读全文
posted @ 2020-07-23 23:35 荣光无限 阅读(959) 评论(0) 推荐(0) 编辑
摘要: 函数式组件 无状态 无法实例化 内部没有任何生命周期处理函数 轻量,渲染性能高,适合只依赖于外部数据传递而变化的组件(展示组件,无逻辑和状态修改) 在template标签里标明functional 只接受props值 不需要script标签 父组件 <template> <div> <List :i 阅读全文
posted @ 2020-07-23 22:49 荣光无限 阅读(14784) 评论(0) 推荐(0) 编辑
摘要: 步骤 安装依赖包 npm install --save lrz 在main.js里引入 import lrz from 'lrz' 封装 compress函数 封装上传组件 upload-image 在 vue 文件中 使用 封装 compress函数 // eslint-disable /** @ 阅读全文
posted @ 2020-07-23 10:49 荣光无限 阅读(1677) 评论(0) 推荐(0) 编辑
摘要: 一定要看下函数前的注释, 需要在使用的页面定义【needCheckFlag】data属性 一定要看下函数前的注释, 需要在使用的页面定义【needCheckFlag】data属性 一定要看下函数前的注释, 需要在使用的页面定义【needCheckFlag】data属性 /** * what for: 阅读全文
posted @ 2020-07-23 10:27 荣光无限 阅读(940) 评论(0) 推荐(0) 编辑
摘要: 在vue中监控一个对象的属性变化,并且触发监听事件 watch: { 'user': [ { handler: (nweVal, oldVal) => { console.info('in 1 hanlder') }, immediate: true, deep: true }, { handler 阅读全文
posted @ 2020-07-23 10:25 荣光无限 阅读(1773) 评论(0) 推荐(0) 编辑
摘要: SizedOverflowBox: 子组件在超出SizedOverflowBox指定的宽高时,不会隐藏,依然进行绘制 OverflowBox: 限制子组件的宽高。 import 'package:flutter/material.dart'; class AuthList extends State 阅读全文
posted @ 2020-07-23 10:23 荣光无限 阅读(871) 评论(0) 推荐(0) 编辑
摘要: DecoratedBox: 装饰容器,在其子widget绘制前(或后)绘制一个装饰Decoration(如背景、边框、渐变等) import 'package:flutter/material.dart'; class AuthList extends StatelessWidget { @over 阅读全文
posted @ 2020-07-23 10:22 荣光无限 阅读(485) 评论(0) 推荐(0) 编辑
摘要: FractionallySizedBox 用法与SizedBox类似,只不过FractionallySizedBox的宽高是百分比大小,widthFactor,heightFactor参数就是相对于父控件的比例。注意设置FractionallySizedBox宽高后,其子组件设置的宽高将不起作用 i 阅读全文
posted @ 2020-07-23 10:20 荣光无限 阅读(745) 评论(0) 推荐(0) 编辑
摘要: SizedBox: 两种用法:一是可用来设置两个widget之间的间距,二是可以用来限制子组件的大小。 import 'package:flutter/material.dart'; class AuthList extends StatelessWidget { @override Widget 阅读全文
posted @ 2020-07-23 10:19 荣光无限 阅读(5474) 评论(0) 推荐(0) 编辑
摘要: Container 类似于HTML中的div标签 import 'package:flutter/material.dart'; class AuthList extends StatelessWidget { @override Widget build(BuildContext context) 阅读全文
posted @ 2020-07-23 10:17 荣光无限 阅读(154) 评论(0) 推荐(0) 编辑
摘要: AnimatedPadding : 会产生动画效果的padding,在给定时间内缩放到指定padding import 'package:flutter/material.dart'; class AuthList extends StatefulWidget { @override _AuthLi 阅读全文
posted @ 2020-07-23 10:15 荣光无限 阅读(608) 评论(0) 推荐(0) 编辑
摘要: Padding: 内边距Widget,与CSS中的padding相似。 import 'package:flutter/material.dart'; class AuthList extends StatelessWidget { @override Widget build(BuildConte 阅读全文
posted @ 2020-07-23 10:13 荣光无限 阅读(190) 评论(0) 推荐(0) 编辑
摘要: Center容器用来居中widget import 'package:flutter/material.dart'; class AuthList extends StatelessWidget { @override Widget build(BuildContext context) { ret 阅读全文
posted @ 2020-07-23 10:12 荣光无限 阅读(181) 评论(0) 推荐(0) 编辑
摘要: 1.布局和容器 【布局】是把【容器】按照不同的方式排列起来. Scaffold包含的主要部门:appBar,body,bottomNavigator 其中body可以是一个布局组件,也可以是一个容器组件 2.Layout 布局 🚁🚁布局类Layout: children属性是大部分布局类都有的属 阅读全文
posted @ 2020-07-23 10:10 荣光无限 阅读(569) 评论(0) 推荐(0) 编辑
摘要: Step-1 Java 路径 找到java路径, 可使用【flutter doctor -v】 Step-2: 进入目录 找到路径后 C:\Program Files\Java\jre1.8.0_231\bin> 进入bin目录. Step-3: 执行命令 执行命令: keytool -genkey 阅读全文
posted @ 2020-07-23 10:09 荣光无限 阅读(998) 评论(0) 推荐(0) 编辑
摘要: 将下列配置放到路径:your_project\android\app\src下的 main 文件夹下的 AndroidManifest.xml 和 profile 文件夹下的 AndroidManifest.xml <uses-permission android:name="android.per 阅读全文
posted @ 2020-07-23 10:07 荣光无限 阅读(263) 评论(0) 推荐(0) 编辑
摘要: XSS: Cross Site Scripting XSS 概念 恶意攻击者往Web页面里插入恶意script代码, 当用户浏览该页之时,嵌入Web里面的script代码会被执行,从达到恶意攻击的目的.XSS攻击针对的是用户层面的攻击 xss漏洞通常是通过页面的输入函数将javascript代码输出 阅读全文
posted @ 2020-07-23 10:05 荣光无限 阅读(1399) 评论(0) 推荐(0) 编辑
摘要: CSRF: Cross-Site Request Forgery CSRF 概念 `定义`: 是一种对网站的而已利用,也被称之为one-click-attack 或者 session riding, 简写为 CSRF或XSFR,是一种挟制用户在当前已登录的web应用程序上执行非本意的操作的攻击方法. 阅读全文
posted @ 2020-07-23 10:02 荣光无限 阅读(827) 评论(0) 推荐(0) 编辑
摘要: ####引入原因: 当一段逻辑在不同的地方使用时 step-1: 定义mixin文件,methods里有一个handleToLink方法 /** * this mixin file will be used in below places: * 1: src\views\home\aaa.vue * 阅读全文
posted @ 2020-07-23 09:55 荣光无限 阅读(384) 评论(0) 推荐(0) 编辑