自律最差的编程狗
自律最差的编程狗

elementui中文件的上传和校验

完整代码

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">script>
    <script src="https://unpkg.com/element-ui/lib/index.js">script>
    <title>uploadtitle>
head>

<body>
    <div id="app">
        <el-form :model="addForm" ref="addForm" :rules="rules">
            <el-form-item label="图片" prop="fileList" width="100px">
                <el-upload 
                    drag
                    action="#" 
                    :auto-upload="false" 
                    :limit="length" 
                    :on-exceed="overLimit" 
                    :on-remove="removeFile"
                    :before-remove="beforeRemoveFile"
                    :on-change="changeFileList"
                    accept=".jpg,jpeg,png"
                    :on-preview="previewFile"
                    multiple>
                    <i class="el-icon-upload">i>
                    <div class="el-upload__text">将文件拖到此处，或<em>点击上传em>div>
                    <div class="el-upload__tip" slot="tip">只能上传jpg/png文件，且不超过500kbdiv>
            el-upload>
            el-form-item>
        el-form>
        
    div>
body>

html>

<script>
    new Vue({
        el: "#app",
        data() {
            return {
                length: 3,
                addForm:{
                    fileList:[],
                },
                rules:{
                    fileList:[{
                        required:true,message:"图片列表不能为空"
                    }]
                }
            }
        },
        methods: {
            // 超出limit钩子
            overLimit(files, fileList) {
                this.$message.warning(`上传文件数：${files.length}加上当前已上传的文件列表数：${fileList.length}，超过最大上传数：${this.length}`)
            },
            //删除文件列表中的文件之后钩子
            removeFile(file, fileList) {
                this.addForm.fileList = fileList;
                this.$refs.addForm.validateField("fileList")
                this.$message.success(`成功删除${file.raw.name},剩余文件数为：${fileList.length}`)
            },
            //删除文件列表中的文件之前钩子
            beforeRemoveFile(file, fileList) {
                return this.$confirm(`确定删除${file.raw.name}吗？`)
            },
            //点击文件列表的文件钩子
            previewFile(file){
                this.$message.success(`点击文件${file.raw.name}`)
            },
            //添加文件成功后钩子(选中n个文件添加时，该方法调用n次)
            changeFileList(file,fileList){
                this.addForm.fileList = fileList;
                this.$refs.addForm.validateField("fileList")
            }
        }
    })
script>

效果图

初始图

elementui中文件的上传和校验_第1张图片

文件非空校验图

elementui中文件的上传和校验_第2张图片

个人心得

  • accpet可以过滤要添加的文件类型
    • elementui中文件的上传和校验_第3张图片
  • on-remove是删除文件列表钩子，参数一是删除的文件，参数二是剩余的文件列表
  • on-change是添加文件成功钩子，参数一是添加的文件，参数二是文件列表+添加的文件，注意，在多文件添加时，此方法会执行多次
  • on-exceed是超出最大文件上传数钩子，参数一是添加的文件列表，参数二是当前已添加的文件列表
  • limit限制文件的添加数目
  • drag是支持拖拽的方式添加文件，同时生成指定的样式边框
  • action是指定上传的服务器路径
  • auto-upload是指是否自动上传至服务器（我所做的项目不会上传到指定的服务器，而是用后端代码保存至服务器指定位置）
  • before-remove是删除文件列表之前钩子，参数一是待删除的文件，参数二是未删除的文件列表
  • on-preview是文件列表的文件预览点击钩子
  • on-success,on-error,on-progress和before-upload都是上传文件服务器前后触发的钩子，暂时用不到，不花费时间学
  • 校验文件非空，不能像el-input文件框这样，prop配合v-model可以自动的校验，需要借助on-change和on-remove这两个钩子实现校验，通过this.$refs.xxx.validateField(“xx”)，实现对this.x.xx属性的校验。

你可能感兴趣的:(HZ,elementui)

  • vue3的Element plus （一） GIS瞧葩菜 ElementplusvueelementuiElementplusvue3
    介绍ElementPlus是一个基于Vue3的UI组件库，它是对ElementUI组件库的升级和扩展。ElementPlus提供了一套美观、易用且高效的组件，可以用于构建现代化的Web应用程序。ElementPlus的主要特点包括：支持Vue3：ElementPlus是专为Vue3开发的，充分利用Vue3的新特性和优势。TypeScript支持：ElementPlus提供了完整的TypeScrip
  • ollama-chat-ui-vue，一个可以用vue对接ollama的开源项目,可接入deepSeek 是你的小熊啊 uivue.js前端ai
    ollama-chat-ui-vue使用vue3+vite+elementUi搭建的前端chat,通过ollama可与模型对话,目前支持独立思考,切换模型(联网查询后续支持)github地址：ollama-chat-ui-vue制作不易github点点star，谢谢前置工作安装ollama,ollama官网地址安装完ollama后，打开cmd，下载模型(我选了个最小的模型，模型地址)ollamar
  • 多Agent系统分工协作：从理论到工业级落地实践 ghs_gss 人工智能
    文章目录一、多Agent系统核心架构1.1角色划分原则1.2通信协议设计二、工业级协作策略2.1动态任务分配2.2冲突消解机制三、典型应用案例3.1智能仓储系统3.2自动驾驶车队四、开发实践指南4.1框架选型对比4.2调试工具链一、多Agent系统核心架构1.1角色划分原则反馈感知Agent决策Agent执行Agent监控Agent角色分工规范：感知Agent：数据采集频率≥10Hz决策Agent
  • 电路笔记（三极管器件): MOSFET&IGBT FakeOccupational 硬件和移动端笔记单片机嵌入式硬件
    MOSFETvsIGBTMOSFET主要用于低电压和功率系统，而IGBT更适合高电压和功率系统。1.MOSFET（金属氧化物半导体场效应晶体管）优势：高开关速度和响应速度，适合高频应用。（IGBT不适合高频应用，它能在千Hz频率下运行良好。MOSFET适合非常高频的应用，它可以在兆Hz频率下运行良好。）较低的导通压降和导通损耗，功率密度高。适用于低至中功率应用，例如电源开关、调制器、放大器等。实际
  • elementUI tree树形控件 根据数据动态设置禁用，全选时不可选中禁用数据 xuelong-ming elementUI前端elementui前端
    需求根据后端返回的数据禁用数据，将tree结构对应的数据设置为禁用状态，并且在点击全选后不可选中禁用数据。效果根据数据动态设置禁用全选时不可选中禁用数据代码...全部员工.........exportdefault{importAPIfrom'@/api.js'...data(){return{...checkAll:false,//是否全选filterText:'',//关键字过滤deptUse
  • 首字母相同的城市大全 小的~~ 前端
    经常有根据城市名称的拼音首字母来设置站点域名或者虚拟目录或存储在表中供用户根据城市短拼音搜索的情况，根据以上规则会有相同的情况，故列出来以供查询。CZ：滁州、池州、潮州、常州、沧州、郴州、崇左、长治HZ：杭州、湖州、毫州、惠州、贺州、菏泽、汉中YC：宜昌、宜春、伊春、盐城、运城、银川LY：洛阳、辽阳、辽源、龙岩、临沂SZ：苏州、宿州、随州、朔州、深圳SY：沈阳、三亚、十堰、邵阳、松原JZ：锦州、荆
  • Cameralink转SDI接口转换器 昆山森启智能科技有限公司
    1.概述Cameralink转SDI接口转换器（简称转换器）是基于FPGA设计的一款多功能视频处理设备，具有丰富的硬件资源和外围接口。转换器将Cameralink接口输入的图像数据转成SDI图像输出，同时还可实现数据格式转换，帧率变换，分辨率变换，OSD，缩放，开窗，增强等图像预处理功能。2.技术特性2.1主要功能a.支持Cameralink视频输入（支持多种分辨率默认1080p@30hz）b.支
  • elementuiPlus日期范围选择el-date-picker动态禁用时间选择 瑶琴AI前端 vue.jsjavascript前端elementui
    记录项目中的一个小需求：使用elementuiPlus日期选择组件时，需要动态禁用可选择的日期，禁止选中今天之后的日期，且选中的日期范围不饿能超过30天。饿了么组件的plus版本去掉了v2版本的配置项picker，改用@calendar-change事件来代替，使用disabled-date属性和@calendar-change事件就可以完成动态禁用日期的行为。代码如下：constcurDay=r
  • dialog element 删掉标题_ElementUI 销毁Dialog数据(简单粗暴) 鸿宇太子哥 dialogelement删掉标题
    在使用element开发通过之中使用Dialog弹窗创建数据或者数据回显在经常不过了。而且数据创建和数据编辑正常都是使用同一组件。出现的问题：title="提示弹窗":visible.sync="dialogVisible"width="30%"destroy-on-close>使用dialog提供的属性destroy-on-close也并不能实现实时的dialog销毁，进行创建和编辑数据正常的切
  • electron-vue 安装环境、构建+打包（mac和windows）这一篇就够了 阿毛sky electronvue前端
    由于公司需要，下一个项目需要做CS开发，技术选型分析后，选择了electron（Electron是一个使用JavaScript,HTML和CSS等Web技术创建原生程序的框架）研究发现，electron与vue-cli3.0脚手架做了很好的融合，对于我们这种用惯了vue，以及elementUI这些UI框架的Web前端开发工程师来说，实在太友好了，不过，这是一门国外框架技术，不仅是环境搭建、安装、文
  • [C51]sg90舵机控制 颜笑晏晏 C51单片机
    1.什么是舵机如下图所示，最便宜的舵机sg90，常用三根或者四根接线，黄色为PWM信号控制用处：垃圾桶项目开盖用、智能小车的全比例转向、摄像头云台、机械臂等常见的有0-90°、0-180°、0-360°2.怎么控制舵机向黄色信号线“灌入”PWM信号。PWM波的频率不能太高，大约50HZ，即周期=1/频率=1/50=0.02s，20ms左右数据：0.5ms-------------0度；2.5%对应
  • 含文档+PPT+源码】科技公司人事管理系统设计与实现 小咕聊编程 科技eclipsejavatomcatmavenspring
    项目介绍本课程演示的是一款科技公司人事管理系统设计与实现，主要针对计算机相关专业的正在做毕设的学生与需要项目实战练习的Java学习者。1.包含：项目源码、项目文档、数据库脚本、软件工具等所有资料2.带你从零开始部署运行本套系统3.该项目附带的源码资料可作为毕设使用该SpringBoot+Vue的人事管理系统设计与实现，后端采用SpringBoot架构，前端采用Vue+ElementUI实现页面的快
  • vue项目中更改elementui样式 懒人村杂货铺 vue.jselementui
    一种是去掉scoped，给父级加class，然后改子样式第二种是用vue穿透::v-deep.组件class名，!important必须要加第三种内联以上三种足矣ElementUI是一款非常强大的前端UI组件库，它默认定义了很多美观的样式，但是我们在实际开发过程中不可避免地遇到需要修改ElementUI默认样式。下面总结了几种修改默认样式的方法。1.新建全局样式表新建global.css文件，并在
  • 计算机毕业设计——Springboot点餐平台网站 程序媛9688 课程设计springboot后端
    作者：程序媛9688开发技术：SpringBoot、SSM、Vue、MySQL、JSP、ElementUI、Python、小程序等。文末获取源码+数据库感兴趣的可以先收藏起来，还有大家在毕设选题（免费咨询指导选题），项目以及论文编写等相关问题都可以给我留言咨询，希望帮助更多的人计算机毕业设计——jspssm523Springboot点餐平台网站SpringBoot点餐平台网站功能说明在当今数字化时
  • 【ElementUI实现table表格行拖拽切换顺序】 电竞蒋劲夫 ElementUIelementui前端javascriptvue.js
    实现效果逻辑思路通过el-table的row-class-name设置行的自定义class类名.在mounted和updated生命周期钩子中调用this.$nextTick，确保DOM元素渲染完成后，使用document.querySelectorAll获取所有.drag-row元素。设置dom的draggable(用于标识元素是否允许使用浏览器原生行为或HTML拖放操作API拖动。)为true
  • 飞牛fnOS安装了Airplay没有声音找不到声卡的问题 GeniuswongAir windowslinux运维
    主要问题描述：我在飞牛的Docker里安装了Airplay，这样把NAS接一个外接音箱，就可以当成无线音箱来用，直接把手机的音乐播放投到上面来播放。（文章底部有写我是怎么安装Airplay的）我的报错如下：speaker-test1.2.8PlaybackdeviceisdefaultStreamparametersare48000Hz,S16_LE,2channelsUsing16octaves
  • matlab进行电机仿真,MATLAB simulink在电机中的仿真.ppt xr7m99 matlab进行电机仿真
    MATLAB应用技术清华大学出版社从仿真结果可以分析：转速能够在较短的时间内达到稳定，但起动电流冲击很大，同时电磁转矩的冲击也很大。起动电阻的阻值要根据电动机的参数和起动具体要求进行选择，阻值过大会延长起动时间，而阻值过小又起不到限流作用。4.2异步电机模型例3.一台三相四极鼠笼型转子异步电动机，额定功率Pn=10kw,额定电压u1n=380v，额定转速n=1455r/min,额定频率50Hz，已
  • 模拟elementui输入框el-input样式效果 vue2element-ui
    背景：使用elementui组件时，通常会碰到这类需求，需要el-input一样的样式效果，但是不能输入，却需要点击叉叉删除文字内容，提供的原始属性无法满足，所以需要做一些改动。要求：1、交互效果和el-input一致；2、不可输入，但是可以点击右侧叉叉清空内容；3、右侧叉叉在文本框没有内容时隐藏，有内容时，鼠标移上去显示，鼠标移出隐藏；效果图如下：代码如下：vue2.6.11{}"class="
  • 计算机毕业设计——Springboot的简历系统 程序媛9688 课程设计springboot后端
    作者：程序媛9688开发技术：SpringBoot、SSM、Vue、MySQL、JSP、ElementUI、Python、小程序等。文末获取源码+数据库感兴趣的可以先收藏起来，还有大家在毕设选题（免费咨询指导选题），项目以及论文编写等相关问题都可以给我留言咨询，希望帮助更多的人计算机毕业设计——jspssm505Springboot的简历系统SpringBoot简历系统功能说明在当今竞争激烈的就业
  • 基于SSM+Vue的手机商城销售系统项目 酷爱码 vuessm毕业设计javamysql
    基于SSM+Vue的手机商城销售系统项目，该系统进行前后端分离开发，最后打包整合开发环境：jdk1.8，tomcat1.8，node.js,Mysql8.0开发工具：idea2019开发技术：SSM，Vue，ElementUI，VueX，Ajax打包版免费下载：基于VUE+SSM手机商城销售系统（打包版）.zip-蓝奏云开发版下载地址：基于VUE+SSM手机商城销售系统.zip_vuessm项目视
  • 计算机毕业设计——springboot的准妈妈孕期交流平台 程序媛9688 课程设计springboot后端
    作者：程序媛9688开发技术：SpringBoot、SSM、Vue、MySQL、JSP、ElementUI、Python、小程序等。文末获取源码+数据库感兴趣的可以先收藏起来，还有大家在毕设选题（免费咨询指导选题），项目以及论文编写等相关问题都可以给我留言咨询，希望帮助更多的人准妈妈孕期交流平台功能说明一、项目背景与目标在当今社会，随着信息技术的飞速发展和人们对健康生活质量的日益重视，孕期管理成为
  • Vue - elementUI 下拉菜单dropdown组件中command方法添加额外参数 A-sleep Vueelementuivue.jsjavascript
    在使用dropdown组件的时候，需要的参数可能很多，不仅仅是command一个参数。这就需要通过composeValue构造一个结构了。//方法部分的处理handleCommand(command){console.log(command)},composeValue(item,id){return{button:item,id:id}}打印结果table中编辑投放列表handleCommand
  • 操作系统|ARM和X86的区别，存储，指令集 wowing- 操作系统arm开发stm32windows
    文章目录主频寄存器寄存器在硬件中的体现是什么寄存器的基本特性硬件实现寄存器类型内存和寄存器的区别内存（Memory）和磁盘（Disk）指令的执行ARMCortex-M3与Thumb-2指令集Thumb-2与流水线虚拟地址指令的执行多核CPU芯片间的通信机制ISA指令集主频主频，即CPU的时钟频率（ClockSpeed），是指每秒钟内CPU能够执行的基本操作次数，通常以赫兹（Hz）为单位表示，现代处
  • 中级通信工程师-传输与无线（接入）教材（一至六章） fourinches 考证分享信息与通信职场和发展职场发展零知识证明
    一、无线通信基础1、无线电通信与电磁波无线通信的电磁波频率范围:3kHz-100GHz;电磁波频率和波长互为倒数关系，2=C/f(λ，波长，单位m;C，电磁波的传播速度，单位m/s;f，频率，单位Hz)。特高频UHF是目前移动通信的主要频段，300MHz-3GHz;5G引入了毫米波，极高频，30GHz-300GHZ。下一代移动通信频段将扩展至6GHz-100GHz.2、无线电波传播特性无线电波的主
  • 线性调整器——耗能型调整器 ོ椿生拥蝶 硬件工程
    线性调整器又称线性电压调节器，以下是关于它的介绍：基本工作原理线性调整器的基本电路如图1.1(a)所示,晶体管Q1(工作于线性状态,或非开关状态)构成一个连接直流源V和输出端V。的可调电气电阻,直流源V由60Hz隔离变压器（电气隔离和整流）,整流桥和储能电容C构成的电路产生,输出端V.用于连接外部负载。在图中,R1和R2组成的分压网络对输出电压采样,采样电压输入到误差放大器同参考电压进行比较,误差
  • Vue - 在纯 JS 文件中调用自定义组件 / 类似 ElementUI 弹框组件 Message、Modal（在纯 js 文件中通过 import 方式引入并调用弹框模态框组件显示出来,） 王二红 +Vuejavascriptvue.jscomponents自定义组件前端
    前言用过ElementUI/AntDesignvue组件库的都知道，它们的消息提示框（Message）及模态框（Modal）不仅可以用组件的方式调用，还可以在纯js文件中引入组件和调用显示。但框架的弹框可能无法满足您的需求，而这时候我们需要自定义一个组件，本文从0-1提供整个过程，帮您在纯JS文件中调用自定义组件的方法，来打开自定义组件。常见于Axios请求封装拦截器那块，捕获到登录失效时弹出登录
  • 「vue」elementUI table组件获取表格当前行的索引 吴维炜 前端就那么回事ElementUIelementtableele框架重置表单索引
    本文主要介绍elementUItable组件获取表格当前行的索引<templateslot-scope=
  • ElementUI的常用组件及使用技巧 随风九天 Vue六脉神剑前端elementui前端javascript
    1.引言项目背景与目标随着前端技术的快速发展，构建高效、美观的用户界面变得越来越重要。ElementUI作为一款基于Vue.js的组件库，提供了丰富的组件和工具，帮助开发者快速构建高质量的Web应用。本文旨在介绍ElementUI的常用组件及其使用技巧，帮助开发者更好地利用ElementUI提升开发效率。ElementUI简介ElementUI是饿了么团队推出的一个基于Vue.js2.0的桌面端组
  • mac 外接显示器 分辨率的帧率只能设置30 不能设置60 三希 macos计算机外设
    Mac外接显示器大分辨率的帧率只能设置为30Hz而不能设置为60Hz的原因主要有以下几种‌：‌显示器接口限制‌：如果使用的显示器接口不支持60Hz刷新率，例如HDMI1.4或更早的版本，那么即使连接高刷新率的显示器，也无法达到60Hz。例如，使用较老的4K显示器，不支持HDMI2.0，接上Macbook时4K分辨率不支持60Hz，最高只能30Hz‌1。-----我的显示器就是这个情况，4k显示器有
  • 二阶RC滤波器截止频率计算 LaoZhangGong123 产品研发经验分享二阶滤波器滤波器电路分析模电
    f_c=1/(2∗π∗√(R1∗R2∗C1*C2)),其中R1、R2为电阻，C1,C2为电容。在某些设计中，为了简化设计和实现相等的Q值，可以令R1∗C1=R2∗C2，这时截止频率简化为f_c=1/(2∗π∗R1*C1)当R1=4.7K,C1=1000p，R2=47K，C2=100p，则f_c=1/(6.28*4700*1000/1000000000000)=33879Hz=33.879KHz当R
  • [黑洞与暗粒子]没有光的世界 comsci
         无论是相对论还是其它现代物理学,都显然有个缺陷,那就是必须有光才能够计算      但是,我相信,在我们的世界和宇宙平面中,肯定存在没有光的世界....      那么,在没有光的世界,光子和其它粒子的规律无法被应用和考察,那么以光速为核心的 &nbs
  • jQuery Lazy Load 图片延迟加载 aijuans jquery
    基于 jQuery 的图片延迟加载插件，在用户滚动页面到图片之后才进行加载。 对于有较多的图片的网页，使用图片延迟加载，能有效的提高页面加载速度。 版本： jQuery v1.4.4+ jQuery Lazy Load v1.7.2 注意事项： 需要真正实现图片延迟加载，必须将真实图片地址写在 data-original 属性中。若 src
  • 使用Jodd的优点 Kai_Ge jodd
    1.  简化和统一 controller ，抛弃 extends SimpleFormController ，统一使用 implements Controller 的方式。 2.  简化 JSP 页面的 bind, 不需要一个字段一个字段的绑定。 3.  对 bean 没有任何要求，可以使用任意的 bean 做为 formBean。   使用方法简介
  • jpa Query转hibernate Query 120153216 Hibernate
    public List<Map> getMapList(String hql, Map map) { org.hibernate.Query jpaQuery = entityManager.createQuery(hql); if (null != map) { for (String parameter : map.keySet()) { jp
  • Django_Python3添加MySQL/MariaDB支持 2002wmj mariaDB
    现状 首先，[email protected] 中默认的引擎为 django.db.backends.mysql 。但是在Python3中如果这样写的话，会发现 django.db.backends.mysql 依赖 MySQLdb[5] ，而 MySQLdb 又不兼容 Python3 于是要找一种新的方式来继续使用MySQL。 MySQL官方的方案 首先据MySQL文档[3]说，自从MySQL
  • 在SQLSERVER中查找消耗IO最多的SQL 357029540 SQL Server
    返回做IO数目最多的50条语句以及它们的执行计划。 select top 50   (total_logical_reads/execution_count) as avg_logical_reads,  (total_logical_writes/execution_count) as avg_logical_writes,  (tot
  • spring UnChecked 异常 官方定义！ 7454103 spring
      如果你接触过spring的 事物管理！那么你必须明白 spring的 非捕获异常！ 即 unchecked 异常！ 因为 spring 默认这类异常事物自动回滚！！ public static boolean isCheckedException(Throwable ex) { return !(ex instanceof RuntimeExcep
  • mongoDB 入门指南、示例 adminjun javamongodb操作
    一、准备工作 1、 下载mongoDB 下载地址：http://www.mongodb.org/downloads 选择合适你的版本 相关文档：http://www.mongodb.org/display/DOCS/Tutorial 2、 安装mongoDB A、 不解压模式： 将下载下来的mongoDB-xxx.zip打开，找到bin目录，运行mongod.exe就可以启动服务，默
  • CUDA 5 Release Candidate Now Available aijuans CUDA
    The CUDA 5 Release Candidate is now available at http://developer.nvidia.com/<wbr></wbr>cuda/cuda-pre-production. Now applicable to a broader set of algorithms, CUDA 5 has advanced fe
  • Essential Studio for WinRT网格控件测评 Axiba JavaScripthtml5
    Essential Studio for WinRT界面控件包含了商业平板应用程序开发中所需的所有控件，如市场上运行速度最快的grid 和chart、地图、RDL报表查看器、丰富的文本查看器及图表等等。同时，该控件还包含了一组独特的库，用于从WinRT应用程序中生成Excel、Word以及PDF格式的文件。此文将对其另外一个强大的控件——网格控件进行专门的测评详述。 网格控件功能 1、
  • java 获取windows系统安装的证书或证书链 bewithme windows
          有时需要获取windows系统安装的证书或证书链，比如说你要通过证书来创建java的密钥库  。 有关证书链的解释可以查看此处 。   public static void main(String[] args) { SunMSCAPI providerMSCAPI = new SunMSCAPI(); S
  • NoSQL数据库之Redis数据库管理(set类型和zset类型) bijian1013 redis数据库NoSQL
    4.sets类型         Set是集合，它是string类型的无序集合。set是通过hash table实现的，添加、删除和查找的复杂度都是O(1)。对集合我们可以取并集、交集、差集。通过这些操作我们可以实现sns中的好友推荐和blog的tag功能。         sadd：向名称为key的set中添加元
  • 异常捕获何时用Exception，何时用Throwable bingyingao
    用Exception的情况 try {        //可能发生空指针、数组溢出等异常         } catch (Exception e) {          
  • 【Kafka四】Kakfa伪分布式安装 bit1129 kafka
    在http://bit1129.iteye.com/blog/2174791一文中，实现了单Kafka服务器的安装，在Kafka中，每个Kafka服务器称为一个broker。本文简单介绍下，在单机环境下Kafka的伪分布式安装和测试验证   1. 安装步骤   Kafka伪分布式安装的思路跟Zookeeper的伪分布式安装思路完全一样，不过比Zookeeper稍微简单些(不
  • Project Euler bookjovi haskell
    Project Euler是个数学问题求解网站，网站设计的很有意思，有很多problem，在未提交正确答案前不能查看problem的overview，也不能查看关于problem的discussion thread，只能看到现在problem已经被多少人解决了，人数越多往往代表问题越容易。     看看problem 1吧： Add all the natural num
  • Java-Collections Framework学习与总结-ArrayDeque BrokenDreams Collections
            表、栈和队列是三种基本的数据结构，前面总结的ArrayList和LinkedList可以作为任意一种数据结构来使用，当然由于实现方式的不同，操作的效率也会不同。         这篇要看一下java.util.ArrayDeque。从命名上看
  • 读《研磨设计模式》-代码笔记-装饰模式-Decorator bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.io.BufferedOutputStream; import java.io.DataOutputStream; import java.io.FileOutputStream; import java.io.Fi
  • Maven学习(一) chenyu19891124 Maven私服
        学习一门技术和工具总得花费一段时间，5月底6月初自己学习了一些工具，maven+Hudson+nexus的搭建，对于maven以前只是听说，顺便再自己的电脑上搭建了一个maven环境，但是完全不了解maven这一强大的构建工具，还有ant也是一个构建工具，但ant就没有maven那么的简单方便，其实简单点说maven是一个运用命令行就能完成构建，测试，打包，发布一系列功
  • [原创]JWFD工作流引擎设计----节点匹配搜索算法(用于初步解决条件异步汇聚问题) 补充 comsci 算法工作PHP搜索引擎嵌入式
    本文主要介绍在JWFD工作流引擎设计中遇到的一个实际问题的解决方案，请参考我的博文"带条件选择的并行汇聚路由问题"中图例A2描述的情况(http://comsci.iteye.com/blog/339756),我现在把我对图例A2的一个解决方案公布出来，请大家多指点 节点匹配搜索算法(用于解决标准对称流程图条件汇聚点运行控制参数的算法) 需要解决的问题：已知分支
  • Linux中用shell获取昨天、明天或多天前的日期 daizj linuxshell上几年昨天获取上几个月
    在Linux中可以通过date命令获取昨天、明天、上个月、下个月、上一年和下一年 # 获取昨天 date -d 'yesterday'  # 或 date -d 'last day' # 获取明天 date -d 'tomorrow'   # 或 date -d 'next day' # 获取上个月 date -d 'last month' #
  • 我所理解的云计算 dongwei_6688 云计算
          在刚开始接触到一个概念时，人们往往都会去探寻这个概念的含义，以达到对其有一个感性的认知，在Wikipedia上关于“云计算”是这么定义的，它说：        Cloud computing is a phrase used to describe a variety of computing co
  • YII CMenu配置 dcj3sjt126com yii
    Adding id and class names to CMenu We use the id and htmlOptions to accomplish this. Watch. //in your view $this->widget('zii.widgets.CMenu', array( 'id'=>'myMenu', 'items'=>$this-&g
  • 设计模式之静态代理与动态代理 come_for_dream 设计模式
    静态代理与动态代理        代理模式是java开发中用到的相对比较多的设计模式，其中的思想就是主业务和相关业务分离。所谓的代理设计就是指由一个代理主题来操作真实主题，真实主题执行具体的业务操作，而代理主题负责其他相关业务的处理。比如我们在进行删除操作的时候需要检验一下用户是否登陆，我们可以删除看成主业务，而把检验用户是否登陆看成其相关业务
  • 【转】理解Javascript 系列 gcc2ge JavaScript
    理解Javascript_13_执行模型详解 摘要: 在《理解Javascript_12_执行模型浅析》一文中,我们初步的了解了执行上下文与作用域的概念，那么这一篇将深入分析执行上下文的构建过程，了解执行上下文、函数对象、作用域三者之间的关系。函数执行环境简单的代码:当调用say方法时，第一步是创建其执行环境，在创建执行环境的过程中，会按照定义的先后顺序完成一系列操作:1.首先会创建一个
  • Subsets II hcx2013 set
    Given a collection of integers that might contain duplicates, nums, return all possible subsets. Note: Elements in a subset must be in non-descending order. The solution set must not conta
  • Spring4.1新特性——Spring缓存框架增强 jinnianshilongnian spring4
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • shell嵌套expect执行命令 liyonghui160com
        一直都想把expect的操作写到bash脚本里,这样就不用我再写两个脚本来执行了,搞了一下午终于有点小成就,给大家看看吧.   系统:centos 5.x   1.先安装expect yum -y install expect   2.脚本内容: cat auto_svn.sh   #!/bin/bash
  • Linux实用命令整理 pda158 linux
    0. 基本命令 　　linux 基本命令整理 　 　1. 压缩 解压 　　tar -zcvf a.tar.gz a   #把a压缩成a.tar.gz 　　tar -zxvf a.tar.gz     #把a.tar.gz解压成a 　 　2. vim小结 　　2.1 vim替换 　　:m,ns/word_1/word_2/gc  
  • 独立开发人员通向成功的29个小贴士 shoothao 独立开发
    概述：本文收集了关于独立开发人员通向成功需要注意的一些东西,对于具体的每个贴士的注解有兴趣的朋友可以查看下面标注的原文地址。 明白你从事独立开发的原因和目的。 保持坚持制定计划的好习惯。 万事开头难，第一份订单是关键。 培养多元化业务技能。 提供卓越的服务和品质。 谨小慎微。 营销是必备技能。 学会组织，有条理的工作才是最有效率的。 “独立
  • JAVA中堆栈和内存分配原理 uule java
    1、栈、堆 1.寄存器：最快的存储区, 由编译器根据需求进行分配,我们在程序中无法控制.2. 栈：存放基本类型的变量数据和对象的引用，但对象本身不存放在栈中，而是存放在堆（new 出来的对象）或者常量池中（字符串常量对象存放在常量池中。）3. 堆：存放所有new出来的对象。4. 静态域：存放静态成员（static定义的）5. 常量池：存放字符串常量和基本类型常量（public static f
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他