动态 | 易学教程

vue element UI 动态生成的表单，绑定表单校验

阅读更多关于 vue element UI 动态生成的表单，绑定表单校验

动态生成的表单，绑定表单校验需求获取记录并支持修改并进行表单验证创建rules 和 from表单绑定 from的：model 和 rules 即可 1.1 创建rules return { ruleForm:[ { xm: '', dw: '', dh: '' }, { xm: '', dw: '', dh: '' } ], rules: { xm: [ {required: true, message: '请输如姓名', trigger: 'blur'}, ], dw: [ {required: true, message: '请输入单位', trigger: 'blur'}, ], dh: [ {required: true, message: '请输入电话', trigger: 'blur'}, ] } }; }, 1.2 创建form表单 <el-form style="height: 744px;overflow-y: scroll" :model="ruleForm" :rules="rules" ref="ruleForm"> <div v-for="(item,index) in ruleForm" :key="index"> <el-row > <el-col :span="span"> <el-form-item label="姓名：" label

Java反射常见面试题

阅读更多关于 Java反射常见面试题

Java反射常见面试题什么是反射？反射是在运行状态中，对于任意一个类，都能够知道这个类的所有属性和方法；对于任意一个对象，都能够调用它的任意一个方法和属性；这种动态获取的信息以及动态调用对象的方法的功能称为 Java 语言的反射机制。哪里用到反射机制？ JDBC中，利用反射动态加载了数据库驱动程序。 Web服务器中利用反射调用了Sevlet的服务方法。 Eclispe等开发工具利用反射动态刨析对象的类型与结构，动态提示对象的属性和方法。很多框架都用到反射机制，注入属性，调用方法，如Spring。什么叫对象序列化，什么是反序列化，实现对象序列化需要做哪些工作？对象序列化，将对象中的数据编码为字节序列的过程。反序列化；将对象的编码字节重新反向解码为对象的过程。 JAVA提供了API实现了对象的序列化和反序列化的功能，使用这些API时需要遵守如下约定：被序列化的对象类型需要实现序列化接口，此接口是标志接口，没有声明任何的抽象方法，JAVA编译器识别这个接口，自动的为这个类添加序列化和反序列化方法。为了保持序列化过程的稳定，建议在类中添加序列化版本号。不想让字段放在硬盘上就加transient 以下情况需要使用 Java 序列化：想把的内存中的对象状态保存到一个文件中或者数据库中时候；想用套接字在网络上传送对象的时候；想通过RMI（远程方法调用）传输对象的时候。

jQuery动态产生的铵钮怎样实现事件处理

阅读更多关于 jQuery动态产生的铵钮怎样实现事件处理

Insus.NET这几天均在学习Web API知识，并练习。怎样获取数据，提交数据或是保存数据。你可以温习一下《 Post model至Web Api创建或是保存数据》 http://www.cnblogs.com/insus/p/4343833.html 和《添加JSON Data到已经存在的JSON文件中》 http://www.cnblogs.com/insus/p/4344547.html ，这均是把json序列化数据保存至文件中。即然有对数据获取，提交保存，那当然有更新数据的功能了。本篇中，我们就将学会怎样去操作Web Api进行数据更新，特别是对文件中数据进行编辑更新。需要对数据更新，那得先把数据显示在网页上，然后编辑，再进行更新。去获取Web API的数据显示于网页，我们有学习了，在此也可以重新温习一下: 《 ASP.NET MVC的Web Api的实练》 http://www.cnblogs.com/insus/p/4334316.html 《 Html网页使用jQuery传递参数并获取Web API的数据》 http://www.cnblogs.com/insus/p/4337409.html 《传递多个参数并获取Web API的数据》 http://www.cnblogs.com/insus/p/4341026.html 《 Post

Python介绍

阅读更多关于 Python介绍

起源　　Python(英国发音：/ˈpaɪθən/ 美国发音：/ˈpaɪθɑːn/), 是一种面向对象的解释型计算机程序设计语言，由荷兰人Guido van Rossum于1989年发明，第一个公开发行版发行于1991年。主要应用领域。　　web开发　　科学运算，人工智能　　系统运维　　金融（策略回放-京东量化交易平台）　　图形GUI 语言分类编译型和解释型 ======================================================================= 编译型　　编译器链接程序目标文件可执行文件　　举例：C/C++, PascalObject, Pascal(Delphi), VB 　　速度快对系统要求低，用于开发操作系统，数据库系统，大型应用系统解释型　　边解释边执行　　举例：Basic，Python 　　易移植，速度慢　　适用于对速度要求不高的脚本，辅助接口开发，对系统平台兼容性有要求的程序　　新兴预言有把二者折中的趋势　　JAVA具有比较接近解释型语言的特征，预编译生成介于机器码和源代码之间的中介代码，运行的时候由JVM解释执行。 ======================================================================= 动态语言和静态语言

MyBatis中#{}和${}的区别详解

阅读更多关于 MyBatis中#{}和${}的区别详解

区别 1.#将传入的数据都当成一个字符串，会对自动传入的数据加一个双引号。如：order by #user_id#，如果传入的值是111,那么解析成sql时的值为order by "111", 如果传入的值是id，则解析成的sql为order by "id". 2. 将传入的数据直接显示生成在 s q l 中。如： o r d e r b y 将传入的数据直接显示生成在sql中。如：orderbyuser_id$，如果传入的值是111,那么解析成sql时的值为order by user_id, 如果传入的值是id，则解析成的sql为order by id. 3.#方式能够很大程度防止sql注入。 4.$方式无法防止Sql注入。 5.$方式一般用于传入数据库对象，例如传入表名. 　　 6.一般能用#的就别用$. MyBatis排序时使用order by 动态参数时需要注意，用$而不是# 实例讲解：动态 sql 是 mybatis 的主要特性之一，在 mapper 中定义的参数传到 xml 中之后，在查询之前 mybatis 会对其进行动态解析。mybatis 为我们提供了两种支持动态 sql 的语法：#{} 以及 ${}。在下面的语句中，如果 name 的值为 zhangsan，则两种方式无任何区别： select * from user

Vue动态改变keepAlive缓存

阅读更多关于 Vue动态改变keepAlive缓存

功能需求：大家都知道keep-alive组件的作用，在实际开发过程中，经常会遇到对部分组件进行缓存，常用操作方法见另一篇博客对指定组件进行keep-alive缓存然而，组件切换时还存在另一种需求：A>B不缓存，C>B缓存；也就是组件B是需要动态改变是否进行缓存的。作为一个懒癌 + 菜鸡，我只想使用最简单易懂的方式实现(以下为关键代码) App.vue 文件 (监听缓存数组的变化) < keep-alive :include = " cached " > < router-view /> </ keep-alive > export default { data ( ) { return { cached : this . $store . state . catchArr } ; } , watch : { $route : { //监听路由变化 handler : function ( to , from ) { this . cached = this . $store . state . catchArr ; } } } } vuex的 store.js 文件 (维护设置缓存和取消缓存的方法，并共享缓存数组状态) import Vue from 'vue' ; import Vuex from 'vuex' ; Vue . use ( Vuex ) ; export

Web开发基础01-Html与CSS

阅读更多关于 Web开发基础01-Html与CSS

1.软件架构 CS：client/server 客户端/服务器端 BS：browser/server浏览器/服务器端 1.1.BS架构的详解 1.1.1. 资源分类分为静态资源和动态资源静态资源：使用静态网页开发技术发布的资源（html css javascript）如新闻，不管是谁，看的一样如果用户请求的是静态资源，那么服务器会直接将静态资源发送给浏览器，而浏览器内置了静态资源解析引擎，可以展示静态资源。动态资源：使用动态网页技术开发发布的资源（jep/servlet，php，asp）所有用户访问，得到的结果可能不一样如果用户请求的动态资源，那么服务器会执行动态资源，转换（后面得明白如何转换）为静态资源，然后服务器端往浏览器发送的是静态资源。 2.HTML 用于搭建基础网页，展示页面的内容，超文本标记语言，超文本（用超链接的方法将各种不同的文字信息组织在一起的网状文本），标记语言（就是<标签名称>）：如html、xml。标记语言不是编程语言，写上就会执行。 2.1.标签分类围堵标签：<html></html> <head></head> <body></body> 自闭和标签：开始标签和结束标签在一起,也就是一行前后，如<br/>（换行符）标签可以嵌套需要正确的嵌套，不能你中有我，我中有你。如何定义属性：在开始标签中可以定义属性，属性是由键值对构成

Apollo配置中心（二）动态生效实现原理

阅读更多关于 Apollo配置中心（二）动态生效实现原理

1. Spring中的重要概念在了解Apollo配置中心实现原理之前，我们需要先熟悉一下Spring框架中的几个重要的概念： BeanDefinition 用于描述Bean的配置信息，Bean配置一般有三种方式： XML配置文件 @Service，@Component等注解 Java Config方式对应的BeanDefinition实现类如下图，Spring容器启动时，会把所有的Bean配置信息转换为BeanDefinition对象。 BeanDefinitionRegistry BeanDefinition容器，所有的Bean定义都注册在BeanDefinitionRegistry对象中。 PropertySource 用于存放Spring配置资源信息，例如spring项目中properties或者yaml文件配置信息均会保存在PropertySource对象中。Spring支持使用@PropertySource注解，將配置信息加载到Environment对象中。 ImportBeanDefinitionRegistrar ImportBeanDefinitionRegistrar是一个接口，该接口的实现类作用于在Spring解析Bean配置生成BeanDefinition对象阶段。在Spring解析Configuration注解时

阿里云全站加速是什么？与CDN有什么区别

阅读更多关于阿里云全站加速是什么？与CDN有什么区别

阿里云全站加速是什么？全站加速（Dynamic Route for Content Delivery Network）是阿里云自主研发的融合了动态加速和静态加速技术的CDN产品。该产品一站式解决了页面动静态资源混杂、跨运营商、网络不稳定、单线源站、突发流量、网络拥塞等诸多因素导致的响应慢、丢包、服务不稳定的问题，提升全站性能和用户体验。工作原理阿里云全站加速通过智能路由区分客户请求内容，实现动静态加速。通过架构图，您可以了解全站加速的工作原理。智能区分动静态内容：域名接入阿里云全站加速后，通过域名访问的动静态内容将被智能识别并区分。动静态内容同时加速：静态内容使用阿里云CDN加速，缓存在CDN节点上，供您就近访问。动态内容通过智能路由优化、协议优化等动态加速技术快速回源获取。全站加速与CDN对比对比项 CDN 全站加速支持资源类型仅支持静态内容加速。同时支持静态内容和动态内容加速。加速方式将您服务器上的静态内容缓存在阿里云CDN节点上供您就近访问。静态内容使用CDN加速。动态内容通过智能路由、协议优化等动态加速技术快速访问您的服务器源站获取。源站适配建议您对服务器源站的动静态内容进行分离，静态内容使用CDN加速，动态内容不使用CDN加速。您无需对服务器源站上的资源进行改造，全站加速会智能区分动静态内容并分别加速。来源： CSDN 作者： qq

HTML--动态删除元素

阅读更多关于 HTML--动态删除元素

删除被选元素和删除子元素 remove() - 删除被选元素（及其子元素） empty() - 从被选元素中删除子元素 1、remove() （1）、移除某个元素 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ $("#div1").remove(); }); }); </script> </head> <body> <div id="div1" style="height:100px;width:300px;border:1px solid black;background-color:yellow;"> 这是 div 中的一些文本。 <p>这是在 div 中的一个段落。</p> <p>这是在 div 中的另外一个段落。</p> </div> <br> <button>移除div元素</button> </body> </html> （2）、批量移除 <!DOCTYPE html> <html> <head> <meta

订阅动态