黑白猿
黑白猿

【猿说VUE】Vue过滤器使用介绍（劳动节致敬）

12 VUE基础：过滤器

Vue允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示。


{{ message | capitalize }}


<div v-bind:id="rawId | formatId">div>

你可以在一个组件的选项中定义本地的过滤器：

filters: {
  capitalize: function (value) {
    if (!value) return ''
    value = value.toString()
    return value.charAt(0).toUpperCase() + value.slice(1)
  }
}

或者在创建 Vue 实例之前全局定义过滤器：

Vue.filter('capitalize', function (value) {
  if (!value) return ''
  value = value.toString()
  return value.charAt(0).toUpperCase() + value.slice(1)
})

new Vue({
  // ...
})

当全局过滤器和局部过滤器重名时，会采用局部过滤器。

过滤器函数总接收表达式的值 (之前的操作链的结果) 作为第一个参数。在上述例子中，capitalize 过滤器函数将会收到 message 的值作为第一个参数。

过滤器可以串联：

{{ message | filterA | filterB }}

在这个例子中，filterA 被定义为接收单个参数的过滤器函数，表达式 message 的值将作为参数传入到函数中。然后继续调用同样被定义为接收单个参数的过滤器函数 filterB，将 filterA 的结果传递到 filterB 中。

过滤器是 JavaScript 函数，因此可以接收参数：

{{ message | filterA('arg1', arg2) }}

这里，filterA 被定义为接收三个参数的过滤器函数。其中 message 的值作为第一个参数，普通字符串 'arg1' 作为第二个参数，表达式 arg2 的值作为第三个参数。

12.1 引入第三方库作为过滤器的助攻

Moment.js 是一个 JavaScript 日期处理类库，用于解析、检验、操作、以及显示日期。上面的例子中我们引入第三方库，看看怎么使用。

  • 引入对应的JS文件

  • 自定义过滤器

  • 使用Moment的格式化函数


<html>
  <head>
    <meta charset="UTF-8">
    <title>VUE之过滤器title>
  head>
  <body>
    <div id="app">
      <h2>显示格式化的日期时间h2>
      <p>默认显示：{{showTime}}p>
      <p>最完整的: {{showTime | formatDateLocal}}p>
      <p>Moment格式化年月日: {{showTime | dateFormatS()}}p>

    div>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">script>
    <script type="text/javascript" src="https://cdn.bootcss.com/moment.js/2.21.0/moment.js">script>
    <script type="text/javascript">
      
      // 定义过滤器
      Vue.filter('dateFormatS', function (value, format='YYYY-MM-DD HH:mm:ss') {
        return moment(value).format(format);
      })
      
      const vm = new Vue({
        el: "#app",
        data: {
          showTime: new Date()
        },
        filters: {
          formatDateLocal(strDate){
            // 进行日期格式转换
            let date = new Date(strDate);
            let y = date.getFullYear();
            let MM = date.getMonth() + 1;
            MM = MM < 10 ? ('0' + MM) : MM;
            let d = date.getDate();
            d = d < 10 ? ('0' + d) : d;
            let h = date.getHours();
            h = h < 10 ? ('0' + h) : h;
            let m = date.getMinutes();
            m = m < 10 ? ('0' + m) : m;
            let s = date.getSeconds();
            s = s < 10 ? ('0' + s) : s;
            return y + '-' + MM + '-' + d + ' ' + h + ':' + m + ':' + s;
          }
        }

      })
    script>
  body>
html>

你可能感兴趣的:(前端VUE)

  • 音视频会议服务搭建(设计方案-两种集成方案对比)-03 卜锦元 流媒体websocket音视频webrtcgolang音视频gonode.jswebrtcc++redismysql
    前言在开始计划之前，查阅了不少资料。一种方案是Go层做信令业务，nodejs层来管理和mediasoup的底层交互，通过客户端去调用Go层；第二种方案是客户端直接调用nodejs层来跟mediasoup去交互；最终，当然不出意料的选择了项目复杂的构建方案，为性能去考虑。EchoMeet架构方案对比分析1.两种架构方案概览方案A：Go+Node.js双系统架构（当前方案）前端Vue3+mediaso
  • 前端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、
  • 前端vue2 报错不是一个函数 怎么解决？ 突然暴富的我 || 比较富的我 vue.js前端javascript
    检查函数定义确保报错的函数确实在对应的组件或模块中正确定义。函数需要在methods对象中声明，或在混合（mixins）、插件中正确引入。例如：methods:{myFunction(){//函数逻辑}}检查函数调用方式确认函数调用时没有拼写错误，且调用方式正确。在模板中调用需使用@click="myFunction"，在脚本中调用需使用this.myFunction()。注意避免直接调用未绑定的
  • vue el-date-picker 直接赋值时控件失效 梓暮 ITvue.js前端elementui
    项目场景：前端vueel-date-picker控件无故失效问题描述本人是主打后端，新进的公司要求前后端全干，然后又因为前端做得少，所以经常碰到一些奇怪的问题，比如以下操作，是给vue前端el-date-picker这个时间控件赋值，但是发现，数据是赋值上去了，但是控件失效了，怎么点都没用if(resData.batchEntity.manage_scene_start_time!=null&&r
  • 实用前端vue页面引入 .md文件 xqqwyy vuevue.js前端javascriptvue
    项目场景：提示：这里简述项目相关背景：vue前端页面引入.md文件解决方案：提示：这里填写该问题的具体解决方案：1.安装依赖npminstallvue-markdown-loader--save2.vue.config.js中配置chainWebpack:config=>{config.module.rule("md").test(/\.md/).use("vue-loader").loader(
  • Vue集成PageOffice实现在线编辑word、excel(前端配置) 逆羽~ wordexceljavascript前端vue.jses6
    一、什么是PageOfficePageOffice是一款在线的office编辑软件，帮助Web应用系统或Web网站实现用户在线编辑Word、Excel、PowerPoint文档。可以完美实现在线公文流转，领导批阅，盖章。可以给文件添加水印，在线安全预览防止用户下载和复制文件等。二、环境要求前端Vue项目：Node.js10及以上版本（当前集成方式不支持vue3，原因是vue3不兼容ie)三、前端配
  • 【Rust】——使用消息在线程之间传递数据 Y小夜 Rust（官方文档重点总结）rust开发语言后端
    博主现有专栏：C51单片机（STC89C516），c语言，c++，离散数学，算法设计与分析，数据结构，Python，Java基础，MySQL，linux，基于HTML5的网页设计及应用，Rust（官方文档重点总结），jQuery，前端vue.js，Javaweb开发，Python机器学习等主页链接：Y小夜-CSDN博客目录信道与所有权转移发送多个值并观察接收者的等待通过克隆发送者来创建多个生产者学
  • 基于ThinkPhp6+Vue+AntDesign前后端分离解决方案 理查德.克莱德曼 ThinkPhp6AntDesignVuevue.js前端ui
    项目介绍一款PHP语言基于ThinkPhp6、Vue、AntDesign等框架精心打造的一款模块化、插件化、高性能的前后端分离架构敏捷开发框架，可用于快速搭建前后端分离后台管理系统，本着简化开发、提升开发效率的初衷，目前框架已集成了完整的RBAC权限架构和常规基础模块，前端Vue端支持多主题切换，可以根据自己喜欢的风格选择想一个的主题，实现了个性化呈现的需求；为了敏捷快速开发，提升研发效率，框架内
  • 基于laravel+antdesign+vue的前后端分离开发框架 理查德.克莱德曼 LaravelAntDesignVuevue.jslaravel前端
    项目介绍一款PHP语言基于Laravel8、Vue、AntDesign等框架精心打造的一款模块化、插件化、高性能的前后端分离架构敏捷开发框架，可用于快速搭建前后端分离后台管理系统，本着简化开发、提升开发效率的初衷，目前框架已集成了完整的RBAC权限架构和常规基础模块，前端Vue端支持多主题切换，可以根据自己喜欢的风格选择想一个的主题，实现了个性化呈现的需求；为了敏捷快速开发，提升研发效率，框架内置
  • 一款基于Laravel8.x+Vue+AntDesign前后端分离极速后台通用管理系统
    项目介绍一款PHP语言基于Laravel8、Vue、AntDesign等框架精心打造的一款模块化、插件化、高性能的前后端分离架构敏捷开发框架，可用于快速搭建前后端分离后台管理系统，本着简化开发、提升开发效率的初衷，目前框架已集成了完整的RBAC权限架构和常规基础模块，前端Vue端支持多主题切换，可以根据自己喜欢的风格选择想一个的主题，实现了个性化呈现的需求；为了敏捷快速开发，提升研发效率，框架内置
  • 前端vue js 使用插件 spark-md5 计算文件MD5值并封装成Promise异步调用方法 低级前端 Vue学习Vue3学习+实战uniappjavascript前端vue.jsspark开发语言
    1.依赖：需要安装spark-md5npminstall--savespark-md52.代码分析1.功能：该函数接收一个File对象，将其分块（每块2MB）读取，并使用spark-md5计算整个文件的MD5哈希值。返回一个Promise，成功时解析为MD5字符串，失败时拒绝并返回错误信息。2.关键点：分块处理：通过FileReader逐块读取文件，避免一次性加载大文件导致内存问题。兼容性：处理了
  • Jenkins部署Java(maven)项目&Vue前端项目部署流水线pipeline模版-可直接使用Jenkinsfile
    流水线已经编写完毕,修改流水线中参数,即可使用tips:注意Jenkins中是否给机器配置了路径前缀,本文均没有配置,使用绝对路径前端VUE部署模版#!groovypipeline{agentanyenvironment{//环境标识无其他用处,作为标识ENV_NAME="dev"//服务器标识Jenkins设置中服务器标识SERVER_CONFIG_NAME="DevComputer"//远程项
  • 解决前端vue项目在linux上，npm install，node-sass 安装失败的问题 _朱志强 前端vue.jslinux
    Unabletosavebinary/var/lib/jenkins/workspace/xxx/node_modules/node-sass/vendor/linux-x64-72:Error:EACCES:permissiondenied,mkdir‘/var/lib/jenkins/workspace/x/node_modules/node-sass/vendor’这个是node-sass安
  • 【Node技巧】Node部署前端Vue项目的深度解析
    ‍一名茫茫大海中沉浮的小小程序员你的一键四连(关注点赞+收藏+评论)是我更新的最大动力❤️！目录前言1️⃣Node.js与Vue部署的基本原理2️⃣部署前的准备工作3️⃣Vue项目构建4️⃣Node.js服务器的选择与设置5️⃣部署Vue静态文件6️⃣反向代理与负载均衡配置7️⃣自动化部署流程：CI/CD集成8️⃣安全与优化结语前言随着前后端分离架构的流行，Vue.js作为前端开发的热门框架，正被
  • Java全栈项目实战：校园论坛社交平台开发 天天进步2015 Java项目实战java开发语言
    项目简介本文将分享一个基于SpringBoot+Vue.js开发的校园论坛社交平台项目的开发经验。该平台旨在为校园师生提供一个交流互动的线上空间，支持发帖、评论、私信等核心社交功能。技术栈后端SpringBoot2.xSpringSecurityMyBatisPlusRedisMySQL8.0ElasticSearch前端Vue.js2.xElementUIAxiosVuexVueRouter核心
  • python实现后端+前端Vue框架+mysql qq_45908223 前端vue.jsmysqlpython
    1.前端设计，前端使用vue框架实现。App.vue前端设计为三部分：#前端页面部分设计 用例生成保存测试用例#脚本设置，此时可以将脚本的设置分为五个部分#1.页面跳转部分，引入不同页面importTestfrom'./pages/Test.vue';exportdefault{components:{Test},#2.数据传输格式定义data(){return{messages:[],//多选数
  • SpringBoot+Vue+MySQL全栈开发实战：前后端接口对接与数据存储详解 米粉0305 springbootvue.jsmysql
    SpringBoot+Vue+MySQL全栈开发实战：前后端接口对接与数据存储详解本文将深入探讨如何高效连通SpringBoot后端、Vue前端和MySQL数据库，构建企业级全栈应用。基于2025年最新技术实践，包含8大核心模块、15个代码示例和3种可视化图表，助你掌握前后端分离架构的精髓。一、技术栈全景图与核心组件Axios请求JPA/MyBatis返回数据JSON响应前端Vue.jsSprin
  • 前端vue2项目，执行npm install 命令直接报错，如何解决？| 亲测有效 bug菌¹ 全栈Bug调优(实战版)前端npmnode.jsnpminstall
    本文收录于《全栈Bug调优(实战版)》专栏，主要记录项目实战过程中所遇到的Bug或因后果及提供真实有效的解决方案，希望能够助你一臂之力，帮你早日登顶实现财富自由；同时，欢迎大家关注&&收藏&&订阅！持续更新中，up！up！up！！全文目录：问题描述解决方案解决步骤1.**以管理员身份运行【实测有效】**2.**清理npm缓存**3.**修改npm全局目录和缓存目录的权限**4.**更改npm缓存和
  • 前端 Vue 状态管理库 Vuex 详细攻略 大厂前端小白菜 前端vue.jsjavascript
    前端Vue状态管理库Vuex详细攻略关键词：Vuex、状态管理、Vue.js、前端开发、数据流、单一数据源、组件通信摘要：本文将全面介绍Vue的状态管理库Vuex，从基本概念到核心原理，再到实际项目应用。我们将通过生动形象的比喻和详细的代码示例，帮助开发者理解Vuex的设计思想和使用方法，掌握如何优雅地管理复杂应用的状态数据。背景介绍目的和范围本文旨在为前端开发者提供一份全面的Vuex学习指南，涵
  • 解决Vue-devtools图标不亮不能使用，显示vue.js not detected 斯***龙 vue.js前端javascript
    如果是刚刚安装了这个拓展，发现他是灰色的，不要担心，很有可能是你的业面还没有运行vue实例，这是他就是灰色的，而你在VScode里面把你的前端vue实例进行运行了，再看浏览器就可以看到插件自动识别了，并且有了颜色，工具栏里也自动有了，而其他没有vue实例的业面的vue在工具栏里面也是没有的，很正常。
  • qiankun微前端vue3+ts+vite（配置示例） 湖边看客 前端
    //主应用main.ts//注册子应用registerMicroApps([{name:'sub_ANALYTICS_APM_SEARCH',entry:'http://localhost:7101/',//子应用地址container:'#sub-container',//子应用挂载容器activeRule:'/controller/#/location=ANALYTICS_APM_SEARCH
  • golang通用后台管理系统 半城 风雨 golang
    项目介绍一款Go语言基于Gin、Xorm、Vue、ElementUI、MySQL等框架精心打造的一款模块化、插件化、高性能的前后端分离架构敏捷开发框架，可快速搭建前后端分离后台管理系统，本着简化开发、提升开发效率的初衷，框架自研了一套个性化的组件，实现了可插拔的组件式开发方式，同时为了敏捷快速开发，框架特地集成了代码生成器，完全自主研发了自定义GO后端服务模板和前端Vue自定义模板，可以根据已建好
  • 【Rust】——项目实例：——命令行实例（一） Y小夜 Rust（官方文档重点总结）rust开发语言后端
    博主现有专栏：C51单片机（STC89C516），c语言，c++，离散数学，算法设计与分析，数据结构，Python，Java基础，MySQL，linux，基于HTML5的网页设计及应用，Rust（官方文档重点总结），jQuery，前端vue.js，Javaweb开发，Python机器学习等主页链接：Y小夜-CSDN博客目录接收命令行程序读取参数将参数值保存进变量读取文件重构二进制项目的关注分离提取
  • 前端vue2-完全前端生成pdf-＞pdf-lib,html2canvas+jspdf,原生打印，三种方式（打印带有echarts图的pdf） Shi_haoliu 前端pdfvue.jsjavascriptechartsgithtml5
    pdf-lib：优点是可以控制输出内容，缺点是麻烦html2canvas：优点是直接把html页面转成图片之后插入pdf很方便，不用过多的代码，缺点是不好控制图片大小，容易被戒断，可以把想打印的内容藏在页面外面(postion:absoult;left:-9999)原生打印：原生浏览器打印，完全无法控制pdfkit：尝试了一下pdfkit，一直在报错，不好用目前只有0.12.1版本能打印，但是ec
  • Python+Django学生在线课程学习与考试系统(Pycharm Flask Django Vue mysql) QQ55318293 pythondjango学习
    收藏关注不迷路，防止下次找不到！文章末尾有惊喜项目介绍Python+Django学生在线课程学习与考试系统(PycharmFlaskDjangoVuemysql)项目展示详细视频演示请联系我获取更详细的演示视频，相识就是缘分，欢迎合作！！！所用技术栈前端vue.js框架支持：django数据库：mysql5.7数据库工具：NavicatPython版本：python3.7开发软件：PyCharm浏
  • Vue--》Vue3打造可扩展的项目管理系统后台的完整指南（十） 亦世凡华、 vue开发vue.js前端javascript经验分享前端框架
    今天开始使用vue3+ts搭建一个项目管理的后台，因为文章会将项目的每一个地方代码的书写都会讲解到，所以本项目会分成好几篇文章进行讲解，我会在最后一篇文章中会将项目代码开源到我的GithHub上，大家可以自行去进行下载运行，希望本文章对有帮助的朋友们能多多关注本专栏，学习更多前端vue知识，然后开篇先简单介绍一下本项目用到的技术栈都有哪几个方面（阅读本文章能够学习到的技术）：vite：快速轻量且功
  • 前端vue后端java,Vue调用后端java接口的实例代码_亦心_前端开发者 窦泽南 前端vue后端java
    前段时间做了个学校的春萌项目，其中用到先上后端接口代码：packagecontroller;importnet.sf.json.JSONObject;importutil.DBUtil;importjavax.servlet.ServletException;importjavax.servlet.annotation.WebServlet;importjavax.servlet.http.Htt
  • Java全栈项目：校园智能门禁系统 天天进步2015 Java项目实战java开发语言
    项目介绍校园智能门禁系统是一个基于Java开发的全栈项目，采用前后端分离架构，旨在为校园提供现代化、智能化的门禁管理解决方案。本系统集成了指纹识别、RFID卡识别等多种认证方式，实现了对师生进出校园的智能化管理。技术栈后端SpringBoot2.7.xSpringSecurityMySQL8.0MyBatis-PlusRedisJWT前端Vue3ElementPlusAxiosVite核心功能模块
  • 前端 Vue.js 与 WebSocket 的集成应用 前端视界 前端艺匠馆前端vue.jswebsocketai
    前端Vue.js与WebSocket的集成应用关键词：Vue.js、WebSocket、实时通信、前端集成、事件驱动、消息处理、实战案例摘要：本文深入探讨如何在Vue.js中集成WebSocket实现实时通信，从核心概念到实战应用逐步解析。通过剖析WebSocket协议原理、Vue组件生命周期与响应式机制的结合，提供完整的代码实现方案。涵盖开发环境搭建、消息处理逻辑、重连机制、安全优化等关键技术点
  • 硅谷甄选前端Vue3+TS学习笔记 玹嬬茉 学习笔记前端
    vue3+ts水平一般，还在学习阶段，主要是记录一些自己使用不怎么熟练的，欢迎指导与讨论。nextTick使用场景：layout中main组件，进行刷新时重新获取路由发送请求，策略为销毁路由再重新创建，不使用定时器时因为不能明确路由何时被销毁。importuseLayoutSettingStorefrom"@/store/modules/setting.ts";import{watch,ref,n
  • LeetCode[Math] - #66 Plus One Cwind javaLeetCode题解AlgorithmMath
    原题链接：#66 Plus One   要求： 给定一个用数字数组表示的非负整数，如num1 = {1, 2, 3, 9}, num2 = {9, 9}等，给这个数加上1。 注意： 1. 数字的较高位存在数组的头上，即num1表示数字1239 2. 每一位（数组中的每个元素）的取值范围为0~9   难度：简单   分析： 题目比较简单，只须从数组
  • JQuery中$.ajax()方法参数详解 AILIKES JavaScriptjsonpjqueryAjaxjson
    url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。 type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和    delete也可以使用，但仅部分浏览器支持。 timeout: 要求为Number类型的参数，设置请求超时时间（毫秒）。此设置将覆盖$.ajaxSetup()方法的全局
  • JConsole & JVisualVM远程监视Webphere服务器JVM Kai_Ge JVisualVMJConsoleWebphere
        JConsole是JDK里自带的一个工具，可以监测Java程序运行时所有对象的申请、释放等动作，将内存管理的所有信息进行统计、分析、可视化。我们可以根据这些信息判断程序是否有内存泄漏问题。 　　使用JConsole工具来分析WAS的JVM问题，需要进行相关的配置。 　　首先我们看WAS服务器端的配置. 　　1、登录was控制台https://10.4.119.18
  • 自定义annotation 120153216 annotation
    Java annotation 自定义注释@interface的用法 一、什么是注释      说起注释，得先提一提什么是元数据(metadata)。所谓元数据就是数据的数据。也就是说，元数据是描述数据的。就象数据表中的字段一样，每个字段描述了这个字段下的数据的含义。而J2SE5.0中提供的注释就是java源代码的元数据，也就是说注释是描述java源
  • CentOS 5/6.X 使用 EPEL YUM源 2002wmj centos
    CentOS 6.X 安装使用EPEL YUM源1. 查看操作系统版本[root@node1 ~]# uname -a Linux node1.test.com 2.6.32-358.el6.x86_64 #1 SMP Fri Feb 22 00:31:26 UTC 2013 x86_64 x86_64 x86_64 GNU/Linux [root@node1 ~]#
  • 在SQLSERVER中查找缺失和无用的索引SQL 357029540 SQL Server
    --缺失的索引 SELECT  avg_total_user_cost * avg_user_impact * ( user_scans + user_seeks ) AS PossibleImprovement ,          last_user_seek ,    
  • Spring3 MVC 笔记（二） —json+rest优化 7454103 Spring3 MVC
    接上次的 spring mvc 注解的一些详细信息！                          其实也是一些个人的学习笔记  呵呵！
  • 替换“\”的时候报错Unexpected internal error near index 1 \ ^ adminjun java“\替换”
    发现还是有些东西没有刻子脑子里,,过段时间就没什么概念了,所以贴出来...以免再忘...   在拆分字符串时遇到通过 \ 来拆分，可是用所以想通过转义 \\ 来拆分的时候会报异常   public class Main {          /*
  • POJ 1035 Spell checker(哈希表) aijuans 暴力求解--哈希表
    /* 题意：输入字典，然后输入单词，判断字典中是否出现过该单词，或者是否进行删除、添加、替换操作，如果是，则输出对应的字典中的单词 要求按照输入时候的排名输出 题解：建立两个哈希表。一个存储字典和输入字典中单词的排名，一个进行最后输出的判重 */ #include <iostream> //#define using namespace std; const int HASH =
  • 通过原型实现javascript Array的去重、最大值和最小值 ayaoxinchao JavaScriptarrayprototype
    用原型函数（prototype）可以定义一些很方便的自定义函数，实现各种自定义功能。本次主要是实现了Array的去重、获取最大值和最小值。 实现代码如下：   <script type="text/javascript"> Array.prototype.unique = function() { var a = {}; var le
  • UIWebView实现https双向认证请求 bewithme UIWebViewhttpsObjective-C
              什么是HTTPS双向认证我已在先前的博文 ASIHTTPRequest实现https双向认证请求 中有讲述，不理解的读者可以先复习一下。本文是用UIWebView来实现对需要客户端证书验证的服务请求，网上有些文章中有涉及到此内容，但都只言片语，没有讲完全，更没有完整的代码，让人困扰不已。但是此知
  • NoSQL数据库之Redis数据库管理(Redis高级应用之事务处理、持久化操作、pub_sub、虚拟内存) bijian1013 redis数据库NoSQL
    3.事务处理         Redis对事务的支持目前不比较简单。Redis只能保证一个client发起的事务中的命令可以连续的执行，而中间不会插入其他client的命令。当一个client在一个连接中发出multi命令时，这个连接会进入一个事务上下文，该连接后续的命令不会立即执行，而是先放到一个队列中，当执行exec命令时，redis会顺序的执行队列中
  • 各数据库分页sql备忘 bingyingao oraclesql分页
    ORACLE 下面这个效率很低 SELECT * FROM ( SELECT A.*, ROWNUM RN FROM (SELECT * FROM IPAY_RCD_FS_RETURN order by id desc) A ) WHERE RN <20; 下面这个效率很高 SELECT A.*, ROWNUM RN FROM (SELECT * FROM IPAY_RCD_
  • 【Scala七】Scala核心一：函数 bit1129 scala
    1. 如果函数体只有一行代码，则可以不用写{},比如 def print(x: Int) = println(x) 一行上的多条语句用分号隔开，则只有第一句属于方法体，例如   def printWithValue(x: Int) : String= println(x); "ABC"   上面的代码报错，因为，printWithValue的方法
  • 了解GHC的factorial编译过程 bookjovi haskell
    GHC相对其他主流语言的编译器或解释器还是比较复杂的，一部分原因是haskell本身的设计就不易于实现compiler，如lazy特性，static typed，类型推导等。 关于GHC的内部实现有篇文章说的挺好，这里，文中在RTS一节中详细说了haskell的concurrent实现，里面提到了green thread，如果熟悉Go语言的话就会发现，ghc的concurrent实现和Go有点类
  • Java-Collections Framework学习与总结-LinkedHashMap BrokenDreams LinkedHashMap
            前面总结了java.util.HashMap，了解了其内部由散列表实现，每个桶内是一个单向链表。那有没有双向链表的实现呢？双向链表的实现会具备什么特性呢？来看一下HashMap的一个子类——java.util.LinkedHashMap。       
  • 读《研磨设计模式》-代码笔记-抽象工厂模式-Abstract Factory bylijinnan abstract
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * Abstract Factory Pattern * 抽象工厂模式的目的是： * 通过在抽象工厂里面定义一组产品接口，方便地切换“产品簇” * 这些接口是相关或者相依赖的
  • 压暗面部高光 cherishLC PS
    方法一、压暗高光&重新着色 当皮肤很油又使用闪光灯时，很容易在面部形成高光区域。 下面讲一下我今天处理高光区域的心得： 皮肤可以分为纹理和色彩两个属性。其中纹理主要由亮度通道（Lab模式的L通道）决定，色彩则由a、b通道确定。 处理思路为在保持高光区域纹理的情况下，对高光区域着色。具体步骤为：降低高光区域的整体的亮度，再进行着色。 如果想简化步骤，可以只进行着色（参看下面的步骤1
  • Java VisualVM监控远程JVM crabdave visualvm
    Java VisualVM监控远程JVM    JDK1.6开始自带的VisualVM就是不错的监控工具. 这个工具就在JAVA_HOME\bin\目录下的jvisualvm.exe, 双击这个文件就能看到界面   通过JMX连接远程机器, 需要经过下面的配置: 1. 修改远程机器JDK配置文件 (我这里远程机器是linux).    
  • Saiku去掉登录模块 daizj saiku登录olapBI
    1、修改applicationContext-saiku-webapp.xml <security:intercept-url pattern="/rest/**" access="IS_AUTHENTICATED_ANONYMOUSLY" />  <security:intercept-url pattern=&qu
  • 浅析 Flex中的Focus dsjt htmlFlexFlash
    关键字：focus、 setFocus、 IFocusManager、KeyboardEvent 焦点、设置焦点、获得焦点、键盘事件 一、无焦点的困扰——组件监听不到键盘事件 原因：只有获得焦点的组件（确切说是InteractiveObject）才能监听到键盘事件的目标阶段；键盘事件（flash.events.KeyboardEvent）参与冒泡阶段，所以焦点组件的父项（以及它爸
  • Yii全局函数使用 dcj3sjt126com yii
    由于YII致力于完美的整合第三方库，它并没有定义任何全局函数。yii中的每一个应用都需要全类别和对象范围。例如，Yii::app()->user;Yii::app()->params['name'];等等。我们可以自行设定全局函数，使得代码看起来更加简洁易用。(原文地址) 我们可以保存在globals.php在protected目录下。然后，在入口脚本index.php的，我们包括在
  • 设计模式之单例模式二（解决无序写入的问题） come_for_dream 单例模式volatile乱序执行双重检验锁
                    在上篇文章中我们使用了双重检验锁的方式避免懒汉式单例模式下由于多线程造成的实例被多次创建的问题，但是因为由于JVM为了使得处理器内部的运算单元能充分利用，处理器可能会对输入代码进行乱序执行（Out Of Order Execute）优化，处理器会在计算之后将乱序执行的结果进行重组，保证该
  • 程序员从初级到高级的蜕变 gcq511120594 框架工作PHPandroidhtml5
    软件开发是一个奇怪的行业，市场远远供不应求。这是一个已经存在多年的问题，而且随着时间的流逝，愈演愈烈。 我们严重缺乏能够满足需求的人才。这个行业相当年轻。大多数软件项目是失败的。几乎所有的项目都会超出预算。我们解决问题的最佳指导方针可以归结为——“用一些通用方法去解决问题，当然这些方法常常不管用，于是，唯一能做的就是不断地尝试，逐个看看是否奏效”。 现在我们把淫浸代码时间超过3年的开发人员称为
  • Reverse Linked List hcx2013 list
    Reverse a singly linked list.   /** * Definition for singly-linked list. * public class ListNode { * int val; * ListNode next; * ListNode(int x) { val = x; } * } */ p
  • Spring4.1新特性——数据库集成测试 jinnianshilongnian spring 4.1
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • C# Ajax上传图片同时生成微缩图(附Demo) liyonghui160com
        1.Ajax无刷新上传图片,详情请阅我的这篇文章。（jquery + c# ashx）         2.C#位图处理  System.Drawing。         3.最新demo支持IE7,IE8,Fir
  • Java list三种遍历方法性能比较 pda158 java
    从c/c++语言转向java开发，学习java语言list遍历的三种方法，顺便测试各种遍历方法的性能，测试方法为在ArrayList中插入1千万条记录，然后遍历ArrayList，发现了一个奇怪的现象，测试代码例如以下： package com.hisense.tiger.list; import java.util.ArrayList; import java.util.Iterator;
  • 300个涵盖IT各方面的免费资源（上）——商业与市场篇 shoothao seo商业与市场IT资源免费资源
    A.网站模板+logo+服务器主机+发票生成 HTML5 UP:响应式的HTML5和CSS3网站模板。 Bootswatch:免费的Bootstrap主题。 Templated:收集了845个免费的CSS和HTML5网站模板。 Wordpress.org|Wordpress.com:可免费创建你的新网站。 Strikingly:关注领域中免费无限的移动优
  • localStorage、sessionStorage uule localStorage
    W3School 例子   HTML5 提供了两种在客户端存储数据的新方法： localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储   之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他