子非 。
子非 。

Vue 动画隐藏显示 + v-pre + v-text -v-cloak +自定义指令

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
    <style>
        .fade-enter-active, .fade-leave-active {
            transition: opacity .5s;
        }
        .fade-enter, .fade-leave-to {
            opacity: 0;
        }

        .w-enter-active {
            transition: opacity 1s;
        }
         .w-leave-active {
            transition: opacity 5s;
        }
        .w-enter, .w-leave-to {
            opacity: 0;
            transform: translateX(10px);
        }
        [v-cloak] {
            display: none;
        }
    </style>
<body>

    <!-- *-leave 隐藏前  *-leave-active 隐藏中 *-leave-to 隐藏后 -->
    <!-- *-enter 显示前  *-enter-active 显示中 *-enter-to 显示后 -->
    <div id="app">
        <button v-on:click="show = !show">点击显示或隐藏</button>
        <transition name="fade">
            <p v-if="show">显示或隐藏</p>
        </transtion>
    </div> 
    <div id="demo">
        <button v-on:click="show = !show">点击显示或隐藏</button>
        <transition name="w">
            <p v-if="show">显示或隐藏</p>
        </transtion>
    </div>  
    
    <div id="demo1" v-cloak>
        <!-- v-pre 原样输出 -->
       <p v-pre>{{msg}}</p>

        <!-- 因为数据会有一个加载的过程会显示标签 -->
       <!-- 使用v-text解决  -->
       <p v-text="msg"></p>

       <!-- 也可以使用 v-cloak (在实例vue中的标签中添加 并添加样式) 这个指令保持在元素上直到关联实例结束编译-->
       <p>{{msg}}</p>
    </div>   
    <script src="./node_modules/vue/dist/vue.js"></script>
    <script>
        new Vue({
            el:'#app',
            data:{
                show:true,
                msg:'hello'
            }
        })
        new Vue({
            el:'#demo',
            data:{
                show:true
            }
        })
        new Vue({
            el:'#demo1',
            data:{
                msg:'hello'
            }
        })
    </script>    
</body>
</html>

自定义指令

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="demo1" v-cloak>
        <!-- 自定义指令 v-add   msg需要是数据 -->
       <div v-add="msg">{{msg}}</div>
    </div>   
    <script src="./node_modules/vue/dist/vue.js"></script>
    <script>
        // 全局定义自定义指令
    //    Vue.directive('add', {
    //        inserted: function(el, binding){
    //             el.innerHTML = "
这是我添加的
";
    //        }
    //    })
       
        new Vue({
            el:'#demo1',
            data:{
                msg:'hello'
            },
            //局部的自定义指令   注意这块定义是directives
            directives: {
                'add': {
                    bind:function(el){
                        el.style.color = "red";
                    },
                    inserted: function(el, binding){
                            el.innerHTML = "
这是我后添加的
";
                    }
                }
            }
        })
    </script>
 
</body>
</html>

你可能感兴趣的:(vue)

  • 免费文件管理 智能转换GC-Prevue：PDF 转 Word 多种格式 一键完成 文哥工具箱2 开源软件电脑软件工程
    前言在现代办公环境中，高效的数据处理和文档管理是提高工作效率的关键。GC-Prevue是一款专为Windows系统设计的办公辅助软件，软件下载地址安装包它通过一系列实用的功能，帮助用户更高效地处理和管理文档，提升整体办公效率。软件介绍GC-Prevue是一款集成了多种办公辅助功能的软件，旨在帮助用户更便捷地处理文档、表格和演示文稿。它支持多种文件格式，包括PDF、Word、Excel和PowerP
  • Vue 中的 this.$set() 使用详解(一文搞懂) 前端页面仔 vue.js前端javascriptreact.js前端框架开发语言ecmascript
    在Vue.js开发中，this.$set()是一个解决响应性问题的关键工具。本文将从基础使用到高级场景，全面解析这个方法的使用技巧和最佳实践。为什么需要this.$set()？——响应性原理的核心问题Vue的响应性系统无法检测对象属性的添加或删除，以及数组索引访问的变化。这是因为Vue2使用Object.defineProperty()实现响应性，它存在以下限制：//对象属性添加问题constob
  • Vue3 工程化实战 jay丿 vue.jsjavascripttypescript前端
    Vue3工程化实战引言：构建工具的演进与选择在前端工程化领域，构建工具的选择直接影响开发效率与项目性能。随着Vue3的普及，构建工具生态也发生了显著变化：传统vue-cli逐渐进入维护模式，而新一代构建工具Vite凭借其卓越性能成为官方推荐方案。本文将系统对比两种创建方式，并深入解析基于Vite的Vue3工程化实践。一、传统方案：基于vue-cli创建Vue3工程1.1创建流程#检查版本（需≥4.
  • vue3中slot（插槽）的详细使用 会飞的鱼先生 vue.js前端javascript
    在Vue3中，slot（插槽）是一种强大的组件内容分发机制，它允许父组件向子组件传递内容，从而使组件的使用更加灵活。以下是关于Vue3中slot的详细介绍一、默认插槽这是最基本的插槽形式。子组件中使用定义一个插槽，父组件可以将内容放置在子组件标签对之间来填充这个插槽。子组件代码示例childTest.vue父组件代码示例parentTest.vue1111importchildTestfrom'.
  • Vue部署Nginx之后，后台请求404 zhou_Tian VueNginxnginxvue.js运维
    部署到Nginx后，配置在vue中的针对某些请求（比如后端请求）的代理会失效（表现为这部分请求会404错误，但是项目css等静态资源都能正常访问），这时需要对Nginx配置相应的请求代理。比如我们Vue项目的vue.config.js配置如下：期望能将/api/为前缀的请求全都代理到http://10.3.0.145:8008/，本地以开发模式运行一切正常，但发布到Nginx后这个代理好像就失效了
  • 【Electron】vue+electron应用设置菜单 姑老爷呀 electronvue.jsjavascript
    一、前言本文主要介绍electron应用如何自定义菜单，以及在哪些地方可以使用Menu模块。一般情况menu只是设置给mac系统的，因为windows系统在应用做了无边框之后，是不会显示应用菜单的（这里Linux暂时不考虑）。点击查看Menu详情二、适用场景及实施1.应用内菜单自定义这个菜单是指的这里这里主要用到Menu的两个Api，分别是Menu.buildFromTemplate(templa
  • vue中父子组件通过prop传递函数，子组件调用函数本质 咔咔咔索菲斯 vue.js前端javascript
    在Vue中，通过prop将函数从父组件传递到子组件后，子组件调用的本质是父组件上的原始函数，而非新函数。具体原理如下：1.函数传递的本质：引用传递-JavaScript中，函数作为引用类型，传递的是内存地址（引用）而非副本。-父组件通过prop传递函数时，实际是将函数的引用传给子组件，两者指向同一函数对象。2.示例验证exportdefault{methods:{parentFunction(){
  • webpack配置 panda4919 webpack前端node.js
    一.基础配置：1.为什么需要打包：开发时，我们会使用框架（React、Vue），ES6模块化语法，Less/Sass等css预处理器等语法进行开发。这样的代码要想在浏览器运行必须经过编译成浏览器能识别的JS、Css等语法，才能运行。所以我们需要打包工具帮我们做完这些事。除此之外，打包工具还能压缩代码、做兼容性处理、提升代码性能等。2.有哪些打包工具：GruntGulpParcelWebpackRo
  • 基于flask+vue框架的法律咨询公司管理信息系统的分析与设计[开题+论文+程序]-计算机毕设 zhihao508 flaskvue.js课程设计
    本系统（程序+源码+数据库+调试部署+开发环境）带论文文档1万字以上，文末可获取，系统界面在最后面。系统程序文件列表开题报告内容研究背景随着社会的快速发展和法律意识的普遍增强，法律咨询服务需求日益增长，成为现代社会不可或缺的服务之一。传统法律咨询模式受限于时间、地域及信息不对称等问题，难以满足广大客户高效、便捷的服务需求。与此同时，法律咨询公司内部管理也面临挑战，如客户信息管理混乱、律师资源分配不
  • 基于vue框架的宠物店管理系统的设计与实现4czn0（程序+源码+数据库+调试部署+开发环境）系统界面在最后面。 小光学长 数据库
    系统程序文件列表项目功能：用户,商品分类,服务类型,商品信息,商品订单,宠物服务,服务预约,服务评价,商品咨询开题报告内容基于Vue框架的宠物店管理系统的设计与实现开题报告一、引言随着宠物行业的蓬勃发展，宠物店作为宠物产品与服务的重要提供者，其管理效率和服务质量直接关系到顾客的满意度和店铺的竞争力。传统的管理方式往往依赖于手工记录和纸质文档，这种方式不仅效率低下，而且容易出错，难以满足现代宠物店日
  • 基于vue框架的CIA报价平台的设计与实现1xv02（程序+源码+数据库+调试部署+开发环境）系统界面在最后面。
    系统程序文件列表项目功能：用户,供应商,产品分类,产品信息,在线咨询,资质申请开题报告内容基于Vue框架的CIA报价平台的设计与实现开题报告一、选题背景随着市场竞争的日益激烈，企业对于成本控制与效率提升的需求愈发迫切。在采购与供应链管理领域，传统的手工报价方式不仅耗时耗力，还难以保证报价的准确性和时效性，给企业的运营带来了不小的挑战。特别是针对复杂多变的采购需求，如何快速、准确地生成报价，同时有效
  • vue 防抖节流 浮桥 scsstypescriptvue.js
    //防抖一定时间内事件只执行一次exportfunction_debounce(fn,delay){vardelay=delay||200;vartimer;returnfunction(){varth=this;varargs=arguments;if(timer){clearTimeout(timer);}timer=setTimeout(function(){timer=null;fn.ap
  • uni-app subPackages 分包加载：优化应用性能的利器 阿珊和她的猫 uni-app状态模式
    前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》、《前端求职突破计划》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录subPackages配置注意事项优点使用场景在uni-app中，sub
  • java+vue+SpringBoo智慧旅游系统（程序+数据库+报告+部署教程+答辩指导）
    源代码+数据库+LW文档（1万字以上）+开题报告+答辩稿ppt+部署教程+代码讲解+代码时间修改工具技术实现开发语言：后端：Java前端：vue框架：springboot数据库：mysql开发工具JDK版本：JDK1.8数据库：mysql数据库工具：Navicat开发软件：idea主要角色及功能介绍本次系统的用例图做出了十分明确的功能划分，在设计时可以有很好的设计思路进行设计和延展。（1）管理员用
  • vue防抖节流 一个努力搬砖的小白 vue防抖节流vue.js
    防抖：用户在短时间内多次触发事件时，只取最后一次触发结果节流：用户在短时间内多次触发事件时，将次数压缩一次，取决于定时器设定的时间创建common.js文件//防抖lettimeout=nullexportconsttestFun=(fun,time=500)=>{if(timeout){clearTimeout(timeout)//规定时间内若定时器存在则清除}timeout=setTimeou
  • Vue 防抖节流函数与指令 qq_36193912 Vuevue.jsjavascriptecmascript
    直接上代码：/***防抖*@param{*}func*@param{*}wait*@returns*/functiondebounce(func,wait=300){lettimeout;returnfunction(...args){constcontext=this;clearTimeout(timeout);timeout=setTimeout(()=>{func.apply(context
  • vue3 el-table 列增加 自定义排序逻辑 海天胜景 vue.jsjavascriptelementui
    在Vue3中使用ElementPlus的组件时，如果你想增加自定义排序逻辑，可以通过以下几个步骤实现：1.使用default-sort属性首先，你可以在组件上使用default-sort属性来指定默认的排序规则。例如，如果你想默认按照某一列升序排序，可以这样做：2.使用sort-method或sort-comparator属性对于自定义排序逻辑，你可以使用sort-method或sort-comp
  • uni-app开发app保持登录状态 前端与小赵 uni-app前端移动端
    在uni-app中实现用户登录一次后在token过期前一直免登录的功能，可以通过以下几个关键步骤实现：本地持久化存储Token、使用请求与响应拦截器自动处理Token刷新、以及在App.vue中结合pages.json设置登录状态跳转逻辑。✅一、pages.json配置说明pages.json是uni-app的全局配置文件，用于定义页面路径、窗口样式、启动页等。虽然它不直接支持登录状态判断，但可以
  • 【vue3】el-table表头和表格文字都居中 晚睡要秃头 前端框架Vuehtml5javascript前端vueelementui
    1、表头文字居中：:cell-style="{textAlign:'center'}"查询2、表格内文字居中：:header-cell-style="{textAlign:'center'}"
  • 前端Vue面试八股常考题（二） LuxTorch 前端面试题vue.js前端面试
    文章目录1、VueRouter如何配置404页面？1.基础配置步骤2.高级用法2、Vue中的过滤器有哪些应用场景？Vue3如何替代？1.过滤器的核心功能2.典型应用场景3.Vue3中的替代方案3、Vue中computed和methods的区别是什么？示例对比4、什么是Vue的前端路由？如何实现？1.核心实现方式：VueRouter2.VueRouter配置步骤3.VueRouter核心功能特性5、
  • 手把手教你入门vue+springboot开发（十三）--无感token前端实现 段鸿潭 java前端vue.jsspringboot
    文章目录前言一、前端代码实现1.登录处理2.刷新token请求增加3.请求拦截器修改4.响应拦截器修改5.测试结果二、代码逻辑优化前言上一篇我们研究了无感token刷新的实现方案以及后端代码实现，本篇我们将详细研究一下前端代码实现，前端代码实现过程中也有很多细节的地方需要注意，重点要关注前端代码编码过程中的业务逻辑处理。一、前端代码实现1.登录处理Login.vue文件中：//调用接口,完成登录l
  • 开源项目收集 叶虽 开源项目mongodb数据库mysqlspringbootvue
    全网各类开源项目收集1、SpringBoot+Vue完整的外卖系统，手机端和后台管理，附源码！2、JEECG-BOOT适合SAAS项目、企业信息管理系统，办公统计管理3、J-IM即时通讯系统1、SpringBoot+Vue完整的外卖系统，手机端和后台管理，附源码！flash-waimai一个完整的外卖系统，包括手机端，后台管理，api基于springboot和vue的前后端分离的外卖系统包含完整的
  • Nuxt.js学习(二) --- Nuxt目录结构详解、Nuxt常用配置项、Nuxt路由配置和参数传递... 庭前云落 前端---Nuxt.JSvuejavajavascriptreactjs
    [TOC]1、Nuxt目录结构详解Nuxt项目文件目录结构|--.nuxt//Nuxt自动生成，临时的用于编辑的文件，build|--assets//用于组织未编译的静态资源入LESS、SASS或JavaScript|--components//用于自己编写的Vue组件，比如滚动组件，日历组件，分页组件|--layouts//布局目录，用于组织应用的布局组件，不可更改。|--middleware/
  • vue-31（Nuxt.js 中的数据获取：asyncData和fetch） 清幽竹客 VUEjavascriptvue.js前端
    Nuxt.js中的数据获取：asyncData和fetchNuxt.js为您的应用程序提供了强大而便捷的数据获取方式，尤其是在处理服务器端渲染（SSR）时。数据获取的两个主要方法是asyncData和fetch。了解每种方法的细微差别以及何时使用它们，对于构建高效和性能卓越的Nuxt.js应用程序至关重要。本课将深入探讨这些方法的细节，探索它们的功能、用例和差异。理解asyncDataasyncD
  • vue-32（部署一个 Nuxt.js 应用程序） 清幽竹客 VUEjavascriptvue.js前端
    部署一个Nuxt.js应用程序部署Nuxt.js应用程序是使您的创作向世界开放的最后一步。它包括为生产环境准备应用程序、选择合适的托管平台以及配置部署流程。本课程将指导您完成部署Nuxt.js应用程序的关键方面，确保顺利高效的发布。准备部署在部署您的Nuxt.js应用之前，优化它以适应生产环境至关重要。这涉及几个关键步骤：构建应用第一步是为生产环境构建您的Nuxt.js应用。这个过程会编译您的代码
  • Nuxt.js页面目录结构详解：从入门到精通 柏廷章Berta
    Nuxt.js页面目录结构详解：从入门到精通nuxtTheIntuitiveVueFramework.项目地址:https://gitcode.com/gh_mirrors/nu/nuxt什么是Nuxt.js的pages目录Nuxt.js采用基于文件系统的路由机制，pages目录是Nuxt项目中最核心的目录之一。该目录下的每个Vue组件文件都会自动映射为一个应用路由，这种设计极大地简化了路由配置工
  • 『uniapp』i18n 国际化（保姆级图文） 发现你走远了 uniapp企业级开发知识专栏uni-appi18n国际化vue-i18n
    目录预览效果项目根目录新建i18n文件夹安装vue-i18n指定版本main.js中引入i18n页面展示总结欢迎关注『uniapp』专栏，持续更新中欢迎关注『uniapp』专栏，持续更新中预览效果中文英文项目根目录新建i18n文件夹其中各个语言的json文件
  • Vue2（二）绑定样式、条件渲染、列表渲染、监视数据原理 DogEgg_001 Vue2vue.js前端javascript
    目录一、绑定样式1.绑定class样式2.绑定style样式二、条件渲染1.v-show渲染方式2.v-if渲染方式三、列表渲染1.v-for（1）遍历数组*（2）遍历对象*（3）遍历字符串（4）遍历指定次数2.Key原理和作用3.列表过滤4.列表排序四、Vue监测数据变化的原理1.不能监测到变化的情况（1）无法检测通过索引修改数组的操作*（2）无法检测数组和对象的新增2.Vue监测数据的原理（1
  • Vue列表渲染与数据监测原理 tianzhiyi1989sq vue.jsjavascript前端
    一、v-for指令详解v-for是Vue中最常用的指令之一，用于遍历展示列表数据。它的基本语法是：v-for="(val,key)inxxx":key="key"，其中in也可以替换为of。1.1基本用法v-for可以遍历多种数据类型：人员列表{{index}}:{{p.name}}-{{p.age}}车辆信息{{key}}:{{val}}字符信息{{index}}:{{char}}数字{{ind
  • 大话前端：Vue和React的生命周期
    Vue和React的生命周期可以比作一棵树的生命周期，从种子到成熟树木的整个过程。种子阶段（初始化）:Vue:这是创建Vue实例的过程，类似于树木的种子埋入土壤，开始萌芽。在这个阶段，Vue会初始化事件和生命周期，然后进入模板编译阶段。React:类似地，React组件的初始化阶段就像是种子的萌芽。这里涉及到组件的构造函数、getDefaultProps和getInitialState方法，它们为
  • windows下源码安装golang 616050468 golang安装golang环境windows
             系统： 64位win7， 开发环境：sublime text 2，  go版本： 1.4.1    1.  安装前准备(gcc, gdb, git)        golang在64位系
  • redis批量删除带空格的key bylijinnan redis
    redis批量删除的通常做法： redis-cli keys "blacklist*" | xargs redis-cli del 上面的命令在key的前后没有空格时是可以的，但有空格就不行了： $redis-cli keys "blacklist*" 1) "blacklist:12: [email protected]
  • oracle正则表达式的用法 0624chenhong oracle正则表达式
      方括号表达示 方括号表达式 描述 [[:alnum:]] 字母和数字混合的字符 [[:alpha:]] 字母字符 [[:cntrl:]] 控制字符 [[:digit:]] 数字字符 [[:graph:]] 图像字符 [[:lower:]] 小写字母字符 [[:print:]] 打印字符 [[:punct：]] 标点符号字符 [[:space:]]
  • 2048源码(核心算法有，缺少几个anctionbar，以后补上) 不懂事的小屁孩 2048
    2048游戏基本上有四部分组成， 1：主activity，包含游戏块的16个方格，上面统计分数的模块 2：底下的gridview，监听上下左右的滑动，进行事件处理， 3：每一个卡片，里面的内容很简单，只有一个text，记录显示的数字 4：Actionbar，是游戏用重新开始，设置等功能(这个在底下可以下载的代码里面还没有实现) 写代码的流程 1：设计游戏的布局，基本是两块，上面是分
  • jquery内部链式调用机理 换个号韩国红果果 JavaScriptjquery
    只需要在调用该对象合适(比如下列的setStyles)的方法后让该方法返回该对象（通过this  因为一旦一个函数称为一个对象方法的话那么在这个方法内部this（结合下面的setStyles）指向这个对象） function create(type){ var element=document.createElement(type); //this=element;
  • 你订酒店时的每一次点击 背后都是NoSQL和云计算 蓝儿唯美 NoSQL
    全球最大的在线旅游公司Expedia旗下的酒店预订公司，它运营着89个网站，跨越68个国家，三年前开始实验公有云，以求让客户在预订网站上查询假期酒店时得到更快的信息获取体验。 云端本身是用于驱动网站的部分小功能的，如搜索框的自动推荐功能，还能保证处理Hotels.com服务的季节性需求高峰整体储能。 Hotels.com的首席技术官Thierry Bedos上个月在伦敦参加“2015 Clou
  • java笔记1 a-john java
    1，面向对象程序设计（Object-oriented Propramming，OOP）：java就是一种面向对象程序设计。 2，对象：我们将问题空间中的元素及其在解空间中的表示称为“对象”。简单来说，对象是某个类型的实例。比如狗是一个类型，哈士奇可以是狗的一个实例，也就是对象。 3，面向对象程序设计方式的特性：     3.1 万物皆为对象。    
  • C语言 sizeof和strlen之间的那些事 C/C++软件开发求职面试题 必备考点（一） aijuans C/C++求职面试必备考点
            找工作在即，以后决定每天至少写一个知识点，主要是记录，逼迫自己动手、总结加深印象。当然如果能有一言半语让他人收益，后学幸运之至也。如有错误，还希望大家帮忙指出来。感激不尽。        后学保证每个写出来的结果都是自己在电脑上亲自跑过的，咱人笨，以前学的也半吊子。很多时候只能靠运行出来的结果再反过来
  • 程序员写代码时就不要管需求了吗？ asia007 程序员不能一味跟需求走
          编程也有2年了，刚开始不懂的什么都跟需求走，需求是怎样就用代码实现就行，也不管这个需求是否合理，是否为较好的用户体验。当然刚开始编程都会这样，但是如果有了2年以上的工作经验的程序员只知道一味写代码，而不在写的过程中思考一下这个需求是否合理，那么，我想这个程序员就只能一辈写敲敲代码了。       我的技术不是很好，但是就不代
  • Activity的四种启动模式 百合不是茶 android栈模式启动Activity的标准模式启动栈顶模式启动单例模式启动
    android界面的操作就是很多个activity之间的切换,启动模式决定启动的activity的生命周期 ;   启动模式xml中配置     <activity android:name=".MainActivity" android:launchMode="standard&quo
  • Spring中@Autowired标签与@Resource标签的区别 bijian1013 javaspring@Resource@Autowired@Qualifier
    Spring不但支持自己定义的@Autowired注解，还支持由JSR-250规范定义的几个注解，如：@Resource、 @PostConstruct及@PreDestroy。   1. @Autowired    @Autowired是Spring 提供的，需导入    Package:org.springframewo
  • Changes Between SOAP 1.1 and SOAP 1.2 sunjing ChangesEnableSOAP 1.1SOAP 1.2
    JAX-WS SOAP Version 1.2 Part 0: Primer (Second Edition) SOAP Version 1.2 Part 1: Messaging Framework (Second Edition) SOAP Version 1.2 Part 2: Adjuncts (Second Edition)   Which style of WSDL
  • 【Hadoop二】Hadoop常用命令 bit1129 hadoop
    以Hadoop运行Hadoop自带的wordcount为例，   hadoop脚本位于/home/hadoop/hadoop-2.5.2/bin/hadoop，需要说明的是，这些命令的使用必须在Hadoop已经运行的情况下才能执行   Hadoop HDFS相关命令  hadoop fs -ls  列出HDFS文件系统的第一级文件和第一级
  • java异常处理（初级） 白糖_ javaDAOspring虚拟机Ajax
    从学习到现在从事java开发一年多了，个人觉得对java只了解皮毛，很多东西都是用到再去慢慢学习，编程真的是一项艺术，要完成一段好的代码，需要懂得很多。 最近项目经理让我负责一个组件开发，框架都由自己搭建，最让我头疼的是异常处理，我看了一些网上的源码，发现他们对异常的处理不是很重视，研究了很久都没有找到很好的解决方案。后来有幸看到一个200W美元的项目部分源码，通过他们对异常处理的解决方案，我终
  • 记录整理-工作问题 braveCS 工作
    1）那位同学还是CSV文件默认Excel打开看不到全部结果。以为是没写进去。同学甲说文件应该不分大小。后来log一下原来是有写进去。只是Excel有行数限制。那位同学进步好快啊。 2）今天同学说写文件的时候提示jvm的内存溢出。我马上反应说那就改一下jvm的内存大小。同学说改用分批处理了。果然想问题还是有局限性。改jvm内存大小只能暂时地解决问题，以后要是写更大的文件还是得改内存。想问题要长远啊
  • org.apache.tools.zip实现文件的压缩和解压，支持中文 bylijinnan apache
    刚开始用java.util.Zip，发现不支持中文（网上有修改的方法，但比较麻烦） 后改用org.apache.tools.zip org.apache.tools.zip的使用网上有更简单的例子 下面的程序根据实际需求，实现了压缩指定目录下指定文件的方法 import java.io.BufferedReader; import java.io.BufferedWrit
  • 读书笔记-4 chengxuyuancsdn 读书笔记
    1、JSTL 核心标签库标签 2、避免SQL注入 3、字符串逆转方法 4、字符串比较compareTo 5、字符串替换replace 6、分拆字符串 1、JSTL 核心标签库标签共有13个， 学习资料：http://www.cnblogs.com/lihuiyy/archive/2012/02/24/2366806.html 功能上分为4类： (1)表达式控制标签：out
  • [物理与电子]半导体教材的一个小问题 comsci 问题
          各种模拟电子和数字电子教材中都有这个词汇-空穴       书中对这个词汇的解释是; 当电子脱离共价键的束缚成为自由电子之后,共价键中就留下一个空位,这个空位叫做空穴       我现在回过头翻大学时候的教材,觉得这个
  • Flashback Database --闪回数据库 daizj oracle闪回数据库
    Flashback 技术是以Undo segment中的内容为基础的， 因此受限于UNDO_RETENTON参数。要使用flashback 的特性，必须启用自动撤销管理表空间。 在Oracle 10g中， Flash back家族分为以下成员： Flashback Database， Flashback Drop，Flashback Query(分Flashback Query,Flashbac
  • 简单排序:插入排序 dieslrae 插入排序
    public void insertSort(int[] array){ int temp; for(int i=1;i<array.length;i++){ temp = array[i]; for(int k=i-1;k>=0;k--)
  • C语言学习六指针小示例、一维数组名含义，定义一个函数输出数组的内容 dcj3sjt126com c
    # include <stdio.h> int main(void) { int * p; //等价于 int *p 也等价于 int* p; int i = 5; char ch = 'A'; //p = 5; //error //p = &ch; //error //p = ch; //error p = &i; //
  • centos下php redis扩展的安装配置3种方法 dcj3sjt126com redis
    方法一 1.下载php redis扩展包  代码如下 复制代码 #wget http://redis.googlecode.com/files/redis-2.4.4.tar.gz 2 tar -zxvf 解压压缩包，cd /扩展包 （进入扩展包然后 运行phpize 一下是我环境中phpize的目录，/usr/local/php/bin/phpize (一定要
  • 线程池(Executors) shuizhaosi888 线程池
    在java类库中，任务执行的主要抽象不是Thread，而是Executor，将任务的提交过程和执行过程解耦 public interface Executor { void execute(Runnable command); }   public class RunMain implements Executor{ @Override pub
  • openstack 快速安装笔记 haoningabc openstack
    前提是要配置好yum源 版本icehouse，操作系统redhat6.5 最简化安装，不要cinder和swift 三个节点 172 control节点keystone glance horizon 173 compute节点nova 173 network节点neutron control /etc/sysctl.conf net.ipv4.ip_forward =
  • 从c面向对象的实现理解c++的对象（二） jimmee C++面向对象虚函数
    1. 类就可以看作一个struct，类的方法，可以理解为通过函数指针的方式实现的，类对象分配内存时，只分配成员变量的，函数指针并不需要分配额外的内存保存地址。 2. c++中类的构造函数，就是进行内存分配(malloc)，调用构造函数 3. c++中类的析构函数，就时回收内存(free) 4. c++是基于栈和全局数据分配内存的，如果是一个方法内创建的对象，就直接在栈上分配内存了。 专门在
  • 如何让那个一个div可以拖动 lingfeng520240 html
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml
  • 第10章 高级事件（中） onestopweb 事件
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • 计算两个经纬度之间的距离 roadrunners 计算纬度LBS经度距离
    要解决这个问题的时候，到网上查了很多方案，最后计算出来的都与百度计算出来的有出入。下面这个公式计算出来的距离和百度计算出来的距离是一致的。 /** * * @param longitudeA * 经度A点 * @param latitudeA * 纬度A点 * @param longitudeB *
  • 最具争议的10个Java话题 tomcat_oracle java
    1、Java8已经到来。什么！？ Java8 支持lambda。哇哦，RIP Scala！ 　　随着Java8 的发布，出现很多关于新发布的Java8是否有潜力干掉Scala的争论，最终的结论是远远没有那么简单。Java8可能已经在Scala的lambda的包围中突围，但Java并非是函数式编程王位的真正觊觎者。 　 　2、Java 9 即将到来 　　 Oracle早在8月份就发布
  • zoj 3826 Hierarchical Notation(模拟) 阿尔萨斯 rar
    题目链接：zoj 3826 Hierarchical Notation 题目大意：给定一些结构体，结构体有value值和key值，Q次询问，输出每个key值对应的value值。 解题思路：思路很简单，写个类词法的递归函数，每次将key值映射成一个hash值，用map映射每个key的value起始终止位置，预处理完了查询就很简单了。 这题是最后10分钟出的，因为没有考虑value为{}的情
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他