摘抄小能手
摘抄小能手

什么是VUE？

1.什么是vue?

三大框架：react angule vue

官网：Vue.js

作者：尤雨溪

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

vue全家桶：vue+vue Cli+ vue Router + vuex +axios

版本：vue2（老项目） vue3（新项目）

2.特点

  • 单页面应用

  • 轻量级的框架

  • 双向数据绑定

  • 指令

  • 组件化

  • 客户端路由

  • 状态管理

缺点：

  • 单页面应用

  • SEO不友好

  • 兼容性（IE9以上）

3.基础使用

1.环境

生产环境：

开发结束，项目上线 压缩 速度快

开发环境：

正常开发中 未压缩 用于学习和开发

2.使用



​

    
    
    
    Document
    
    
    

​

    
    
    

        {{str}} {{num}}
        
{{str}}

        {{num+1}}
        
 {{flag?className:str}}
    

    

​

注意点：

el挂载节点 将这个vue实例和作用节点范围关联起来

data数据对象 节点范围内使用到的数据

  • data中的数据可以在模板中通过插值表达式中显示{{}}

  • data中添加内容，就相当于为vue实例添加属性

  • data中的数据发生变化，页面会自动改变

总结：

vue生效，就必须创建一个vue实例，而且需要设置配置对象。

app容器中的代码依然符合html规范，不过是增加一些vue语法。

app容器里的代码被称为vue模板。

vue实例和容器是一一对应的。

真实开发中只有一个vue实例，并且会配合组件一块使用。

{{}}中可以书写js表达式，并且可以自动读取到data里对应的值。

扩展：

// 第一种写法
let vm = new Vue({
    el: "#app",
    // data: {
    //     num: 11111,
    // }
    data() {
        return {
            num: 111111,
        }
    }
})
​
// 第二种写法
// let vm = new Vue({
//     data() {
//         return {
//             num: 111111,
//         }
//     }
// });
// vm.$mount('#app');

data和el的两种写法：

1.el的两种写法：

（1）new Vue的时候配置el属性

（2）先创建实例，在后面通过$mount()方法绑定

2.data的两种写法：

（1）对象形式

（2）函数形式

注意：

由vue管理的函数，不能写箭头函数，一旦写了箭头函数，this指向就改变。

4.常用的指令

1.指令的概念

指令是vue给标签增加的新属性，以v-开头。

语法：

<标签 v-指令名=“变量/表达式”>

2.常用的指令

1.v-text

类似于innerText.

作用：向其所在的节点中渲染文本内容。

会覆盖节点中原有的内容。

{{str}}
2.v-html

解析HTML字符串，类似于innerHTML.

作用：向其所在的节点中渲染html结构内容。

会覆盖节点中原有的内容。



{{str}}


{{html}}
3.v-bind

作用：让vue可以识别HTML原有的属性支持，渲染变量或表达式，单向的数据绑定，数据是data流向页面。

语法：

<标签 v-bind:HTML原有的属性=“变量/表达式”>

简写

<标签 :HTML原有的属性=“变量/表达式”>

{{str}}


{{str}}


跳转
4.v-if

作用：条件渲染 （条件不满足，节点不存在）

语法：

<标签 v-if="变量/表达式">

<标签 v-else-if="变量/表达式">

<标签 v-else="变量/表达式">

注意：必须紧邻着写。

上午


下午


晚上

​

{{html}}
5.v-show

作用：条件渲染 （条件不满足，节点隐藏） display

语法：

<标签 v-show="变量/表达式">

{{html}}

v-if和v-show的区别：

v-show无论条件成立不成立，节点都存在。

v-if条件成立,节点存在，条件不成立，节点不存在。

需要反复展示的内容使用v-show,渲染次数少的用v-if。

6.v-for

作用：渲染列表数据

语法：

<标签 v-for="值 in 数组">

<标签 v-for="(值，索引) in 数组">

<标签 v-for="(值，键) in 对象">




​

    
    

注意：双层嵌套，标识符不能重复。

v-if和v-for一般不在一起使用。当他们处于同一个节点时，v-for的优先级比v-if要高（vue2）。

添加key属性（key的值要保证是唯一）；

7.v-once

作用：只能绑定一次。数据变化，页面不会更新。

使用：

1.v-once所在节点在初次动态渲染后，就视为静态内容。

2.以后数据的改变就不会引起v-once所在的结构的更新，用于性能优化。

语法：

<标签 v-once>{{}}

8.v-on

简写为：@

1.不传参

语法：

<标签 v-on:事件=“事件函数名”>


    {{str}}
        
{{str}}

        
        
2.传参

语法：

<标签 v-on:事件=“事件函数名(实参)”>


        {{str}}
        
    

  
3.事件对象

语法：

<标签 v-on:事件=“事件函数名(实参,$event)”>

选项卡案例：



4.事件简写


如果是一些简单的事件处理可以简写。


 

        
        {{num=num<1?1:num}}
        
    

    
                    
                    

                















你可能感兴趣的:(vue,vue.js,前端,javascript)






    

  • v-for 实例
琪33

    v-for实例v-for实例{{item}}{{index+1}}：{{student.name}}-{{student.age}}varapp=newVue({el:'#app',data:{items:[53,23,76,14,54,36,28],students:[{name:'jspang',age:32},{name:'Panda',age:30},{name:'PanPaN',age:
    

    • 

  • npm 搭建 Vite 项目
渺小的虫子
viter前端javascript开发语言

    兼容性注意Vite需要Node.js版本>=12.0.0。1、使用npm安装Viter$npminitvite@latest使用npm初始化项目#npm6.xnpminitvite@latestmy-vue-app--templatevue#npm7+,需要额外的双横线：npminitvite@latestmy-vue-app----templatevue2、配置路由：npminstallvue-
    

    • 

  • 大前端-postcss安装使用指南
黑夜照亮前行的路
postcss

    PostCSS是一款强大的CSS处理工具，可以用来自动添加浏览器前缀、代码合并、代码压缩等，提升代码的可读性，并支持使用最新的CSS语法。以下是一份简化的PostCSS安装使用指南：一、安装PostCSS在你的项目目录中，通过npm（NodePackageManager）来安装PostCSS。打开命令行窗口，输入以下命令：bash复制代码npminstallpostcss--save-dev这将把
    

    • 

  • 谷歌浏览器驱动Chromedriver（114-120版本）文件以及驱动下载教程
pigerr杨
Pythonpythonchromedrivers

    ChromeDriver官方网站GitHub||GoogleChromeLabs/chrome-for-testingChromeDriver113-125_JSONChromeforTestingavailability123-125zip白月黑羽Python基础|进阶|Qt图形界面|Django|自动化测试|性能测试|JS语言|JS前端|原理与安装
    

    • 

  • 虚拟 DOM 的优缺点有哪些
咕噜签名分发
前端javascript开发语言

    虚拟DOM（VirtualDOM）技术作为现代前端开发中的重要组成部分，已经成为了众多流行前端框架的核心特性。它的引入为前端开发带来了诸多优势，同时也需要我们认真思考其潜在的考量。下面简单的介绍一下虚拟DOM技术的优势与缺点，深入探讨其在实际应用中的影响。提升性能虚拟DOM的最大优势之一是提升页面性能。通过比较前后两次虚拟DOM树的差异，最小化实际DOM操作，从而减少页面重渲染时的性能消耗。这种优
    

    • 

  • vue 通信方式
hx_1199
vue.js前端

    1、props和$emit父组件向子组件传递数据是通过props传递的，子组件传递给父组件是通过$emit触发事件来做到的。父组件this.$emit("update:page",newVal)-->importChildfrom'./child'exportdefault{name:"Father",components:{Child,},data(){return{articleList:['
    

    • 

  • 3、JavaWeb-Ajax/Axios-前端工程化-Element
所谓远行Misnearch
#JavaWeb前端ajaxelementuijava前端框架

    P34Ajax介绍Ajax:AsynchroousJavaScriptAndXML，异步的JS和XMLJS网页动作，XML一种标记语言，存储数据，作用：数据交换：通过Ajax给服务器发送请求，并获取服务器响应的数据异步交互：在不重新加载整个页面的情况下，与服务器交换数据并实现更新部分网页的技术，例如：搜索联想、用户名是否可用的校验等等。同步与异步：同步：服务器在处理中客户端要处于等待状态，输入域名
    

    • 

  • Python dict字符串转json对象，小数精度丢失问题
朝如青丝 暮成雪
jsonpython

    一前言JSON(JavaScriptObjectNotation)是一种轻量级的数据交换格式，dict是Python的一种数据格式。本篇介绍一个float数据转换时精度丢失的案例。二问题描述importjsontest_str1='{"π":3.1415926535897932384626433832795028841971}'test_str2='{"value":10.00000}'print
    

    • 

  • VUE 页面禁止缩放（华为平板浏览器可能失效）
唐屁屁儿
JSvuewebviewjavascript

    h5页面移动端禁止缩放、web页面禁止浏览器缩放移动端优先，可禁止用户缩放和双击放大；在App.vue中的script内的方法里加入以下代码：window.onload=function(){document.addEventListener('touchstart',function(event){if(event.touches.length>1){event.preventDefault()
    

    • 

  • java实体中返回前端的double类型四舍五入（格式化）
婲落ヽ紅顏誶
java

    根据业务，需要通过后端给前端返回部分double类型的数值，一般需要保留两位小数，使用jackson转换对象packagecom.ruoyi.common.core.config;importcom.fasterxml.jackson.core.JsonGenerator;importcom.fasterxml.jackson.databind.JsonSerializer;importcom.f
    

    • 

  • Django forms组件
在飞行-米龙
Djangodjangopython后端

    【一】引入【1】实现登陆验证功能（1）需求分析登陆验证需要前后端交互，采用form表单提交数据对数据进行校验用户名必须以英文大写字母开头密码必须大于三位数反馈给用户错误的信息除了反馈错误的信息还有保留原始输入内容（2）后端代码使用user_info_dict字典每次刷新存储存储前端发送的信息存储后端进行验证的信息defhome(request):#每次后刷新这个信息字典user_info_dict
    

    • 

  • Vue 常见面试题(一)
安生生申
面试题vue.js前端javascript

    目录1、Vue的最大的优势是什么？（必会）2、Vue和jQuery两者之间的区别是什么？（必会）3、MVVM和MVC区别是什么？哪些场景适合？（必会）1、基本定义2、使用场景3、两者之间的区别4、Vue数据双向绑定的原理是什么?（必会）5、Object.defineProperty和Proxy的区别（必会）6、Vue生命周期总共分为几个阶段？（必会）7、第一次加载页面会触发哪几个钩子函数？（必会）
    

    • 

  • Web前端Html的表单
任家伟
前端html

    表单的关键字：form标签表示一个表单区域action=“后端地址”method=“提交数据方式:get/post”input单行输入框type=“text”文本name=“定义名称名字自定义”向后端提交的键readonly=“readonly”只读，不可修改，但是可以提交disabled=“disabled”禁用组件不可修改，不能提交type=“password”密码框type=“radio”单
    

    • 

  • Thinkphp - 详细实现网站系统登录功能，附带 Mysql 数据库设置、Web 前端展示界面、信息校验等（详细代码，即设计过程）
王佳斌
+Thinkphpmysql前端数据库

    前言登录功能，是我们几乎开发每个系统都必须的模块。登录功能设计思路，主要包括几个方面。用户输入网址展示登录页面用户输入用户名，密码等点击登录进行信息校验校验通过之后，记录用户登录信息，跳转指定页面用户校验失败，提示失败信息页面目录具体功能实现为了快速搭建可用、美观的页面，我们采用一个比较成熟的前端框架Bootstrap。下面我们到Bootstrap的官网Bootsrap官网下载bootstrap。
    

    • 

  • javascript 日期转换为时间戳，时间戳转换为日期的函数
cdcdhj
javascript学习日记javascript开发语言ecmascript

    日期转化为时间戳，主要用valueOf()来进行转化为毫秒时间戳，getTime()IOS系统无法解析转换，所以都有valueOf()letgetTimestampOrDate=function(timestamp){lettimeStamp='';constregex=/^\d{4}(-|\/)\d{2}(-|\/)\d{2}$/;constregex2=/^\d{4}(-|\/)\d{2}(-
    

    • 

  • react native 总结
一切顺势而行
reactnativereact.jsjavascript

    reactapp.js相当与vueapp.vueimportReactfrom'react';import'./App.css';importReactRoutefrom'./router'import{HashRouterasRouter,Link}from'react-router-dom'classAppextendsReact.Component{constructor(props){su
    

    • 

  • Vue 模版编译原理
I will.874
vue.jsjavascript前端

    当我们使用Vue编写完一个组件以后，Vue会根据模版编译一个render函数，调用render函数生成虚拟DOM，然后将虚拟DOM映射成真实DOM当数据发生变化时，Vue会触发更新视图，调用render函数返回新的虚拟DOM，对比新旧虚拟DOM，修改真实DOM，从而更新页面在此期间，有以下4个关键步骤：模版编译。生成渲染函数render执行render函数生成虚拟DOM首次渲染，根据虚拟DOM生成
    

    • 

  • reactive和ref的异同、toRef和toRefs的使用
Niucode
vue3vue.js前端javascript

    一、reactive和ref有了reactive为什么还要ref？ref处理起基本数据类型来更加的方便快捷，性能要更好。ref内部值的变化只会触发订阅它的副作用函数（effect）更新，而reactive（Proxy）内部对象的任何属性变化都会触发整个对象的重新渲染。相同点：都是Vue3提供的用于创建响应式数据的函数；在组件中都能够触发视图更新，实现数据的双向绑定。不同点：数据类型：reactiv
    

    • 

  • COMP315 JavaScript Cloud Computing for E Commerce
zhuyu0206girl
javascript开发语言ecmascript

    Assignment1:Javascript1IntroductionAcommontaskincloudcomputingisdatacleaning,whichistheprocessoftakinganinitialdatasetthatmaycontainerroneousorincompletedata,andremovingorfixingthoseelementsbeforeform
    

    • 

  • JSON与AJAX：网页交互的利器
入冉心
jsonajax前端

    在现代Web开发中，JSON（JavaScriptObjectNotation）和AJAX（AsynchronousJavaScriptandXML）是两项不可或缺的技术。它们共同为网页提供了动态、实时的数据交互能力，为用户带来了更加流畅和丰富的体验。本文将详细介绍JSON和AJAX的概念、原理，并通过代码示例展示它们在实际开发中的应用。一、JSON：轻量级的数据交换格式JSON是一种轻量级的数据
    

    • 

  • 程序员开发技术整理
laizhixue
学习前端框架

    前端技术：vue-前端框架element-前端框架bootstrap-前端框架echarts-图标组件C#后端技术：webservice：soap架构：简单的通信协议，用于服务通信ORM框架：对象关系映射，如EF：对象实体模型，是ado.net中的应用技术soap服务通讯：xml通讯ado.net：OAuth2:登录授权认证：Token认证：JWT：jsonwebtokenJava后端技术：便捷工
    

    • 

  • 【前端学习——js篇】7.函数缓存
笔下无竹墨下有鱼
前端学习前端学习javascript

    具体见：https://github.com/febobo/web-interview7.函数缓存函数缓存，就是将函数运算过的结果进行缓存本质上就是用空间（缓存存储）换时间（计算过程）常用于缓存数据计算结果和缓存对象。其实现主要通过闭包、柯里化和高阶函数。下面主要介绍下柯里化：①柯里化柯里化（currying)是一种函数式编程的概念，指的是将一个带有多个参数的函数转换成一系列只接受一个参数的函数的
    

    • 

  • javascript的数据类型及转换
田小田txt

    一、JavaScript数据类型：共有string，number，boolean，object，function五种数据类型；其中Object，Date，Array为对象型；2个不包含任何值的数据类型：null，undefined。二、Typeof查看数据类型：typeof"John"//返回stringtypeof3.14//返回numbertypeofNaN//返回numbertypeoffa
    

    • 

  • Websocket服务监听收发消息
beiback
Java服务器问题websocket网络协议网络

    目录1.pom依赖坐标2.项目配置端口和项目包名2.创建处理器3.注册处理器4.前端页面1.pom依赖坐标org.springframework.bootspring-boot-starter-websocket2.项目配置端口和项目包名application.propertiesserver.port=8088//路径规范：为应用的所有servlet提供一个统一的前缀，使URL结构更加清晰和一致
    

    • 

  • Netty服务器结合WebSocke协议监听和接收数据
beiback
服务器问题Java服务器运维netty

    目录1.pom依赖2.配置属性3.创建netty服务器4.建立监听和响应5.创建启动器6.前端static下页面7.前端js8.注意异常问题9.创建netty服务器--使用守护线程1.pom依赖io.nettynetty-all4.1.86.Final2.配置属性application.properties#启动端口server.port=8088server.servlet.context-pa
    

    • 

  • 基于SSM+Vue企业销售培训系统 企业人才培训系统 企业课程培训管理系统 企业文化培训班系统Java
计算机程序老哥

    作者主页：计算机毕业设计老哥有问题可以主页问我一、开发介绍1.1开发环境开发语言：Java数据库：MySQL系统架构：B/S后端：SSM(Spring+SpringMVC+Mybatis)前端：Vue工具：IDEA或者Eclipse，JDK1.8，Maven二、系统介绍2.1图片展示注册登录页面：登陆.png前端页面功能：首页、培训班、在线学习、企业文化、交流论坛、试卷列表、系统公告、留言反馈、个
    

    • 

  • vue 在style标签中引入js变量控制样式
古迪红尘
VUEvue.jsjavascript前端

    1.基本的绑定样式示例data(){return{colorData:'blue',}}详细用法可参考下面的博客：https://www.jianshu.com/p/2b82ee1e6199
    

    • 

  • javascript实现SM2加密解密
人生在勤，不索何获
javascript前端jquery

    前提JavaWeb环境前端代码window.sm2=function(t){functioni(e){if(r[e])returnr[e].exports;varn=r[e]={i:e,l:!1,exports:{}};returnt[e].call(n.exports,n,n.exports,i),n.l=!0,n.exports}varr={};returni.m=t,i.c=r,i.d=fu
    

    • 

  • Vue：为什么要使用v-cloak
刻刻帝的海角
vue.js前端javascript

    Vue.js是一种流行的JavaScript框架，它使我们能够构建交互性强大的用户界面。在Vue.js中，v-cloak是一个指令，用于解决在页面加载时出现的闪烁问题。本文将介绍如何使用v-cloak及代码来优化Vue.js应用程序的渲染效果。引言当我们使用Vue.js构建应用程序时，有时会遇到一个问题：在页面加载时，由于Vue.js需要一定的时间来解析和渲染模板，会导致页面上显示出未经处理的Mu
    

    • 

  • JavaScript快速入门笔记之二（变量、常量、数据类型）
eshineLau
前端开发javascript笔记前端

    JavaScript快速入门笔记之二（变量、常量、数据类型）1、变量何时使用变量：程序中的一切数据都要保存在变量中，反复使用如何使用变量：2种情况：赋值和取值赋值：2步：1.1创建变量：——声明——创建一个新的空变量语法：var变量名;强调：仅声明，未赋值的变量，默认值是undefined命名：1.不能以数字开头2.不能用保留字。3.一般采用驼峰命名1.2赋值：将数据保存到变量中语法：变量名=数据
    

    • 

  • 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 速度很慢而且效率也不
    

    •