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

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)

  • element实现动态路由+面包屑 软件技术NINI vue案例vue.js前端
    el-breadcrumb是ElementUI组件库中的一个面包屑导航组件，它用于显示当前页面的路径，帮助用户快速理解和导航到应用的各个部分。在Vue.js项目中，如果你已经安装了ElementUI，就可以很方便地使用el-breadcrumb组件。以下是一个基本的使用示例：安装ElementUI（如果你还没有安装的话）:你可以通过npm或yarn来安装ElementUI。bash复制代码npmi
  • Vue( ElementUI入门、vue-cli安装) m0_l5z elementuivue.js
    一.ElementUI入门目录：1.ElementUI入门1.1ElementUI简介1.2Vue+ElementUI安装1.3开发示例2.搭建nodejs环境2.1nodejs介绍2.2npm是什么2.3nodejs环境搭建2.3.1下载2.3.2解压2.3.3配置环境变量2.3.4配置npm全局模块路径和cache默认安装位置2.3.5修改npm镜像提高下载速度2.3.6验证安装结果3.运行n
  • 变频器：原理、应用及其在现代工业与生活中的节能与智能控制作用 智能科技前沿 人工智能科技生活单片机嵌入式硬件
    创作不易，您的打赏、关注、点赞、收藏和转发是我坚持下去的动力！1.变频器的原理变频器（Inverter），是一种将固定频率的交流电（通常是50Hz或60Hz）转换为可变频率和电压的交流电的电气设备。其工作原理是基于电力电子技术和控制理论的应用，能够通过改变供给电机的电源频率来控制电动机的速度和扭矩。变频器的基本工作原理可以分为以下几个阶段：整流：首先，将输入的交流电（AC）通过整流器（通常是二极管
  • 2020-07-08在js文件中使用elementUi报错TypeError: _this10.$message is not a function Kason晨
    问题：全局挂在elementUi后，在js文件内调用，报错_this10.$messageisnotafunction原因：在js文件里找不到this.$message这个属性。#错误的写法：this.$message({message:"解除成功",type:"success"});解决方法（正确写法）：单独引入，和换一种方法使用：//引入import{Message}from"element-
  • vue 两个弹窗时出现，打开第二个弹窗 是灰色的，再点击才是正常 光影3415 vue.jsjavascript前端
    如果你使用的是ElementUI，el-dialog组件有一个append-to-body属性，这个属性可以将弹窗的DOM直接挂载到body标签上，这样可以避免一些层级嵌套问题：
  • elementUI table排序 sortable Artsman 前端开发技术elementui前端javascript前端框架
    使用elementUI做后台程序时非常便利，但有时，插件的用法也会让人头疼。在列中设置sortable属性即可实现以该列为基准的排序，接受一个Boolean，默认为false。可以通过Table的default-sort属性设置默认的排序列和排序顺序。可以使用sort-method或者sort-by使用自定义的排序规则。如果需要后端排序，需将sortable设置为custom，同时在Table上监
  • elementuiPlus取消el-input的边框 qq_39016177 elementui
    elementuiPlus取消el-input的边框1.通常取消边框的方法设置border为none2.还有其他类似边框的例如outlinebox-shadow这两个属性都是会产生边框效果3.el-input需要更改的话–如下需要修改box-shadow为空即可上代码:deep(.el-input__wrapper){align-items:center;background-color:#F7F
  • Vue 图片预览功能实现指南 繁依Fanyi vue.js前端javascriptpython人工智能算法开发语言
    1.介绍在现代web应用程序中，图片预览功能提升了用户体验，使用户可以在上传图片之前查看图片内容。本文将详细介绍如何在Vue.js应用中实现图片预览功能，包括基本实现、进阶功能、与ElementUI的集成、常见优化技巧以及与其他库的结合使用。2.基本功能实现2.1环境准备确保你的开发环境已经配置好，包括VueCLI和Node.js。如果还没有安装VueCLI，你可以通过以下命令安装：npminst
  • Vue + Django的人脸识别系统 DXSsssss pythonDRFtensorflow人脸识别
    最近在研究机器学习，刚好最近看了vue+Djangodrf的一些课程，学以致用，做了一个人脸识别系统。项目前端使用Vue框架，用到了elementui组件，写起来真是方便。比之前传统的dtl方便了太多。后端使用了drf，识别知识刚开始打算使用opencv+tensorflow,但是发现吧识别以后的结果返回到浏览器当中时使用opencv比较麻烦（主要是我太菜，想不到比较好的方法），因此最终使用了tf
  • 【前端UI框架】VUE ElementUI 离线文档 可不联网打开 我是Superman丶 前端组件前端vue.jselementui
    【前端UI框架】VUEElementUI离线文档可不联网打开Element-Theworld'smostpopularVueUIframeworkElement-Theworld'smostpopularVueUIframework离线文档下载地址https://download.csdn.net/download/G971005287W/89742895文档制作第一步:克隆源代码Gitee地址:
  • 基于SpringBoot的在线汽车租赁信息管理系统 计算机学姐 前后端分离项目源码分享SpringBoot源码Vue源码springboot汽车后端javavue.jsspringmysql
    作者：计算机学姐开发技术：SpringBoot、SSM、Vue、MySQL、JSP、ElementUI等，“文末源码”。专栏推荐：前后端分离项目源码、SpringBoot项目源码、SSM项目源码系统展示【2025最新】基于Java+SpringBoot+Vue+MySQL的在线汽车租赁信息管理系统，前后端分离。开发语言：Java数据库：MySQL技术：SpringBoot、Vue、MybaitsP
  • 次声波提取参数。 毛毛v5
    首先录制加载了次声波的音频，要录制最少3分钟以上，GOLDWAVE录制。然后resample成6000hz,然后playbackrate调成96000hz,然后播放速度调成1.4倍速。这样就能听到录制的音频中承载的次声波了。
  • ElementUI Cascader 级联选择器实现点击文本选中 阿程_88 #ElementUIelementui
    一、遇到的问题使用官方案例级联选择器时，只有点击前面小圆点才能选中，点击文本无法选中。二、需求级联选择器各层级都能选中，并且点击文本也能选中三、相关代码//级联选择器自定义浮层类名，实现前面单选框隐藏，点击文本即可选中功能.popper-custom{.el-cascader-panel{.el-cascader-menu{.el-radio{height:100%;width:150px;opa
  • elementui Cascader 级联选择器的使用总结 XUE_雪 elementui前端javascript
    实现效果技术要点总结如下：1、点击添加自动增加多行，实现自主选择增加多条节点数据2、节点地址使用的是Cascader级联选择器，需要动态生成，涉及到一个技术要点是：因v-modal只能获取value不能获取label，故需要解决在多个动态生成的Cascader分别获取他们选中的label和value,下面开始展示相关代码：html:添加删除确定取消js:handleChange(index){va
  • Element ui input 限制只能输入数字,且只能有两位小数 我家媳妇儿萌哒哒 elementUIuivue.jsjavascript
    %//elementuiinput限制只能输入数字,且只能有两位小数handleInput(value){value=value.replace(/[^\-\d.]/g,"")//将非数字和点以外的字符替换成空.replace(/^\./g,"")//验证第一个字符是数字而不是点.replace(/\.{2,}/g,".")//出现多个点时只保留第一个.replace(/(-)\./g,"$1")
  • java版本ERP管理系统源码 Spring Cloud alibaba Spring Boot MybatisPlus Redis VUE3 ElementUI 微服务 m0_66404702 javaspringbootredisERP管理系统源码
    在当今数字化浪潮的推动下，企业对于高效、稳定且易于扩展的管理系统需求日益增长。为了满足这一需求，我们精心打造了一款基于Java技术的鸿鹄ERP（EnterpriseResourcePlanning）管理系统。该系统充分利用了SpringCloudAlibaba、SpringBoot、MybatisPlus、Redis等先进技术栈，并结合前端框架VUE3和ElementUI，构建了一个功能丰富、性能
  • 使用http-request 属性替代action绑定上传URL J不A秃V头A 前端vue.js前端
    在ElementUI的组件中，如果你需要为上传的HTTP请求添加自定义的请求头（例如，为了通过身份验证或满足服务器端的特定要求），你不能直接在组件的属性中设置这些请求头。但是，你可以通过http-request属性来自定义上传的行为，包括设置请求头。http-request属性允许你完全控制上传的行为，包括如何构建请求、发送请求以及处理响应。这样，你就可以使用像request.js这样的自定义库来
  • 视觉SLAM十四讲学习笔记——第十讲 后端优化（2） 晒月光12138 视觉SLAM十四讲学习笔记slamubuntu
    上文提到考虑全局的后端优化计算量非常大，因此在计算增量方程时，借助H矩阵的稀疏性加速运算。但是随着时间的推移，累积的相机位姿和路标数量还是会导致计算量过大，以上一节的示例代码数据为例：16张图像，共提取到22106个特征点，这些特征点共出现了83718次。对于一个20Hz更新速度，上述的数据量甚至还不到1s的内容，因此在求解大规模定位建图问题时，一定要控制BA的规模。这里主要有两种解决思路：（1）
  • elementUI根据列表id进行列合并@莫成尘 莫成尘 vue.jselementui前端
    本文章提供了elementUI根据列表id进行列合并的demo，效果如图（可直接复制代码粘贴）exportdefault{name:'App',components:{},data(){return{tableList:[{id:10010,name:'小日',type:'子',dec:'小男孩来过这个地方',about:'广岛'},{id:10010,name:'小日',type:'子',dec
  • 后台系统+elementUI的分页器功能的实现及相关问题的解决 我爱加班、、 前端功能实现以及问题解决elementui前端javascriptvue.jsecmascript开发语言前端框架
    分页功能：table是支持高度设置的：heightTable的高度，默认为自动高度。如果height为number类型，单位px；如果height为string类型，则这个高度会设置为Table的style.height的值，Table的高度会受控于外部样式。string/number首先给父盒子添加一个90&的高度，然后在table组件添加height="90%",给它一个90%的高度。就会跟着
  • 在Element UI的＜el-table＞组件中，点击子元素不触发父级事件 HWL5679 vue.jsjavascriptecmascript
    在ElementUI的组件中，@row-click事件是绑定在整行上的，这意味着如果点击了表格的任意位置（除非有特定的子元素阻止了事件冒泡），都会触发这个事件。如果你想要在某些子元素上点击时不触发@row-click事件，你需要在这些子元素上阻止事件冒泡。你可以通过在子元素上添加点击事件并调用event.stopPropagation()方法来实现这一点。event.stopPropagation
  • 了解elementUI的底层源码, 进行二次开发 java我跟你拼了 前端学习笔记elementui前端javascript前端框架
    ElementUI是一个基于Vue.js的桌面端组件库，广泛用于构建美观、交互友好的用户界面。要深入理解ElementUI的底层源码并进行二次开发，你需要掌握以下几个关键点：Vue.js原理ElementUI是基于Vue.js构建的，因此首先需要熟悉Vue.js的核心概念和机制，包括：●组件系统：Vue.js的组件化思想，如何定义组件、使用组件、传递属性和事件。●数据响应式：Vue.js如何跟踪数
  • 在Vue中使用Element UI的表格组件时，通过点击表格的某一行来获取该行数据的id HWL5679 vue.js前端javascript
    在Vue中使用ElementUI的表格组件时，如果想通过点击表格的某一行来获取该行数据的id，可以使用@row-click事件监听器。这个事件监听器会在你点击表格的某一行时被触发，并且会提供一个参数row，这个row就是你点击的那一行的数据对象。首先，确保你的组件上添加了@row-click事件监听器，并绑定一个方法来处理这个事件。然后，在这个方法中，你可以通过row参数访问到当前行的所有数据，包
  • 20. Vue UI框架 ElementUi的使用 以及webpack.config.js配置 七三里 Vue基础中的基础+实战
    1.对于elementUI的简单说明基于Vue的UI框架=>饿了么公司基于vue开的的vue的Ui组件库=>ElementUi基于vuepc端的UI框架官网=>http://element.eleme.io/2.elementUI的使用（1）找官网http://element.eleme.io/#/zh-CN/component/quickstart（2）安装cnpmielement-ui-S-S
  • Vue + ElementUI 实现全国各个省份相对应城市的联动选择_vue+elementui 省市区联动 2401_84617681 程序员前端面试学习
    打开全栈工匠技能包-1小时轻松掌握SSR两小时精通jq+bs插件开发生产环境下如歌部署Node.js开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】网易内部VUE自定义插件库NPM集成谁说前端不用懂安全，XSS跨站脚本的危害webpack的loader到底是什么样的？两小时带你写一个自己loader:rules="rules"label-width="150px">定
  • 【vue、UI】使用 Vue2 和 Element UI 封装 CSV 文件上传组件,实现csv回显 fruge365 vue.jsuijavascript
    文章目录前言组件功能概述实现效果组件模板结构组件的核心逻辑1.数据属性定义2.方法拆解3.CSV文件解析方法4.错误处理方法组件样式完整组件代码总结待优化的地方前言在Vue2项目中，我们经常需要封装一些可重用的组件来提升开发效率。本文将介绍如何使用Vue2和ElementUI封装一个用于上传CSV文件并在对话框中回显其内容的公共组件。此组件共涉及两个接口：一个用于校验CSV文件内容是否合规，另一个
  • ElementUI 动态表格高度，使页面一屏显示 我的心巴 elementui前端javascript
    一、效果二、代码exportdefault{data(){return{maxHeight:500}},methods:{handlePageReSize(){letcard=document.querySelector('.el-card');this.maxHeight=card.clientHeight-108;}},mounted(){let_this=this;window.onresi
  • 动态显示和隐藏列的 Vue 组件 — 让你的表格“变身”！ 精神阿祝 前端vue.jsjavascript前端
    动态显示和隐藏列的el-table-column组件！在这个数字化的时代，大家都在追求个性化和灵活性。尤其是在表格中，列的显示和隐藏就是一种精髓。那么，如何做到这一点呢？今天就来聊聊如何使用Vue和ElementUI的el-table组件，打造一个动态显示和隐藏列的组件，让你的表格也能变得活灵活现。文章目录动态显示和隐藏列的el-table-column组件！组件的基本结构使用组件最终效果小结组件
  • 计算机毕业设计SSM_Vue宠物商城系统【代码讲解+安装调试+文档指导】 计算机毕业设计_吉哥
    作者：计算机编程-吉哥简介：专业从事JavaWeb程序开发，微信小程序开发，定制化项目、源码、代码讲解、文档撰写、ppt制作。做自己喜欢的事，生活就是快乐的。心愿：点赞收藏⭐评论文末获取源码联系技术选型spring、springmvc、mybatis、vue、elementUI、LayUI、mysql、tomcat8.5、jdk1.8数据库表结构14张开发工具：idea或者eclipse、navi
  • Element Plus设置表单字段为必填 J不A秃V头A 前端vue.jselementuijavascript
    在使用ElementPlus（一个基于Vue3的ElementUI组件库）时，设置表单字段为必填通常涉及到两个方面：表单验证（Validation）和表单字段的提示信息。ElementPlus提供了强大的表单验证功能，通过el-form组件的rules属性可以定义表单验证规则，以及通过el-form-item组件的prop属性指定当前表单项对应的数据字段名，从而实现表单验证。以下是一个简单的示例，
  • [黑洞与暗粒子]没有光的世界 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其他