空白_xuan
空白_xuan

Vue简单入门及案例

VUE入门

简介：

  1. JavaScript框架
  2. 简化Dom操作
  3. 响应式数据驱动

之前基于DOM----->（1）获取DOM元素 （2）操作DOM元素

Vue官网： https://cn.vuejs.org

Vue.js的优点

  1. 体积小

    压缩后33K

  2. 更高的运行效率

    基于虚拟dom，一种可以与预先通过JavaScript进行各种计算，把最终的DOM操作计算出来并优化的技术，由于这个DOM操作属于预处理操作，并没有真实的操作DOM，所以叫做虚拟DOM

  3. 双向数据绑定

    让开发者不用再去操作DOM对象，将更多精力投放到业务逻辑上；

  4. 生态丰富、学习成本低

    市场上有用大量成熟，稳定的vue.js的ui框架、常用组件，即用实现快速开发

使用场景广泛：譬如 web端，移动端，跨平台应用开发

一、vue第一个程序hello


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>hellotitle>
    
    <script src="./js/vue.js">script>
head>
<body>

<div id="add">
    
    {
  {message}}
div>
body>

<script>
    /*创建一个Vue对象*/
    const app = new Vue({
    
        el: "#add",
        data:{
    
            //数据
            message:"今天是周一......"
        }
    })
script>
html>

二、el挂载点

挂载点:(1)作用范围:该标签内或者子标签内
挂载点:(2)一定使用id选择器?,可以使用其他选择器,但是建议使用id选择器，因为		   id具有唯一性
挂载点:(3)挂载点一定使用div标签吗?可以使用其他标签，但是必须双标签。不能在		  body和html标签上，建议挂载到div标签


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>hellotitle>
    
    <script src="./js/vue.js">script>
head>
<body>

{
  {message}}
<div id="add">
    {
  {message}}
div>




body>


<script>
    /*创建一个Vue对象*/
    const app = new Vue({
    
        /*el挂载点*/
        el: "#add",
        data: {
    
            //挂载点:(1)作用范围:该标签内或者子标签内
            //挂载点:(2)一定使用id选择器?,可以使用其他选择器,但是建议使用id选择器，因为id具有唯一性
            //挂载点:(3)挂载点一定使用div标签吗?可以使用其他标签，但是必须双标签。不能在body和html标签上，建议挂载到div标签
            message: "明天是周二......"
        }
    })
script>
html>

三、data数据对象

  1. Vue中用到的数据定义在data中
  2. data中可以写复杂类型的数据
  3. 渲染复杂类型数据时，遵守js的语法即可

<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>hellotitle>
    
    <script src="./js/vue.js">script>
head>
<body>
<div id="add">
    {
  {message}}br>
    <span>{
  {message}}span>br>
    {
  {person}}br>
    {
  {person.name}}-------->{
  {person.age}}<br>
    <ul>
        <li>{
  {list[0].school}}li>
        <li>{
  {list[1].school}}li>
        <li>{
  {list[2].school}}li>
    ul>
div>
body>
<script>
    const app= new Vue({
    
        el:"#add",
        //数据标志
        data:{
    
            //基本数据类型和字符串
            message:"今天老白来了....",
            //对象
            person:{
    
                name:"张三",
                age:3
            },
            //集合
            list:[
                {
    school:"五道口"},
                {
    school:"南开"},
                {
    school:"北大"}
            ]
        }
    })
script>
html>

四、Vue指令

v-text v-html v-on基础

v-show v-if v-bind

v-for v-on补充 v-model

  1. 通过Vue实现常见的王爷效果
  2. 学习Vue指令，一案例巩固知识点
  3. Vue指令指的是以v-开头的一组特殊语法

4.1 v-text 设置标签的文本值（textContent）

  1. v-text指令的作用是：设置标签的内容（textContent）
  2. 默认写法会替换全部内容，使用差值表达式{ {}}可以替换指定内容
  3. 内部支持写表达式

<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>hellotitle>
    
    <script src="./js/vue.js">script>
head>
<body>
<div id="add">
    <span v-text="message+'，天气不好影响心情！'">冬冬span><br>
    <span>{
  {message+"嘿呀"}}span>
div>
body>
<script>
    const app= new Vue({
    
        el:"#add",
        //数据标志
        data:{
    
            message:"一周的阴天和雨天..."
        }
    })
script>
html>

4.2v-html：设置标签的innerHTML

内容中有html结构会被解析为标签

特点：

  1. v-html 指令的作用是设置标签的innerHTML
  2. 内容中有html结构会被解析为标签
  3. v-text指令无论内容是什么，只会解析为文本
  4. 解析文本使用v-text，需要解析html结构使用v-html

<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>hellotitle>
    
    <script src="./js/vue.js">script>
head>

你可能感兴趣的:(vue,vue)

  • Vue 3 30天精进之旅：Day 03 - Vue实例 码上飞扬 vue.js前端javascript
    引言在前两天的学习中，我们成功搭建了Vue.js的开发环境，并创建了我们的第一个Vue项目。今天，我们将深入了解Vue的核心概念之一——Vue实例。通过学习Vue实例，你将理解Vue的基础架构，掌握数据绑定、模板语法和指令的使用方法。1.什么是Vue实例？Vue实例是Vue.js应用的根实例，作为应用的核心，它将数据与视图联系起来。每个Vue应用都是通过创建一个Vue实例来启动的。Vue实例通过配
  • Vue 实现mvvm框架 Jarvan大熊 Vue.js
    最近手痒，当然也是为了近阶段的跳槽做准备，利用周五时光，仿照vue用法，实现一下mvvm的双向绑定、数据代理、大胡子{{}}模板、指令v-on，v-bind等。当然由于时间紧迫，里面的编码细节没有做优化，还请各位看官多多包涵！看招：实现原理数据的劫持观察（observe）观察者模式（watcher）使用es6的类class实现（当然，没有考虑到兼容性，只是为了实现而已）代码：数据劫持_observ
  • Vue.js组件开发-实现全屏幻灯片左右切换特效 LCG元 前端vue.js前端javascript
    使用Vue实现全屏幻灯片左右切换特效步骤概述创建Vue项目：使用VueCLI快速搭建一个新的Vue项目。设计组件结构：创建一个FullscreenSlider组件，包含幻灯片容器和切换按钮。实现样式：设置全屏样式和幻灯片切换动画。实现逻辑：使用Vue的响应式数据和方法来处理幻灯片的切换。详细代码1.创建Vue项目安装VueCLI，可以使用以下命令进行安装：npminstall-g@vue/cli然
  • Vue全流程--Vue2插槽 不清参 vue.jsjavascript前端
    作用让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于父组件===>子组件。分类默认插槽、具名插槽、作用域插槽使用方式1.默认插槽：让子组件以不同的内容形式或者格式展现出来父组件{{g}}importCategoryfrom'./components/Category'exportdefault{name:'App',components:{Category},data
  • GIS教程：全国数码商城系统 叁拾舞 Arcgis教程Vue3GIS
    文章目录注册高德地图API普通网页中测试地图加载地图添加标记地图配置点标记Marker添加弹框创建vue项目并添加高德地图创建项目加载高德地图项目首页布局封装axios和配置代理服务器获取城市热门信息获取城市区县信息获取区县商城信息获取指定城市区县的经纬度坐标将地图缩放到指定区县将商城添加到地图中点击标记打开信息框添加地图常用控件添加区县边界切换地图样式完整项目下载注册高德地图API详细流程：ht
  • 基于SpringBoot+MyBatis Plus+Vue的Java项目百战商城（附：源码 课件） 搞程序的菇凉 javamavenintellij-ideaspringtomcat
    项目背景随着互联网的不断普及和人们消费方式的转变,网络购物逐渐成为人们热衷的一种交易方式。文章采用最新流行的SpringBoot,VUE等技术以及IDEA,VisualStudioCode开发工具,实现前后端数据交互。该线上商城主要实现用户个人中心、购物车、商品管理、订单管理、支付、后台进行商铺内容管理、角色管理、权限管理等功能模块。本设计还为每个店铺可以上传自己的商品、设计轮播图、导航栏等。最后
  • 【后端速成Vue】v-bind和v-model 程序猿教你打篮球 后端速成Vuevue.jsjavascript前端
    篮球哥找工作专属IT岗位内部推荐：专属内推链接：内推通道前言：前面的文章看完，可能会有疑问，在Vue中如何操作类名呢？我要想动态的控制类名该怎么办？这篇文章就来解决这个问题，Vue扩展了v-bind的语法，可以使用Vue针对class类名和style行内样式进行控制，下面就一起来学习v-bind的使用。1、v-bind操作类名对象的方式绑定类名：什么意思呢，这里:class传递了一个对象，这个对象
  • Vue3 v-bind 和 v-model 对比 傻小胖 Vue3Vuevue.jsjavascript前端
    1.基本概念1.1v-bind单向数据绑定从父组件向子组件传递数据简写形式为:1.2v-model双向数据绑定父子组件数据同步本质是v-bind和v-on的语法糖2.基础用法对比2.1表单元素绑定import{ref}from'vue'consttext=ref('')import{ref}from'vue'consttext=ref('')2.2组件属性绑定3.主要区别3.1数据流向/>/>3.
  • Learning Vue 读书笔记 Chapter 2 追光少年3322 vue.jsjavascript前端vue3
    2.Vue基本工作原理2.1VirtualDOM概念：DOM:DOM以内存中树状数据结构的形式，代表了网页上的HTML（或XML）文档内容。它充当了一个编程接口，将网页与实际的编程代码（如JavaScript）连接起来。VirtualDOM是浏览器中实际DOM的内存虚拟副本，但它更轻量且具有额外的功能。VirtualDOM工作原理：通过用户界面交互，用户向Vue传达了他们希望元素达到的状态；随后，
  • startViewTransition的简单示例
    用途实现视图过渡效果示例1实现两张图片之间的过渡效果import{ref}from"vue"constvisible=ref(false)consttoggle=()=>{//关键代码，把扭转状态的代码用startViewTransition包起来document.startViewTransition(()=>{visible.value=!visible.value})}.small-img{
  • DeepSeek R1 简易指南：架构、培训、本地部署和硬件要求 前端javascript
    CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读DeepSeek团队近期发布的DeepSeek-R1技术论文展示了其在增强大语言模型推理能力方面的创新实践。该研究突破性地采用强化学习（ReinforcementLearning）作为核心训练范式，在不依赖大规模监督微调的前提下显著提升了模型的复杂问题求解能力。技术架构深度解析模型体系：DeepSeek-R1系列包含两大核心成员：D
  • Vue中使input和el-input自动获取焦点的处理 宸晓闹 vue
    【普通input的自定义指令操作】：先在入口文件注册一个全局自定义指令//main.jsVue.directive('focus',{inserted(el,binding,vnode){//聚焦元素el.focus()}}
  • vue+element 使用el-input输入框自动聚焦问题 woderlili vuevue
    element中el-input有autofocus属性，但是这个能在第一次初始化的时候自动聚焦，解决办法：<el-inputprefix-icon="el-icon-search"v-
  • 基于vue和elementui的课程表 qq_35163460 前端组件html5vue.jselementui
    之前用的课程表基本都是基于calendar开发的，calendar功能比较丰富，能实现很多功能，但是基于学校项目来说并不完美，首先就是最左侧的时间轴，学校课程表一般都是节次，而calendar都是时间。因为学校夏季和冬季上课时间都不同，所以并不实用。而有的calendar组件封装的比较厉害，想改造是很麻烦的，正是基于此我自己写了一个基础版本的课程表，分享给有需要的朋友。上面是课程表的截图，样式是采
  • vue3中el-input无法获得焦点的问题 北极象 #vue3vue.js前端javascript
    文章目录现象两次nextTick()加setTimeout()解决结论现象el-input被外层div包裹了，设置autofocus不起作用：取消确定在onMounted()中尝试:inputRef.value.focus()，也无效。怀疑是调用时机不对，但何时才是页面dom都生成好的时机呢？两次nextTick()加setTimeout()解决//需要调用两次nextTick才能获得实例!!!c
  • 基于vue和elementui的简易课表 zhouzhurong vue.jselementui前端课表课程表
    本文参考基于vue和elementui的课程表_vue实现类似课程表的周会议列表-CSDN博客，原程序在vue3.5.13版本下不能运行，修改两处：1）slot-cope改为v-slot2）return'background-color:rgb(24144255/80%);color:#fff;border-radius:10px'改为：return{'background-color':'rgb
  • JavaScript中的隐式类型转换 阿珊和她的猫 javascript开发语言ecmascript
    前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到网站。文章
  • vue拖动事件简单绑定 随风九天 前端vue拖动
    1完整div<divv-bind:class="{'selected':col.selected}":draggable="data.enabled"@dragstart="drag($event,data,col)
  • web api 与html 部署,详解.net core webapi 前后端开发分离后的配置和部署 万小柯要努力学习 webapi与html部署
    背景：现在越来越多的企业都采用了在开发上前后端分离，前后端开发上的分离有很多种，那么今天，我来分享一下项目中得的前后端分离。B/SSaas项目：(这个项目可以理解成个人中心，当然不止这么点功能)前端：node.js+vue后端：.netcorewebapi前端安装node.js跟创建vue项目这些不是这篇文章的重点，重点在于项目完成后的部署。.netcorewebapi创建后，默认就创建了一个ww
  • vue3+ts实现图片上传并可拖拽 温暖前端 vue.js前端javascript
    实现多张图片拖拽上传，并且可以拖拽调整图片顺序的示例：拖拽文件到此处或点击上传import{ref,onMounted}from'vue'import{ElUpload,ElImage}from'element-plus'import{UploadFilled}from'@element-plus/icons-vue'interfaceImageItem{id:numberurl:string}c
  • Element Plus上传图片前，对图片进行压缩 hongkid vue.jsjavascriptecmascript
    在使用ElementPlus（一个基于Vue3的现代组件库）进行文件上传时，你可能希望在上传图片之前对其进行压缩以减少文件大小，从而提高上传速度和节省存储空间。为了实现这一功能，你可以结合使用JavaScript库来处理图片的压缩。下面是一个简单的示例，展示如何在ElementPlus中使用compressorjs进行图片压缩：安装必要的依赖:首先需要安装compressorjs，可以通过npm或
  • 【java】RuoYi-Vue前后端分离版本-登陆请求流程解析 橙-极纪元JJY.Cheng javaRuoYi-VueRuoYi
    【java】RuoYiBootstrap多模块版本-登陆请求流程解析这里它用到了一个安全管理框架SpringSecurity你可以通过这篇文章《SpringSecurity详解》去了解它，怎么使用登陆请求流程逻辑图CreatedwithRaphaël2.3.0
  • vue中的el是指什么 是小傲雨呀^_^ vue.js前端javascript
    简介：在Vue.js中，el指的是Vue实例的挂载元素。具体来说，el是一个选项，用于指定Vue实例应该挂载到哪个DOM元素上。通过这个选项，Vue可以知道应该从哪个元素开始进行模板编译和渲染。它可以是一个CSS选择器字符串，也可以是一个直接的DOM元素。el的定义：el是Vue实例的一个选项，用于指定Vue实例应该挂载到哪个DOM元素上。用途：指定挂载点：el选项的主要作用是指定Vue实例的挂载
  • Vue3配置vite.config.js代理解决跨域问题 码喽的自我修养 vue2/3从基础到起飞前端工程搭建javascript开发语言ecmascriptvue.js前端nginx
    前言：当浏览器发出一个请求时，只要请求URL的协议、域名、端口三者之间任意一个与当前页面URL不同，就称为跨域。跨域一般出现在开发阶段,由于线上环境前端代码被打包成了静态资源,因而不会出现跨域问题,这篇文章主要给大家介绍了关于Vue3配置vite.config.js解决跨域问题的相关资料,创作不易，如果能帮助到带大家，欢迎收藏+关注哦问题再现后台报错：AccesstoXMLHttpRequesta
  • 前端使用 Element Plus架构vue3.0实现图片拖拉拽，后等比压缩，上传到Spring Boot后端 慧香一格 java微服务web前端架构springboot
    图片拖拉拽等比压缩上传为了在前端对图片文件进行等比压缩后再上传到后端，可以使用canvas元素来实现图片的压缩。以下是一个详细的实现步骤：前端实现图片等比压缩：使用canvas元素对图片进行压缩。前端上传压缩后的图片：使用el-upload组件上传压缩后的图片。后端接收并保存图片：在SpringBoot中接收上传的图片并保存。下面是一个详细的实现示例。1.前端实现图片等比压缩首先，确保你已经安装了
  • Vue 89 ，Vue3生命周期钩子函数（Vue3生命周期） 北城笑笑 Vue前端vue.js
    目录前言Vue3引入了一些变化，特别是针对生命周期钩子函数。Vue3支持两种API风格：传统的选项式API（OptionsAPI）和新的组合式API（CompositionAPI）。我们都知道选项式API是Vue2中熟悉的语法风格，它在Vue3中仍然得到支持。这里来分享记录，两种API下的生命周期钩子函数。一.组合式API(Vue3，CompositionAPI)二.选项式API(Vue2，Opt
  • vuecli3 打包加载超慢_解决vue cli使用typescript后打包巨慢的问题 李day vuecli3打包加载超慢
    前言最近新开了一个项目，虽然用的是vue技术栈，但是为了项目的健壮性，还是强上了typescript,于是引出了下面的问题。问题之前使用过ts-loader打包react项目，给我的感觉就是巨慢，开发环境下，每次保存后，需要等10秒钟左右才能构建完成，当时为了解决这个问题，把ts-loader替换成了babel的typescript插件，结果是非常的快，每次保存一秒中之内就能完成构建。这次在vue
  • Vue.js 组件开发：从基础到进阶 学不完了是吧 Vuevue.js
    Vue.js是一个渐进式的JavaScript框架，其核心理念之一就是基于组件的开发。组件可以极大地提高代码的复用性、可维护性和可测试性。本篇文章将从基础到进阶，带你了解Vue.js的组件开发方法和最佳实践。什么是组件？在Vue.js中，组件是一个具有独立功能的可复用模块。组件可以包含HTML模板、CSS样式和JavaScript逻辑。通过组件化开发，可以将复杂的页面分解为多个易于管理的部分。组件
  • 【vue3新特性】 Orange301511 vue
    vue3新特性响应式变更vue3使用ES6的Proxy代理劫持整个对象，不兼容IE优点1.劫持整个对象解决了vue2的未在data定义属性劫持不到问题，数组索引下标操作劫持不到问题2.因为劫持整个对象不需要递归遍历，提升性能缺点1.不支持IE2.reactive定义引用数据如果不包层对象，丢失响应式diff性能提升vue2diff比对算法采用全双端比较而vue3diff算法采用静态提升加静态标记，
  • 从零搭建一个Vue3 + Typescript的脚手架——day2 DT—— 从零搭建脚手架typescriptjavascript前端
    1.配置ElementPlusElementPlus简介ElementPlus是一个基于Vue3的组件库，它提供了丰富的组件和样式，可以帮助开发者快速构建现代化的Web应用。ElementPlus是基于ElementUI的Vue3版本，它提供了更多的组件和样式，同时也支持Vue3的CompositionAPI。ElementPlus是一个开源项目，它有丰富的文档和示例，可以帮助开发者快速上手。安装
  • 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其他