element

##python中break、continue 、exit() 、pass区分 #1、break:跳出循环，不再执行 Python break语句，就像在C语言中，打破了最小封闭for或while循环。 break语句用来终止循环语句，即循环条件没有False条件或者序列还没被完全递归完，也会停止执行循环语句。 break语句用在while和for循环中。 如果您使用嵌套循环，break语句将停止执行最深层的循环，并开始执行下一行代码。 <div style="width:80%; text-align:center"><img src="http://www.runoob.com/wp-content/uploads/2013/11/cpp_break_statement.jpg" width="50%" ></div> ###例1： break跳出while死循环 >```python while True: print("123") break print("456") ``` ___ ###例2： break是终止本次循环，比如你很多个for循环，你在其中一个for循环里写了一个break，满足条件，只会终止这个for里面的循环，程序会跳到上一层for循环继续往下走 >```python for i in range(5): print("-----%d-----" %i)

edit(){ this.form .name=row.name// 发现不行 } 正确写法 edit(){ this.form={name:row.name} } 来源： oschina 链接： https://my.oschina.net/u/4004801/blog/4257049

　　每次做各种form表单时，首先要注意的是初始化，但是刚开始若没有仔细看文档，则会自己写个方法将数据设置为空，但是这样就会出现一个问题，表单内存在各种验证，假如是一个弹框内有form表单，弹框出现就执行上述代码，可能会出现表单验证的错误提示仍然保留的情况。 element UI 官方文档提供了一个resetFields()的方法 this.$refs[formName].resetFields() 不仅可以帮你初始化数据，还可以将验证提示消除！！！ 但是在使用时踩了一些坑， 编辑和新增使用了同一个弹出框 <el-dialog><el-form></el-form></el-dialog> 绑定了数据data里的commentForm对象 为了在新增弹出框清空表单, 使用了 this.$refs[formName].resetFields() 每次第一次点击新增显示弹出框，都会报错 "[Vue warn]: Error in event handler for "click": "TypeError: Cannot read property 'resetFields' of undefined"" 问题原因： mouted加载table数据以后，隐藏的弹出框并没有编译渲染进dom里面。 所以 @click="dialogFormVisible = true;resetForm(

表单中的重置按钮不生效的问题，结合文档对照后，发现是没有为el-form-item设置prop字段 所以，想让resetfields()生效有2个前提： form要设置ref，且ref值要与 this.$refs[formName].resetFields()中的foemName一致 el-form-item上设置prop字段，表单rule验证和resetfields() 清理的都是prop绑定的字段 注：this.$refs[formName].resetFields()只是将查询条件初始化，所以在初始化时绑定什么值就还是什么值，并不是全部置为空。 <el-form label-position="right" label-width="100px" ref="formList" :model="formList"> <el-col :span='8'> <el-form-item label="输入搜索" prop="inputSearch"> <el- input placeholder ='输入关键字' prefix -icon='el-icon-search' v -model='formList.inputSearch' style ="width: 100%;" clearable > </el-input> </el-form-item> </el-col> <el

走进Vue_ 渐进式 JavaScript 框架 通过对框架的了解与运用程度，来决定其在整个项目中的应用范围，最终可以独立以框架方式完成整个web前端项目 what -- 什么是Vue 可以独立完成前后端分离式web项目的JavaScript框架 # vue可以干哪些事 # 将数据渲染到指定区域（数据可以是后台获取，也可以由前台自己产生） # 可以与页面完成基于数据的交互方式 why -- 为什么要学习Vue 三大主流框架之一：Angular React Vue 先进的前端设计模式：MVVM 可以完全脱离服务器端，以前端代码复用的方式渲染整个页面：组件化开发 # 1.整合了Angular React框架的优点（第一手API文档是中文的） # 2.单页面应用（得益于vue的组件化开发 => 前台代码的复用） # 3.虚拟DOM（提高操作DOM的效应） # 4.数据的双向绑定 special -- 特点 单页面web应用 数据驱动 数据的双向绑定 虚拟DOM how -- 如何使用Vue <div id="app"> {{ }} </div> <script src="js/vue.min.js"></script> <script> new Vue({ el: '#app' }) </script> 开发版本： vue.js 生产版本： vue.min.j s Vue实例(

elementui是一套vuejs框架的ui库 , 主要逻辑是按照vuejs的组件方式来组合的 安装有多种方式,可以使用npm的包安装,也可以直接引用cdn资源,在这里为了简单起见使用cdn方式. 主体架构还是传统的iframe的结构 , 框进来一个main界面 没有使用vue-router , 只是把vue当做一个模板引擎来用 引入资源还是这种直接引入 , 没有使用构建工具去打包 , 因为对于后端来说 ,还是这种方式最简单直观有效 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/element-ui@2.13.1/lib/theme-chalk/index.css"> <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <!-- 引入组件库 --> <script src="https://cdn.jsdelivr.net/npm/element-ui@2.13.1/lib/index.js"></script> 把结构加上 , 架构使用template包起来

简介 完整代码 https://github.com/PuZhiweizuishuai/SpringSecurity-JWT-Vue-Deom 运行展示 后端 主要展示 Spring Security 与 JWT 结合使用构建后端 API 接口。 主要功能包括登陆（如何在 Spring Security 中添加验证码登陆），查找，创建，删除并对用户权限进行区分等等。 ps：由于只是 Demo，所以没有调用数据库，以上所说增删改查均在 HashMap 中完成。 前端 展示如何使用 Vue 构建前端后与后端的配合，包括跨域的设置，前端登陆拦截 并实现 POST，GET，DELETE 请求。包括如何在 Vue 中使用后端的 XSRF-TOKEN 防范 CSRF 攻击 技术栈 组件 技术 前端 Vue.js 2 后端 (REST API) SpringBoot (Java) 安全 Token Based (Spring Security, JJWT , CSRF) 前端脚手架 vue-cli3 , Webpack, NPM 后端构建 Maven 实现细节 后端搭建 基础配置 创建 Spring boot 项目，添加 JJWT 和 Spring Security 的项目依赖，这个非常简单，有很多的教程都有块内容，唯一需要注意的是，如果你使用的 Java 版本是 11，那么你还需要添加以下依赖

vue3.0比vue2.0简化了许多。 在这里呢就做了一个简单的标签页面。在这当中难免会有些错误，请勿见怪。 1.vue的页面编写，也就是app.vue这个文件作为主入口文件，当然这个主入口文件也可以自定义命名，但自定义的入口文件呢需要去main.js这个文件中配置，在这呢不涉及路由和数据，仅仅从初学入手，简答的搭建一个页面。 import Vue from 'vue' import App from './App.vue' import './registerServiceWorker' // import router from './router' import store from './store' import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.config.productionTip = false Vue. use (ElementUI) new Vue ({ // router, store, ElementUI, render : h => h (App) }). $mount ('#app') 2.我们可以新建一个views或者一个 components这样一个文件夹，在这里面创建一两个个组件，组建创建完成先不忙着写组件。 1）

一、JDK中ArrayList是如何实现的 1、先看下ArrayList从上而下的层次图： 说明： 　　从图中可以看出，ArrayList只是最下层的实现类，集合的规则和扩展都是AbstractList、List、Collection等上层的接口所设定的，而ArrayList实现或继承了上层的规则，然后重新或扩展来处理集合中的数据。 2、看看接口：Iterable<E>中都定义了那些规则？ JDK1.8中的源码： 1 package java.lang; 2 3 import java.util.Iterator; 4 import java.util.Objects; 5 import java.util.Spliterator; 6 import java.util.Spliterators; 7 import java.util.function.Consumer; 8 public interface Iterable<T> { // 实现这个接口允许对象成为 "foreach" 语句的目标。 9 Iterator<T> iterator(); 10 default void forEach(Consumer<? super T> action) { 11 Objects.requireNonNull(action); 12 for (T t : this ) { 13

1.集合类 数组：可以存储对象，也可以存储基本数据类型，但是一次只能存储一种类型，且长度一定，不可改变。 集合：只能存储对象，长度可变，可以存储不同类型的对象。Java集合类主要有三种：set，list，map 其中，实现边框的是实现类，折线边框的是抽象类，点线边框的是接口 从图中可以看出，Collection接口是集合类(List,Set,Queue)的根接口，java中没有提供这个接口的直接实现类。有三个子接口List，Set，Queue， 注意，Map不是collection的子接口 。 Collection中的方法： 2.Collection中的List和Set接口 首先说一下List接口。 List里存放的对象是有序的，可重复的，可以为null的集合。List关注的是索引，拥有一系列和索引相关的方法，查询速度快。 List接口下主要的三个实现类：Arraylist，Linkedlist，Vector。 （1）ArrayList 　　arraylist实现 List接口，继承AbstractList。底层是数组实现，可以自增扩容。是非线程安全的，一般用于单线程环境中（与Vector最大的区别就是，V是线程安全的，所以A比V的性能相对要好些），在多线程中，可以选择Vector或者CopyOnWriteArrayList。Arraylist实现了Serializable接口