笑道三千
笑道三千

vue学习笔记-6-样式绑定

一，通过标识位来控制class的样式是否启用

vue学习笔记-6-样式绑定_第1张图片

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			[v-cloak]{
			 	display:none
			 }
			 #app{
				 width: 20%;
				 margin: 200px auto;
				 line-height: 40px;
				 border: 1px solid #ccc;
				 padding: 10px;
			 }
			 .active{
				 height: 50px;
				 width: 100;
				 background: red;
			 }
		</style>
	</head>
	<body>
		<div id="app">
			<div :class="{active:isActive}"></div>
			<!-- 利用v-bind来变更样式，其中active是class名，isActive是其标识位 -->
			<button @click="changeClass1">样式是否启用的切换</button>
		</div>
		 
		<script type="text/javascript" src="./js/vue.min.js"></script>
		<script type="text/javascript">
			var vm=new Vue({
				el: "#app",
				data:{
					url:'http://www.baidu.com',
					isActive:true
				},
				methods:{
					changeClass1:function(){
						this.isActive=!this.isActive
					}
				}
			})
		</script>
	</body>
</html>

vue学习笔记-6-样式绑定_第2张图片

二，通过数组类名的方法：

而对于数组语法，则是能够同时定义好几个类，然后，通过清空类名和设置类名的方式达到设置不同样式的效果：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			[v-cloak]{
			 	display:none
			 }
			 #app{
				 width: 20%;
				 margin: 200px auto;
				 line-height: 40px;
				 border: 1px solid #ccc;
				 padding: 10px;
			 }
			 .color{
				 height: 50px;
				 width: 100;
				 background: red;
			 }
			 .border{
				 border: 2px solid #000;
			 }
		</style>
	</head>
	<body>
		<div id="app">
			<div :class="[class1,class2]"></div>
			<!-- 里面有两个类名，对应不同的样式 -->
			<button @click="changeClass1">不启用其中一个样式</button>
			<button @click="changeClass2">启用其中一个样式</button>
		</div>
		 
		<script type="text/javascript" src="./js/vue.min.js"></script>
		<script type="text/javascript">
			var vm=new Vue({
				el: "#app",
				data:{
					url:'http://www.baidu.com',
					class1:'color',
					class2:'border'
				},
				methods:{
					changeClass1:function(){
						this.class2=''
					},
					changeClass2:function(){
						this.class2='border'
					}
				}
			})
		</script>
	</body>
</html>

vue学习笔记-6-样式绑定_第3张图片

三，细节

1，对象绑定和数组绑定可以组合使用：
在这里插入图片描述
2，默认的class会保留
3，class绑定的值可以简化操作：
在这里插入图片描述
vue学习笔记-6-样式绑定_第4张图片
把类名存储到vm中的数组中。

四，一个样式通用，另一个样式随着v-for变化的写法

vue学习笔记-6-样式绑定_第5张图片
实现效果
vue学习笔记-6-样式绑定_第6张图片

五，结合三目运算符绑定样式，自定义轮播图的指示器

vue学习笔记-6-样式绑定_第7张图片

六，通用样式加三目运算符绑定样式

:class="['inputBox',drawerType=='积分操作'?'jifen':'huiyuan']"

七，样式绑定可以使用函数返回的形式

  <!-- 头部区域的样式 -->
          <div class="styleHeader">
              <div  v-for="(item,index) in topStyle" :key="index" :class="[styleClass(topStyle,item.content)]" v-show="item.checked=='1'" :ref="item.content" @click="select(topStyle,item.content)">{{printStyleObj[item.content]}}			</div>
 </div>

也就是说class中可以写函数，然后返回字符串作为类名。

//判断是否上方有空行
        emptyLineStyle(styleArr,params){
            if(styleArr[this.styleIndex(styleArr,params)].emptyLine=='0') {
               return ' '
           }else{
               return ' emptyLine'
           }
        },
        //样式变化的函数整合
        styleClass(styleArr,params){
            let classStr=" "
            classStr=classStr.concat(this.fontStyle(styleArr,params))
            classStr=classStr.concat(this.selected(styleArr,params))
            classStr=classStr.concat(this.dividingLineStyle(styleArr,params))
            classStr=classStr.concat(this.emptyLineStyle(styleArr,params))
            return classStr
        }

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

  • Vue初步认识与Vue基础指令 amanohina
    Vue.js简介先来谈谈传统网页开发传统开发的缺点：1.DOM操作频繁，代码繁杂2.DOM操作与逻辑代码混合，可维护性差3.不同功能区域书写在一起，可维护性低4.模块之间的依赖关系复杂Vue.js应运而生官网：https://cn.vuejs.orgVue.js核心特性数据驱动视图数据变化会自动更新到对应元素中，无需手动操作DOM，这种行为称作单向数据绑定。单向数据绑定对于输入框等可输入元素，可设
  • Vue学习笔记 一 涔溪 vuevue.js学习笔记
    Vue学习笔记1、Vue基础指令1.1什么是Vue?Vue.js是一套响应式的JavaScript开发库。Vue.js自问世以来所受关注度不断提高，在现在的市场上，Vue.js是非常流行的JavaScript技术开发框架之一。Vue是一款国产前端框架，它的作者尤雨溪（EvanYou）是一位美籍华人，2014年2月，尤雨溪开源了一个前端开发库Vue.js，2015年发布1.0.0版本，2016年4月
  • Vue基础(day05) 菜先生… 前端vuewebpack
    Vue.js（第五天）父子组件之间的传值这是子元素---{{parentmsg}}varcom1={template:'#tmp1',data(){return{msg:'给你一些钱，去挥霍吧！'}},props:['parentmsg'],methods:{sendMsg(){this.$emit('func',this.msg);}}}//创建Vue实例，得到ViewModelvarvm=ne
  • vue 如何合并两个 项目_实例详解Vue基础学习之项目整合及优化 weixin_39690401 vue如何合并两个项目
    Vue基础学习之项目整合及优化前言使用webpack构建过Vue项目的同学应该知道alias的作用，我们可以使用它将复杂的文件路径定义成一个变量来访问。在不使用alias的项目中，我们引入文件的时候通常会去计算被引入文件对于引入它的文件的相对路径，比如像这样importHelloWorldfrom'../../../../HelloWorld.vue'一旦相对层次结构较深，我们就很难去定位所引入文
  • Vue基础-数据监测 RedOorange Vuevue.jselementuijavascript
    此篇文章为数据检测总结笔记Vue监视数据的原理：vue会监视data中所有层次的数据。案例:学生信息年龄+1岁添加性别属性，默认值：男修改性别在列表首位添加一个朋友修改第一个朋友的名字为：张三添加一个爱好修改第一个爱好为：开车过滤掉爱好中的抽烟姓名：{{student.name}}年龄：{{student.age}}性别：{{student.sex}}爱好：{{h}}朋友们：{{f.name}}-
  • Vue基础Day04组件与cli脚手架 前端老邹_伯通
    一.核心内容1.任务1：天知道任务1：天知道2.什么叫组件把某个界面或者说某个小功能，封装起来就叫组件（就是对htmlcssjs的一个综合封装），组件也是Vue的实例，所以它也有自己的data和methods以及生命周期钩子等组件开发特点：可复用，同时会简化代码结构，易于维护，同时利于多人协同开发等。3.安装单文件组件所需要依赖文档：【快速原型开发】3.1安装脚手架安装vue-cli脚手架在cmd
  • Vue2知识总结 婷宝_知萌 前端前端
    vue2复习回顾vue基础想让vue工作，就必须创建一个vue实例，并且传入一个配置对象【eldata】Hello，{{name.toUpperCase()}}，{{address}}Vue.config.productionTip=false//阻止vue在启动时生成生产提示。Vue.js中的一个配置选项，用于关闭生产环境下的提示。//创建Vue实例newVue({el:'#demo',//el
  • 个人简历补充 Xiaobaiforgod 个人简历补充全栈前端后端开发算法计算机
    个人简历补充1.对工作的认识2.八股文和知识面3.框架/架构角度深扒3.1前端3.1.1mPaaS（移动领域）3.1.2普通前端项目框架3.1.3微前端3.2后端持续更新1.对工作的认识2.八股文和知识面前端（基础知识/开发能力/总结输出能力）：前端技术知识（含八股）总结-持续更新中Vue基础学习总结js基础学习总结CSS基础学习总结HTML基础学习总结后端（基础知识/开发能力/总结输出能力）：2
  • 尚硅谷前端Vue2.0+Vue3.0 wqy19941008 Vue前端学习总结前端vue.jsjavascript
    尚硅谷前端Vue2.0+Vue3.0简介VueVue基础Vue-cliVue-routerVuexelement-uivue3一套用于构建用户界面的渐进式JS框架。自底向上逐层的应用从简单到复杂引入各式各样的组件。尤雨溪。Vue2.02016-10-1Vue3.02020Vue特点：1组件化模式提高代码复用率代码更好维护2声明式编码让编码人员无需直接操作DOM提高研发效率3虚拟的DOM和优秀的Di
  • 前端课2 vscode操作，vue基础 mask2012
    vscode必要命令ctrl+p@打开文件/函数ctrl+shift+p命令ctrl+`cmd面板vscode必要插件ProjectManager项目管理select-Quotes引号括号选择SettingsSync同步vscode设置必要快捷操作ctrl+d多选ctrl+j合并ctrl+alt+f格式化ctrl+u上一个光标位置ctrl+shift+up上移一行下移一行alt+Q选择引号ctrl
  • 【前端高频面试题--Vue基础篇】 码上有前 前端前端vue.jsjavascript
    作者：“码上有前”文章简介：前端高频面试题欢迎小伙伴们点赞、收藏⭐、留言前端高频面试题--Vue基础篇Vue基本原理双向绑定与MVVM模型Vue的优点计算属性与监听属性计算属性监听属性计算属性与监听属性的区别与侧重Vue中key的作用插槽slot是什么？有什么作用，原理？过滤器Filters常见的事件修饰符及其作用vue中v-开头的指令及其作用v-if、v-show、v-html的原理v-if和v
  • SSM+vue基础项目从零开始练习后端搭建 光顾着 javawindos10环境搭建javaideajava-ee
    创建后端项目1、搭建maven工程直接把项目建立在仓库的根目录即可，当然我们也可以创建两个仓库，一个前端项目仓库，一个后端项目仓库：删除父工程下的src调整工程结构2、调整工程结构创建子工程system-adimin，删除掉父工程的src，将父工程的pom文件中的packaging改为pom，声明为一个父工程：3、配置tomcat4、加入以下依赖在父工程中加入以下依赖，进行依赖管理，每一个依赖的作
  • 【Vue】Vue基础入门 五敷有你 前端vue.js前端javascript
    个人主页：五敷有你系列专栏：Vue⛺️稳重求进，晒太阳Vue概念是一个用于构建用户界面的渐进式框架优点：大大提高开发效率缺点：需要理解记忆规则创建Vue实例步骤：准备容器引包创建Vue实例newVue()指定配置项eldata=>渲染数据el指定挂载点，选择器指定控制的是哪个盒子data：提供数据插值表达式插值表达式是一种Vue的模板语法作用：利用表达式进行插值，渲染到页面表达式：可以被求值的代码
  • 【vue】笔记三：Vue基础语法以及数据绑定 网络真危险！！ #vue技术栈vue.jsjavascriptecmascript
    Vue相关的所有语法及其数据绑定一、语法指令1.插值2.v-bind指令3.v-model指令4.计算属性5.监听器6.响应式数据7.生命周期钩子函数8.指令二、数据绑定1.单向数据绑定：2.双向数据绑定：一、语法指令1.插值Vue中最常用的语法之一就是插值（interpolation），可用于显示文本、HTML等。在Vue中，插值的语法是使用双大括号和v-bind指令进行插值。插值语法：{{me
  • Vue基础（混入mixin、组件component、动态组件、组件通信传值/父子通信等、生命周期） 菜鸟_小卡酷谋 Vue—生命周期Vuevue
    ■目录混入（mixins）好处什么是组件，为什么要有组件&组件的好处(!!!)组件语法，创建父子组件组件传值/通信（!!!组件通信的语法（!!!生命周期&钩子函数概念&作用（!!!一、混入（Mixin!）明确需求说明：后期是多个页面，每个页面都newVue因此：就会出现举例普通方法冗余同一段代码写了多次解决：通过混入（mixin）从而提高代码复用性，减少冗余语法###局部const变量={data
  • node+vue文档 程序僧 java
    Vue基础-day01课程介绍NodeJS&npm（了解）ES6重要语法（掌握）Vue介绍（了解）Vue安装（掌握）MVVM架构详解（了解）Vue入门（掌握）Vue表达式（掌握）Vue指令(掌握)前端技术准备前端技术发展历史静态页面1990html操作dom1995javascprint动态网站Asp/jsp,php等，后台臃肿Ajax成为主流Html5春天了来了NodeJs爆发Node.js的出
  • Vue基础入门（四）------ 动态组件 & 插槽 & 自定义指令 举一个栗子吖 前端框架Vuevue.js前端javascript
    目录1.动态组件2.插槽插槽的基础用法具名插槽作用域插槽3.自定义指令全局自定义指令私有自定义指令1.动态组件动态组件指的是动态切换组件的显示与隐藏vue提供了一个内置的组件，专门用来实现动态组件的渲染使用keep-alive保持状态默认情况下，切换动态组件时无法保持组件的状态。此时可以使用vue内置的组件保持动态组件的状态。keep-alive对应的生命周期函数当组件被缓存时，会自动触发组件的d
  • vue基础 6ee372d43592
    讲师：陈潇冰课时1vue基础、常用指令1.官网下载：https://cn.vuejs.org/v2/guide/installation.html（也可以直接github）手册（api文档）：https://cn.vuejs.org/v2/api/2.vueangular的区别官网中文，容易读;指令有相同有不同;vue个人维护angular由google维护;vue小巧适合移动端,angular1
  • vue基础四（路由） 今天晚上一定要早睡 vuevue.js前端javascript
    路由起步使用路由动态路由匹配(传参)使用props接收路由参数路径参数与查询参数this.$route的fullpath和path响应路由参数的变化匹配所有路径匹配优先级嵌套路由声明式导航编程式导航$router.push()$router.replace()$router.go(n)$router.go(n)简写方法命名路由命名视图重定向别名路由组件传参History模式$router和$rou
  • Vue学习之vue基础学习1 ciku Vue学习vue.js学习javascript
    Vue学习之vue基础学习1下文将简述vue的基础知识包括声明式渲染、Attribute绑定、事件监听、表单绑定、条件渲染几个部分。声明式渲染Vue单文件组件(Single-FileComponent，缩写为SFC)。SFC是一种可复用的代码组织形式，它将从属于同一个组件的HTML、CSS和JavaScript封装在使用.vue后缀的文件中Vue的核心功能是声明式渲染：通过扩展于标准HTML的模板
  • Vue基础篇（三） 缺月楼
    第四章v-bind以及class与style的绑定应用场景:DOM元素经常会动态地绑定一些class类名或style样式了解v-bind指令—v-bind的复习链接的href属性和图片的src属性都被动态设置了，当数据变化时，就会重新渲染。在数据绑定中，最常见的两个需求就是元素的样式名称class和内联样式style的动态绑定，它们也是HTML的属性，因此可以使用v-bind指令。我们只需要用v-
  • Vue.js快速入门 大家好我是Boger Vue.js学习笔记vue.jsjavascript
    以下为本人观看黑马程序员Vue框架学习视频所做的笔记视频连接：01.课程介绍_哔哩哔哩_bilibili目录Vue基础第一个Vue程序el挂载点data数据对象本地应用内容绑定和事件绑定v-textv-htmlv-on计数器显示切换和属性绑定v-showv-ifv-bind列表循环和表单元素绑定v-forv-onv-model网络应用axios的基本使用axios配合vueVue基础第一个Vue程
  • 【Vue基础-实践】数据可视化大屏设计（林月明螺蛳粉文化公司单量数据大屏） 林月明 学习数字大屏vue3axiosecharts
    目录一、知识整理1、页面自适应2、下载插件pxtorem&rpx3、关于padding与margin4、下载echarts5、下载axios6、experss官网接口创建7、创建路由8、api接口创建9、设置基准路径10、跨域设置11、图表设置12、地图数据引用13、设置地图效果二、文件说明三、效果展示四、问题解决1、在页面自适应下载阿里团队插件时遇问题httpsfetchGET2002、中途ct
  • vue核心知识点 前端小天才 vue.js
    一、Vue基础知识点总结开发vue项目的模式有两种：基于vue.js，在html中引入vue.js，让vue.js管理div#app元素。基于脚手架环境：通过vue脚手架环境可以方便的创建一个通用的vue项目框架的模板，在此基础之上开发vue项目更加便捷。适合工程化开发。制作web项目，需要安装vue脚手架环境VueCLI。需要先安装及配置该脚手架环境，并创建项目包。#配置npm源（国内npm镜像
  • JavaEE学习笔记 2024-1-25 --VUE的入门使用 白斑马不是斑马 JavaEEjava-ee笔记vue.js
    «上一篇个人整理非商业用途，欢迎探讨与指正！！文章目录14.VUE基础14.1VUE的入门使用14.2条件判断14.3循环渲染14.4v-bind绑定标签属性14.5v-model表单标签的双向绑定14.6事件处理14.7axios14.VUE基础前端框架UI框架:页面渲染Bootstrap,Layui...JS框架:数据渲染JQuery,React,angular,node.js,vue...1
  • AI告诉你如何快速入门VUE 小嘤嘤怪学 vue.jsvue前端css
    一、如何快速入门VUE1.学习HTML，CSS和JavaScript：Vue.js基于HTML，CSS和JavaScript，因此你需要熟悉这些基础知识。2.学习Vue基础知识：Vue的核心概念包括数据绑定、组件化、路由、状态管理等。你可以通过阅读Vue官方文档来学习。3.实践：理论学习的同时，你需要通过编写一些简单的Vue应用来提高你的技能。4.阅读Vue源码：如果你想深入了解Vue的工作原理，
  • day1 vue（初识vue） @vue/cli脚手架的安装及vue基础指令 蒙奇-D-鑫伟 vue.js前端javascriptvue
    Vue基本概念为什么学vuevue开发效率更高大厂公司企业都在用掌握技能拿高薪vue是什么是一个javascript渐进式框架什么是渐进式逐渐使用集成更多功能库和框架的区别库里面拥有许多属性和方法可以随意添加修改，规则性没有那么强框架的规则性很多是一套拥有自己规则的语法@vue/cli脚手架@vue/cli脚手架是什么有什么好处方便开发不用自己去配置开箱即用0配置webpackbabel支持css
  • 【Java之Vue】 Bigcoding #Java核心技术精选vue.jsjava前端
    VueVue基础语法创建对象及插值表达式{{msg1+msg2}}//newVue创建一个Vue对象//一个Vue对象一旦创建,会立即检测自己的el属性,找到对应id的html作用域//和对应的作用域建立'绑定'关系//对应html作用域,就变成了html+vue语法域//对应的新'绑定'的语法域,要按照Vue语法重新解释//每个页面的根root只能有一个，vue对象也只能有一个newVue({e
  • webpack5快速搭建Vue3项目 weiweivita webpackvuewebpacktypescript
    webpack5快速搭建Vue3项目基础环境搭建安装依赖webpack配置文件修改引入Vue基础环境搭建参考webpack5快速搭建HTML项目安装依赖vue：yarnaddvue-Svue-loader：yarnaddvue-loader-D，解析和转换.vue文件，提取出其中的逻辑代码script、样式代码style、以及HTML模版template，再分别把它们交给对应的Loader去处理。
  • VUE基础：循环、判断、点击事件及表单验证双向绑定 GGYY丶
    1.VUE一些基础用法：循环、判断、点击事件Document.red{color:red;}.font-size{font-size:30px;}-->{{msg}}-->{{msg}}-->{{msg.substring(0,4)}}-->学习java学习javaScript学习javaScript-->点我学习学习java学习javaScript学习语言加油学习前端加油学习后端{{item.t
  • 基本数据类型和引用类型的初始值 3213213333332132 java基础
    package com.array; /** * @Description 测试初始值 * @author FuJianyong * 2015-1-22上午10:31:53 */ public class ArrayTest { ArrayTest at; String str; byte bt; short s; int i; long
  • 摘抄笔记--《编写高质量代码：改善Java程序的151个建议》 白糖_ 高质量代码
            记得3年前刚到公司，同桌同事见我无事可做就借我看《编写高质量代码：改善Java程序的151个建议》这本书，当时看了几页没上心就没研究了。到上个月在公司偶然看到，于是乎又找来看看，我的天，真是非常多的干货，对于我这种静不下心的人真是帮助莫大呀。           看完整本书，也记了不少笔记
  • 【备忘】Django 常用命令及最佳实践 dongwei_6688 django
    注意：本文基于 Django 1.8.2 版本   生成数据库迁移脚本（python 脚本） python manage.py makemigrations polls  说明：polls 是你的应用名字，运行该命令时需要根据你的应用名字进行调整   查看该次迁移需要执行的 SQL 语句（只查看语句，并不应用到数据库上）： python manage.p
  • 阶乘算法之一N! 末尾有多少个零 周凡杨 java算法阶乘面试效率
                                     &n
  • spring注入servlet g21121 Spring注入
    传统的配置方法是无法将bean或属性直接注入到servlet中的，配置代理servlet亦比较麻烦，这里其实有比较简单的方法，其实就是在servlet的init()方法中加入要注入的内容： ServletContext application = getServletContext(); WebApplicationContext wac = WebApplicationContextUtil
  • Jenkins 命令行操作说明文档 510888780 centos
    假设Jenkins的URL为http://22.11.140.38:9080/jenkins/ 基本的格式为 java 基本的格式为 java -jar jenkins-cli.jar [-s JENKINS_URL] command [options][args] 下面具体介绍各个命令的作用及基本使用方法 1. &nb
  • UnicodeBlock检测中文用法 布衣凌宇 UnicodeBlock
    /**  * 判断输入的是汉字  */ public static boolean isChinese(char c) {        Character.UnicodeBlock ub = Character.UnicodeBlock.of(c);    
  • java下实现调用oracle的存储过程和函数 aijuans javaorale
    1.创建表：STOCK_PRICES     2.插入测试数据：     3.建立一个返回游标：  PKG_PUB_UTILS   4.创建和存储过程：P_GET_PRICE     5.创建函数：   6.JAVA调用存储过程返回结果集 JDBCoracle10G_INVO
  • Velocity Toolbox antlove 模板toolboxvelocity
    velocity.VelocityUtil package velocity; import org.apache.velocity.Template; import org.apache.velocity.app.Velocity; import org.apache.velocity.app.VelocityEngine; import org.apache.velocity.c
  • JAVA正则表达式匹配基础 百合不是茶 java正则表达式的匹配
      正则表达式;提高程序的性能,简化代码,提高代码的可读性,简化对字符串的操作   正则表达式的用途; 字符串的匹配 字符串的分割 字符串的查找 字符串的替换       正则表达式的验证语法     [a] //[]表示这个字符只出现一次 ,[a] 表示a只出现一
  • 是否使用EL表达式的配置 bijian1013 jspweb.xmlELEasyTemplate
            今天在开发过程中发现一个细节问题，由于前端采用EasyTemplate模板方法实现数据展示，但老是不能正常显示出来。后来发现竟是EL将我的EasyTemplate的${...}解释执行了，导致我的模板不能正常展示后台数据。         网
  • 精通Oracle10编程SQL(1-3)PLSQL基础 bijian1013 oracle数据库plsql
    --只包含执行部分的PL/SQL块 --set serveroutput off begin dbms_output.put_line('Hello,everyone!'); end; select * from emp; --包含定义部分和执行部分的PL/SQL块 declare v_ename varchar2(5); begin select
  • 【Nginx三】Nginx作为反向代理服务器 bit1129 nginx
    Nginx一个常用的功能是作为代理服务器。代理服务器通常完成如下的功能：   接受客户端请求 将请求转发给被代理的服务器 从被代理的服务器获得响应结果 把响应结果返回给客户端 实例 本文把Nginx配置成一个简单的代理服务器 对于静态的html和图片，直接从Nginx获取 对于动态的页面，例如JSP或者Servlet，Nginx则将请求转发给Res
  • Plugin execution not covered by lifecycle configuration: org.apache.maven.plugin blackproof maven报错
    转：http://stackoverflow.com/questions/6352208/how-to-solve-plugin-execution-not-covered-by-lifecycle-configuration-for-sprin   maven报错： Plugin execution not covered by lifecycle configuration:
  • 发布docker程序到marathon ronin47 docker 发布应用
    1 发布docker程序到marathon 1.1 搭建私有docker registry 1.1.1 安装docker regisry docker pull docker-registry docker run -t -p 5000:5000 docker-registry 下载docker镜像并发布到私有registry docker pull consol/tomcat-8.0
  • java-57-用两个栈实现队列&&用两个队列实现一个栈 bylijinnan java
    import java.util.ArrayList; import java.util.List; import java.util.Stack; /* * Q 57 用两个栈实现队列 */ public class QueueImplementByTwoStacks { private Stack<Integer> stack1; pr
  • Nginx配置性能优化 cfyme nginx
    转载地址：http://blog.csdn.net/xifeijian/article/details/20956605   大多数的Nginx安装指南告诉你如下基础知识——通过apt-get安装，修改这里或那里的几行配置，好了，你已经有了一个Web服务器了。而且，在大多数情况下，一个常规安装的nginx对你的网站来说已经能很好地工作了。然而，如果你真的想挤压出Nginx的性能，你必
  • [JAVA图形图像]JAVA体系需要稳扎稳打,逐步推进图像图形处理技术 comsci java
         对图形图像进行精确处理，需要大量的数学工具，即使是从底层硬件模拟层开始设计，也离不开大量的数学工具包，因为我认为，JAVA语言体系在图形图像处理模块上面的研发工作，需要从开发一些基础的，类似实时数学函数构造器和解析器的软件包入手，而不是急于利用第三方代码工具来实现一个不严格的图形图像处理软件......   &nb
  • MonkeyRunner的使用 dai_lm androidMonkeyRunner
    要使用MonkeyRunner，就要学习使用Python，哎 先抄一段官方doc里的代码 作用是启动一个程序（应该是启动程序默认的Activity），然后按MENU键，并截屏 # Imports the monkeyrunner modules used by this program from com.android.monkeyrunner import MonkeyRun
  • Hadoop-- 海量文件的分布式计算处理方案 datamachine mapreducehadoop分布式计算
    csdn的一个关于hadoop的分布式处理方案，存档。 原帖：http://blog.csdn.net/calvinxiu/article/details/1506112。     Hadoop 是Google MapReduce的一个Java实现。MapReduce是一种简化的分布式编程模式，让程序自动分布到一个由普通机器组成的超大集群上并发执行。就如同ja
  • 以資料庫驗證登入 dcj3sjt126com yii
    以資料庫驗證登入 由於 Yii 內定的原始框架程式, 採用綁定在UserIdentity.php 的 demo 與 admin 帳號密碼:    public function authenticate()    {        $users=array( &nbs
  • github做webhooks：[2]php版本自动触发更新 dcj3sjt126com githubgitwebhooks
    上次已经说过了如何在github控制面板做查看url的返回信息了。这次就到了直接贴钩子代码的时候了。 工具/原料 git github 方法/步骤   在github的setting里面的webhooks里把我们的url地址填进去。   钩子更新的代码如下： error_reportin
  • Eos开发常用表达式 蕃薯耀 Eos开发Eos入门Eos开发常用表达式
    Eos开发常用表达式 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2014年8月18日 15:03:35 星期一     &
  • SpringSecurity3.X--SpEL 表达式 hanqunfeng SpringSecurity
    使用 Spring 表达式语言配置访问控制，要实现这一功能的直接方式是在<http>配置元素上添加 use-expressions 属性：   <http auto-config="true" use-expressions="true"> 这样就会在投票器中自动增加一个投票器：org.springframework
  • Redis vs Memcache IXHONG redis
    1. Redis中，并不是所有的数据都一直存储在内存中的，这是和Memcached相比一个最大的区别。 2. Redis不仅仅支持简单的k/v类型的数据，同时还提供list，set，hash等数据结构的存储。 3. Redis支持数据的备份，即master-slave模式的数据备份。 4. Redis支持数据的持久化，可以将内存中的数据保持在磁盘中，重启的时候可以再次加载进行使用。 Red
  • Python - 装饰器使用过程中的误区解读 kvhur JavaScriptjqueryhtml5css
    大家都知道装饰器是一个很著名的设计模式，经常被用于AOP(面向切面编程)的场景，较为经典的有插入日志，性能测试，事务处理，Web权限校验， Cache等。 原文链接：http://www.gbtags.com/gb/share/5563.htm Python语言本身提供了装饰器语法（@），典型的装饰器实现如下：   @function_wrapper de
  • 架构师之mybatis-----update 带case when 针对多种情况更新 nannan408 case when
    1.前言.    如题. 2. 代码.   <update id="batchUpdate" parameterType="java.util.List"> <foreach collection="list" item="list" index=&
  • Algorithm算法视频教程 栏目记者 Algorithm算法
    课程：Algorithm算法视频教程 百度网盘下载地址： http://pan.baidu.com/s/1qWFjjQW 密码: 2mji 程序写的好不好,还得看算法屌不屌！Algorithm算法博大精深。 一、课程内容： 课时1、算法的基本概念 + Sequential search 课时2、Binary search 课时3、Hash table 课时4、Algor
  • C语言算法之冒泡排序 qiufeihu c算法
    任意输入10个数字由小到大进行排序。 代码： #include <stdio.h> int main() { int i,j,t,a[11]; /*定义变量及数组为基本类型*/ for(i = 1;i < 11;i++){ scanf("%d",&a[i]); /*从键盘中输入10个数*/ } for
  • JSP异常处理 wyzuomumu Webjsp
    1.在可能发生异常的网页中通过指令将HTTP请求转发给另一个专门处理异常的网页中: <%@ page errorPage="errors.jsp"%>   2.在处理异常的网页中做如下声明： errors.jsp: <%@ page isErrorPage="true"%>，这样设置完后就可以在网页中直接访问exc
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他