真der~啊
真der~啊

Vue:class与style绑定

Vue:class与style绑定
2.6.1 class绑定
1、绑定字符串

适用于样式的名字不确定，需要动态指定。

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Class绑定之字符串形式title>
    <script src="../js/vue.js">script>
    <style>
      .static {
        border: 1px solid black;
        background-color: aquamarine;
      }
      .big {
        width: 200px;
        height: 200px;
      }
      .small {
        width: 100px;
        height: 100px;
      }
      .red-border {
        border-color: red;
      }
    style>
  head>
  <body>
    <div id="app">
      <h1>{{msg}}h1>
      
      <div class="static small">{{msg}}div>
      <hr />
      
      
      <div class="static" :class="c1">{{msg}}div>
      <button @click="changeBig">变大button>
      <button @click="changeSmall">变小button>
      <button @click="addRedBorder">添加红色边框button>
    div>
    <script>
      const vm = new Vue({
        el: "#app",
        data: {
          msg: "Class绑定之字符串形式",
          c1: "small",
          hasRedBorder: false
        },
        methods: {
          changeBig() {
            this.c1 = "big";
          },
          changeSmall() {
            this.c1 = "small";
          },
          addRedBorder() {
            if (this.hasRedBorder) {
              this.c1 = this.c1.replace(' red-border', '');
            } else {
              this.c1 += ' red-border';
            }
            this.hasRedBorder = !this.hasRedBorder;
          }
        },
      });
    script>
  body>
html>
2、绑定数组

适用于绑定的样式名字不确定，并且个数也不确定。

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Class绑定之数组形式title>
    <script src="../js/vue.js">script>
    <style>
      .static {
        border: 1px solid black;
        width: 100px;
        height: 100px;
      }
      .active {
        background-color: green;
      }
      .text-danger {
        color: red;
      }
      .rounded {
        border-radius: 10px;
      }
    style>
  head>
  <body>
    <div id="app">
      <h1>{{msg}}h1>
      
      <div class="static active text-danger">{{msg}}div>
      <br />
      
      <div class="static" :class="['active','text-danger']">{{msg}}div>
      <br />
      <div class="static" :class="[c1, c2]">{{msg}}div>
      <br />
      
      <div class="static" :class="classArray">{{msg}}div>
      <button @click="toggleRounded">切换圆角button>
    div>
    <script>
      const vm = new Vue({
        el: "#app",
        data: {
          msg: "Class绑定之数组形式",
          c1: "active",
          c2: "text-danger",
          classArray: ["active", "text-danger"],
          hasRounded: false
        },
        methods: {
          toggleRounded() {
            if (this.hasRounded) {
              this.classArray = this.classArray.filter(item => item!== 'rounded');
            } else {
              this.classArray.push('rounded');
            }
            this.hasRounded = !this.hasRounded;
          }
        }
      });
    script>
  body>
html>
3、绑定对象

适用于样式名字和个数都确定，但是要动态决定用或者不用。

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Class绑定之对象形式title>
    <script src="../js/vue.js">script>
    <style>
      .static {
        border: 1px solid black;
        width: 100px;
        height: 100px;
      }
      .active {
        background-color: green;
      }
      .text-danger {
        color: red;
      }
      .shadow {
        box-shadow: 5px 5px 5px gray;
      }
    style>
  head>
  <body>
    <div id="app">
      <h1>{{msg}}h1>
      
      
      <div class="static" :class="classObj">{{msg}}div>
      <br />
      <div class="static" :class="{active:true,'text-danger':false}">{{msg}}div>
      <button @click="toggleShadow">切换阴影button>
    div>
    <script>
      const vm = new Vue({
        el: "#app",
        data: {
          msg: "Class绑定之对象形式",
          classObj: {
            // 该对象中属性的名字必须和css中样式名一致。
            active: false,
            "text-danger": true,
            shadow: false
          }
        },
        methods: {
          toggleShadow() {
            this.classObj.shadow = !this.classObj.shadow;
          }
        }
      });
    script>
  body>
html>
2.6.2 style绑定
DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Style绑定title>
    <script src="../js/vue.js">script>
    <style>
      .static {
        border: 1px solid black;
        width: 100px;
        height: 100px;
      }
    style>
  head>
  <body>
    <div id="app">
      <h1>{{msg}}h1>
      
      <div class="static" style="background-color: green">静态写法div>
      <br />
      
      <div class="static" :style="myStyle">动态写法：字符串形式div>
      <br />
      
      <div class="static" :style="{'background-color': 'gray'}">动态写法1：对象形式div>
      <br />
      <div class="static" :style="styleObj1">动态写法2：对象形式div>
      <br />
      
      <div class="static" :style="styleArray">动态写法：数组形式div>
      <button @click="changeFontSize">改变字体大小button>
    div>
    <script>
      const vm = new Vue({
        el: "#app",
        data: {
          msg: "Style绑定",
          myStyle: "background-color: gray;",
          styleObj1: {
            backgroundColor: "green",
            fontSize: '16px'
          },
          styleArray: [{ backgroundColor: "green" }, { color: "red" }],
          currentFontSize: 16
        },
        methods: {
          changeFontSize() {
            this.currentFontSize += 2;
            this.styleObj1.fontSize = `${this.currentFontSize}px`;
          }
        }
      });
    script>
  body>
html>

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

  • uniapp微信小程序 - 详解微信小程序平台用户授权登录全流程，uniapp v3版本中小程序端开发下用户点击登录后获取手机号/昵称/性别/头像等信息完成登录（提供完整示例代码，一键复制开箱即用） 十一猫咪爱养鱼 前端组件与功能(开箱即用)uniapp常见问题解决uniappvue3uniapp3小程序授权登录微信小程序登录获取用户信息教程获取用户昵称手机号头像信息登录vue3版本小程序平台授权登录uniap小程序端用户登录流程uni完整的小程序平台登录源码
    效果图在uniapp微信小程序端开发中，超详细实现用户授权登录完整功能源码，用户授权后获取手机号/昵称/头像/性别等，提供完整思路流程及逻辑讲解。uniappVue3和Vue2都能用，你也可以直接复制粘贴，然后改下参数放到你的项目中去就行。整体思路做功能之前，先来看一下整体流程是
  • vue2中实现leader-line-vue连线文章对应字符 小莉爱编程 vuebug记录vue.js前端javascript
    效果展示通过点击右边的tag，触发连接操作第一步：获取右边tag展示1.右边的tag列表展示，我这边是分为两个list嵌套的数据结构；{"人员":[{
  • 前端基础知识Vue3系列 - 04（Vue3.0 所采用的 Composition Api 与 Vue2.x 使用的 Options Api 有什么不同）
    开始之前CompositionAPI可以说是Vue3的最大特点，那么为什么要推出CompositionApi，解决了什么问题？通常使用Vue2开发的项目，普遍会存在以下问题：代码的可读性随着组件变大而变差每一种代码复用的方式，都存在缺点TypeScript支持有限以上通过使用CompositionApi都能迎刃而解正文一、OptionsApiOptionsAPI，即大家常说的选项API，即以vue
  • Vue 工程化开发入门 dawn191228 前端学习vue.js前端javascript前端框架
    文章目录一、Vue工程化开发概述二、Vue脚手架三、项目运行流程四、组件化开发五、组件注册六、总结在当今的前端开发领域，Vue.js以其简洁、高效的特性受到了广泛的欢迎。Vue的工程化开发能够帮助我们更好地组织和管理项目，提高开发效率和代码质量。本文将带你了解Vue工程化开发入门知识，包括脚手架、项目运行流程、组件化以及组件注册。一、Vue工程化开发概述工程化开发是一种将软件开发过程规范化、标准化
  • 在vue项目中嵌入Python项目 钱亚锋 vue.jspython前端javascriptecmascript
    在Vue项目中嵌入Python项目在现代Web开发中，前后端分离的架构已成为一种流行趋势。前端使用现代化框架（如Vue.js）来构建用户界面，而后端则使用其他语言（如Python）来处理复杂的业务逻辑和数据库交互。将Python项目嵌入到Vue项目中，可以有效利用两种语言的优势，提升开发效率。本文将介绍如何在Vue项目中集成Python项目，并附带代码示例和可视化工具。流程概述在将Python项目
  • 【第六节】方法与事件处理器 枫，为落叶 vuevue.js
    方法与事件处理器方法处理器可以用v-on指令监听DOM事件:Greet绑定一个单击事件处理器到一个方法greet。下面在Vue实例中定义这个方法varvm=newVue({el:'#example',data:{name:'Vue.js'//在'methods’对象中定义方法methods:{greet:function(event)(//方法内'this”指向vmalert('Hello+thi
  • 简约时装网店网站开发#网页制作 #网页设计 #网站建设 黄菊华老师 网页模板简约时装网店
    博主介绍：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注网站制作、小程序开发、软件开发和大学生毕业设计教育、辅导。所有项目都配有从入门到精通的基础知识视频课程，学习后应对毕业设计答辩，提供核心代码讲解，答辩指导。项目配有对应开发文档、开题报告、任务书、PPT等，提供毕业设计论文辅导。项目都录了发布和功能操作演示视频
  • JAVA HTTP大文件分片断点续传 weixin_52041354 java大文件上传java大文件秒传java大文件上传下载java文件传输解决方案jsp大文件上传java断点续传jsp加密传输
    要求：开源，免费，技术支持技术：分片,分块,断点续传,加密传输,加密存储需求：大文件上传，批量上传，断点续传，文件夹上传，大文件下载，批量下载，断点下载，文件夹下载文件夹：上传下载需要支持层级结构，采用非压缩方式文件大小：100G前端：vue2,vue3,vue-cli,jquery,html,webuploader后端：java,JSP,springboot,struts服务器：linux,信创
  • Vue实战：利用Element UI轻松实现动态表单项管理与高效验证 征尘bjajmd elementui
    在Vue.js项目中，表单是与用户交互的重要部分，特别是在需要动态管理表单项的场景下，如何优雅地实现添加、删除、上移、下移及验证功能变得尤为重要。本文将详细介绍如何使用ElementUI来实现一个包含动态表单项管理以及验证功能的表单。效果图如下一、项目背景假设我们正在开发一个活动管理系统，其中一个功能是为活动添加多条路线信息，每条路线包含路线名称、可参加人数和路线详情。用户需要能够动态地添加、删除
  • 【vue-8】Vue3 Options API 生命周期函数全面解析 AllenBright #Vuevue.js前端javascript
    在Vue.js开发中，理解组件的生命周期是构建健壮应用程序的关键。虽然Vue3引入了CompositionAPI，但OptionsAPI仍然是许多开发者的首选，特别是对于从Vue2迁移的项目或更喜欢基于选项的代码组织的团队。本文将深入探讨Vue3中OptionsAPI的生命周期函数，帮助您掌握组件从创建到销毁的完整过程。1.生命周期概览Vue3的生命周期与Vue2相比有一些变化，主要是为了更好的支
  • vue2中实现双向绑定的三种方法 星语卿 前端开发语言
    在Vue.js中，v-model是实现双向绑定的核心指令，而.sync是用于父子组件之间双向绑定的修饰符。如果需要在自定义组件中实现双向绑定，可以通过以下几种方式来实现：1.使用v-model实现双向绑定v-model默认会绑定一个名为value的prop和一个名为input的事件。在自定义组件中，可以通过以下方式实现v-model的双向绑定：父组件ParentValue:{{parentValu
  • npm init vite-app runoob-vue3-test2 ，npm init vue@latest，指令区别 CATTLECODE npmvue.js前端
    这两个命令都是用于创建Vue.js项目的脚手架命令，但它们在技术栈、配置方式和项目结构上有显著区别：1.npminitvite-apprunoob-vue3-test2技术栈：基于Vite构建工具使用Vue3作为默认框架由Vite团队维护特点：bash复制代码npminitvite-app快速创建：零配置启动，没有交互选项文件结构：复制代码├──node_modules├──index.html├
  • 面试复盘：为什么Vue2的data数据量大时内存开销大？ neon1204 前端面试面试前端javascriptvue.js
    背景描述今天前端技术面试中，面试官针对Vue2的源码和性能方面提问：“当data中存储大量数据时，为什么内存开销显著增加？”。本文复盘梳理我的回答思路：一、核心机制：Object.defineProperty的递归与闭包Vue2的响应式系统通过递归遍历data中的每个属性，将其转换为getter/setter。这一过程在源码中由defineReactive函数实现，其内存开销主要来自以下三点：1.
  • Vue-23-通过flask接口提供的数据使用plotly.js绘图(二) 皮皮冰燃 Vuejavascriptvue.jsflask
    文章目录1推荐1.1App.vue(根组件)1.2Recommand.vue(父组件)1.3Children.vue(子组件)1.4index.js1.5展示2判断接收到的数据个数2.1App.vue2.2All.vue2.3效果1推荐根据数据项的数量推荐可以使用的图表，选择指定的图表绘图。1.1App.vue(根组件)
  • 如何实现零成本裂变?微信推客带货小程序开发功能模式全解析 开发加微信：hedian116 微信
    引言在当今社交电商蓬勃发展的背景下，微信推客系统作为一种基于社交关系的分销模式，其技术实现和架构设计值得开发者深入探讨。本文将从技术角度分析微信推客系统的核心组件和实现原理，避免商业营销，专注于技术层面的分享。一、微信推客系统的基本架构1.1前端架构微信推客系统通常采用混合开发模式：小程序前端：使用WXML+WXSS+JavaScript技术栈H5页面：Vue.js或React框架实现跨平台兼容原
  • Vue.js前端组件通信的多种方式解析 AI架构全栈开发实战笔记 前端大数据与AI人工智能前端艺匠馆前端vue.jsflutterai
    Vue.js前端组件通信的多种方式解析关键词：Vue.js、组件通信、props、事件总线、Vuex、provide/inject、Pinia摘要：在Vue.js的组件化开发中，组件通信是构建复杂应用的核心能力。本文将用“班级里的小喇叭”“家族传家宝”等生活化类比，从父子、兄弟到跨层级组件，一步步拆解Vue.js中8种主流通信方式的原理、使用场景与实战技巧，帮你彻底掌握组件通信的“十八般武艺”。背
  • vue 组件水平滚动_Vue.js自定义垂直/水平滚动条组件|vue模拟滚动条 weixin_39726379 vue组件水平滚动
    介绍VScroll滚动条基于vuejs2.x构建的美化XY轴滚动条组件。支持原生滚动条、鼠标移出是否隐藏滚动条、自定义滚动条尺寸、颜色及层级等功能。拥有漂亮且流畅的滚动体验！参数配置props:{//是否显示原生滚动条native:Boolean,//是否自动隐藏滚动条autohide:Boolean,//滚动条尺寸size:{type:[Number,String],default:''},//
  • 鞋类电商平台网站制作 #网站建设 #公司网站建设 #网站定制开发 黄菊华老师 网页模板鞋类电商平台网站
    博主介绍：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注网站制作、小程序开发、软件开发和大学生毕业设计教育、辅导。所有项目都配有从入门到精通的基础知识视频课程，学习后应对毕业设计答辩，提供核心代码讲解，答辩指导。项目配有对应开发文档、开题报告、任务书、PPT等，提供毕业设计论文辅导。项目都录了发布和功能操作演示视频
  • vue项目入门 太阳伞下的阿呆 前端vue.js前端javascript
    入门1.创建Vue项目首先，确保你已经安装了Node.js和VueCLI（如前面所提到的）。然后，你可以创建一个新的Vue项目：vuecreatevue-crud-project选择Vue3和默认配置（或者根据需要自定义配置）。2.推荐的Vue.js项目目录结构以下是一个常见的、适合中小型Vue.js项目的目录结构：vue-crud-project/├──public/#存放静态资源│├──ind
  • MyUI 登陆组件使用文档 速易达网络 Vue-MyUI组件库vue.js前端框架前端
    下面是一个完整的Vue.js登录组件实现，包含表单验证、API请求、状态管理和路由跳转等功能：功能特点表单验证：实时验证用户名（邮箱格式）密码复杂度验证（6-20位字母+数字）错误提示显示用户体验：提交按钮加载状态"记住我"功能（使用localStorage）友好的错误提示安全措施：防止重复提交密码字段使用type="password"401未授权处理
  • Uniapp 纯前端台球计分器开发指南：能否上架微信小程序 & 打包成APP？ 雪碧聊技术 uniappuni-app前端微信小程序台球计分器
    目录前言：纯前端Uniapp项目的可行性台球计分器功能分析（纯前端实现方案）如何发布到微信小程序（无后端限制）如何打包成手机APP（Android&iOS）⚠️注意事项&常见问题优化建议（提升用户体验）总结&互动问答1.前言：纯前端Uniapp项目的可行性Uniapp是一个基于Vue.js的跨平台开发框架，可以一套代码编译到微信小程序、H5、Android、iOS等多个平台。如果你的台球计分器只需
  • vue原型挂载
    一、简介对于我们常用的方法，可以使用原型挂载方便使用；其中vue2与vue3所使用原型挂载方式各有不同；官网：vue-prototype-替换为-config-globalproperties在Vue2中，Vue.prototype通常用于添加所有组件都能访问的property。在Vue3等同于config.globalProperties。这些property将被复制到应用中作为实例化组件的一部
  • electron如何使用webpack打包webview标签中的preload文件 Stud_movingj 记录心得vuejavascriptvue.js
    注意：本文基于使用vueaddelectron-builder搭建的项目（在vue2项目上运行vueaddelectron-builder命令搭建而成）并在electron12及13测试过在webview中开发者可以使用preload预加载并执行js文件官方文档网上以及官方的很多例子都是传入一个相对路径的String，并没有以file://开头。然而我这里只能传入String字符串并且是file协
  • Vue.js 性能优化指南：掌握 keep-alive 的使用技巧 乐闻x Vue进阶笔记手册vue.js性能优化前端
    前言在现代前端开发中，性能优化和用户体验一直是开发者关注的重点。对于使用Vue.js构建的单页应用（SPA）来说，频繁的组件切换可能带来性能问题和状态丢失等挑战。Vue提供的keep-alive组件为这一问题提供了优雅的解决方案。本文将深入探讨keep-alive的作用及其使用方法，帮助开发者在实际项目中充分利用这一功能实现高效的组件管理。什么是keep-alive？简单来说，keep-alive
  • Vue.js与Ajax实现数据动态交互及双向绑定项目指南 溪水边小屋
    本文还有配套的精品资源，点击获取简介：Vue.js结合Ajax技术可以创建动态交互的Web应用程序。本项目指南介绍了如何在Vue.js框架下使用Ajax下载和上传后台数据，并通过双向数据绑定实时更新页面内容。项目中演示了Vue组件数据绑定、axios的集成与使用，以及如何处理用户交互、服务器响应和文件操作。通过这一过程，用户能够构建一个高效、直观的用户体验良好的单页应用程序。1.Vue.js框架简
  • vue 中什么场景使用 export default 和setup()
    在Vue3中，exportdefault和setup()的使用场景主要取决于你采用的组件开发模式（OptionsAPI或CompositionAPI）。以下是具体场景和用法：1.使用exportdefault的场景场景1：OptionsAPI组件传统开发模式：如果你使用Vue2风格的OptionsAPI（基于对象配置），组件的所有逻辑都通过data、methods、computed等选项定义。如何
  • 前端实现类浏览器的 Ctrl+F 全局搜索功能（Vue2 + mark.js，用于Electron 、QT等没有浏览器Ctrl+F全局搜索功能的壳子中） 永远不会太晚 前端javascriptelectron
    在Electron中实现类浏览器的Ctrl+F全局搜索功能（Vue2+mark.js）本文介绍如何在Electron应用中构建一个像Chrome一样的Ctrl+F查找框，支持全局高亮、滚动定位、关键词计数与上下跳转。✨背景在网页浏览器中，Ctrl+F是用户非常熟悉的操作，用于快速搜索页面内容。而Electron作为构建桌面应用的强大工具，默认没有提供类似功能，除了使用electron的findIn
  • 【插件】vue-i18n的安装和使用全解
    vue-i18n是Vue.js的国际化插件，它提供了丰富的API和配置选项，支持多种语言切换、语言资源管理、日期时间格式化等功能，能够满足不同场景下的国际化需求。1.项目准备在开始之前，请确保已经具备以下条件：Vue.js项目环境：已搭建好的Vue.js项目，建议使用VueCLI创建。Node.js环境：已安装Node.js和npm。2.安装vue-i18n使用npm安装vue-i18nnpmin
  • Vue开发常用库（含npm安装命令） yz123lucky vue.jsnpm前端
    Vue开发常用库（含npm安装命令）核心生态系统：VueRouter-官方路由管理器npminstallvue-router@4#Vue3npminstallvue-router@3#Vue2Pinia-新一代状态管理库npminstallpiniaVuex-传统状态管理库npminstallvuex@next#Vue3npminstallvuex#Vue2UI组件库：ElementPlus-Vu
  • Vue UEditor Wrap JS：实现富文本编辑器的Vue组件 技术驱动者 javascriptvue.js前端js
    VueUEditorWrapJS：实现富文本编辑器的Vue组件在Vue.js开发中，经常需要使用富文本编辑器来处理用户输入的富文本内容。Vue-UEditor-Wrap是一个方便的Vue组件，它将百度UEditor富文本编辑器封装成了一个可直接在Vue项目中使用的组件。本文将详细介绍如何使用Vue-UEditor-Wrap来实现富文本编辑器功能。首先，我们需要安装Vue-UEditor-Wrap。
  • 戴尔笔记本win8系统改装win7系统 sophia天雪 win7戴尔改装系统win8
    戴尔win8 系统改装win7 系统详述 第一步：使用U盘制作虚拟光驱：         1）下载安装UltraISO：注册码可以在网上搜索。         2）启动UltraISO，点击“文件”—》“打开”按钮，打开已经准备好的ISO镜像文
  • BeanUtils.copyProperties使用笔记 bylijinnan java
    BeanUtils.copyProperties VS PropertyUtils.copyProperties 两者最大的区别是： BeanUtils.copyProperties会进行类型转换，而PropertyUtils.copyProperties不会。 既然进行了类型转换，那BeanUtils.copyProperties的速度比不上PropertyUtils.copyProp
  • MyEclipse中文乱码问题 0624chenhong MyEclipse
    一、设置新建常见文件的默认编码格式，也就是文件保存的格式。 在不对MyEclipse进行设置的时候，默认保存文件的编码，一般跟简体中文操作系统（如windows2000，windowsXP）的编码一致，即GBK。 在简体中文系统下，ANSI 编码代表 GBK编码;在日文操作系统下，ANSI 编码代表 JIS 编码。 Window-->Preferences-->General -
  • 发送邮件 不懂事的小屁孩 send email
    import org.apache.commons.mail.EmailAttachment; import org.apache.commons.mail.EmailException; import org.apache.commons.mail.HtmlEmail; import org.apache.commons.mail.MultiPartEmail;
  • 动画合集 换个号韩国红果果 htmlcss
    动画 指一种样式变为另一种样式 keyframes应当始终定义0 100 过程 1 transition  制作鼠标滑过图片时的放大效果 css .wrap{ width: 340px;height: 340px; position: absolute; top: 30%; left: 20%; overflow: hidden; bor
  • 网络最常见的攻击方式竟然是SQL注入 蓝儿唯美 sql注入
    NTT研究表明，尽管SQL注入（SQLi）型攻击记录详尽且为人熟知，但目前网络应用程序仍然是SQLi攻击的重灾区。 信息安全和风险管理公司NTTCom Security发布的《2015全球智能威胁风险报告》表明，目前黑客攻击网络应用程序方式中最流行的，要数SQLi攻击。报告对去年发生的60亿攻击 行为进行分析，指出SQLi攻击是最常见的网络应用程序攻击方式。全球网络应用程序攻击中，SQLi攻击占
  • java笔记2 a-john java
    类的封装： 1，java中，对象就是一个封装体。封装是把对象的属性和服务结合成一个独立的的单位。并尽可能隐藏对象的内部细节（尤其是私有数据） 2，目的：使对象以外的部分不能随意存取对象的内部数据（如属性），从而使软件错误能够局部化，减少差错和排错的难度。 3，简单来说，“隐藏属性、方法或实现细节的过程”称为——封装。 4，封装的特性：       4.1设置
  • [Andengine]Error：can't creat bitmap form path “gfx/xxx.xxx” aijuans 学习Android遇到的错误
            最开始遇到这个错误是很早以前了，以前也没注意，只当是一个不理解的bug，因为所有的texture，textureregion都没有问题，但是就是提示错误。 昨天和美工要图片，本来是要背景透明的png格式，可是她却给了我一个jpg的。说明了之后她说没法改，因为没有png这个保存选项。 我就看了一下，和她要了psd的文件，还好我有一点
  • 自己写的一个繁体到简体的转换程序 asialee java转换繁体filter简体
              今天调研一个任务，基于java的filter实现繁体到简体的转换，于是写了一个demo，给各位博友奉上，欢迎批评指正。          实现的思路是重载request的调取参数的几个方法，然后做下转换。          
  • android意图和意图监听器技术 百合不是茶 android显示意图隐式意图意图监听器
    Intent是在activity之间传递数据;Intent的传递分为显示传递和隐式传递   显式意图：调用Intent.setComponent() 或 Intent.setClassName() 或 Intent.setClass()方法明确指定了组件名的Intent为显式意图，显式意图明确指定了Intent应该传递给哪个组件。   隐式意图;不指明调用的名称,根据设
  • spring3中新增的@value注解 bijian1013 javaspring@Value
            在spring 3.0中，可以通过使用@value，对一些如xxx.properties文件中的文件，进行键值对的注入，例子如下： 1.首先在applicationContext.xml中加入：  <beans xmlns="http://www.springframework.
  • Jboss启用CXF日志 sunjing logjbossCXF
    1. 在standalone.xml配置文件中添加system-properties：     <system-properties>        <property name="org.apache.cxf.logging.enabled" value=&
  • 【Hadoop三】Centos7_x86_64部署Hadoop集群之编译Hadoop源代码 bit1129 centos
      编译必需的软件 Firebugs3.0.0 Maven3.2.3 Ant JDK1.7.0_67 protobuf-2.5.0 Hadoop 2.5.2源码包       Firebugs3.0.0   http://sourceforge.jp/projects/sfnet_findbug
  • struts2验证框架的使用和扩展 白糖_ 框架xmlbeanstruts正则表达式
    struts2能够对前台提交的表单数据进行输入有效性校验，通常有两种方式： 1、在Action类中通过validatexx方法验证，这种方式很简单，在此不再赘述； 2、通过编写xx-validation.xml文件执行表单验证，当用户提交表单请求后，struts会优先执行xml文件，如果校验不通过是不会让请求访问指定action的。 本文介绍一下struts2通过xml文件进行校验的方法并说
  • 记录-感悟 braveCS 感悟
    再翻翻以前写的感悟，有时会发现自己很幼稚，也会让自己找回初心。   2015-1-11 1. 能在工作之余学习感兴趣的东西已经很幸福了； 2. 要改变自己，不能这样一直在原来区域，要突破安全区舒适区，才能提高自己，往好的方面发展； 3. 多反省多思考；要会用工具，而不是变成工具的奴隶； 4. 一天内集中一个定长时间段看最新资讯和偏流式博
  • 编程之美-数组中最长递增子序列 bylijinnan 编程之美
    import java.util.Arrays; import java.util.Random; public class LongestAccendingSubSequence { /** * 编程之美 数组中最长递增子序列 * 书上的解法容易理解 * 另一方法书上没有提到的是，可以将数组排序（由小到大）得到新的数组， * 然后求排序后的数组与原数
  • 读书笔记5 chengxuyuancsdn 重复提交struts2的token验证
    1、重复提交 2、struts2的token验证 3、用response返回xml时的注意 1、重复提交 (1)应用场景 (1-1)点击提交按钮两次。 (1-2)使用浏览器后退按钮重复之前的操作，导致重复提交表单。 (1-3)刷新页面 (1-4)使用浏览器历史记录重复提交表单。 (1-5)浏览器重复的 HTTP 请求。 (2)解决方法 (2-1)禁掉提交按钮 (2-2)
  • [时空与探索]全球联合进行第二次费城实验的可能性 comsci
         二次世界大战前后,由爱因斯坦参加的一次在海军舰艇上进行的物理学实验 -费城实验   至今给我们大家留下很多迷团.....      关于费城实验的详细过程,大家可以在网络上搜索一下,我这里就不详细描述了      在这里,我的意思是,现在
  • easy connect 之 ORA-12154: TNS: 无法解析指定的连接标识符 daizj oracleORA-12154
    用easy connect连接出现“tns无法解析指定的连接标示符”的错误，如下： C:\Users\Administrator>sqlplus username/[email protected]:1521/orcl SQL*Plus: Release 10.2.0.1.0 – Production on 星期一 5月 21 18:16:20 2012 Copyright (c) 198
  • 简单排序:归并排序 dieslrae 归并排序
    public void mergeSort(int[] array){ int temp = array.length/2; if(temp == 0){ return; } int[] a = new int[temp]; int
  • C语言中字符串的\0和空格 dcj3sjt126com c
       \0 为字符串结束符，比如说：                       abcd (空格)cdefg； 存入数组时，空格作为一个字符占有一个字节的空间，我们
  • 解决Composer国内速度慢的办法 dcj3sjt126com Composer
    用法： 有两种方式启用本镜像服务： 1 将以下配置信息添加到 Composer 的配置文件 config.json 中（系统全局配置）。见“例1” 2 将以下配置信息添加到你的项目的 composer.json 文件中（针对单个项目配置）。见“例2” 为了避免安装包的时候都要执行两次查询，切记要添加禁用 packagist 的设置，如下 1 2 3 4 5
  • 高效可伸缩的结果缓存 shuizhaosi888 高效可伸缩的结果缓存
    /** * 要执行的算法，返回结果v */ public interface Computable<A, V> { public V comput(final A arg); }   /** * 用于缓存数据 */ public class Memoizer<A, V> implements Computable<A,
  • 三点定位的算法 haoningabc c算法
    三点定位， 已知a,b,c三个顶点的x,y坐标 和三个点都z坐标的距离，la，lb,lc 求z点的坐标 原理就是围绕a,b,c 三个点画圆，三个圆焦点的部分就是所求 但是，由于三个点的距离可能不准，不一定会有结果， 所以是三个圆环的焦点，环的宽度开始为0，没有取到则加1 运行 gcc -lm test.c test.c代码如下 #include "stdi
  • epoll使用详解 jimmee clinux服务端编程epoll
    epoll - I/O event notification facility在linux的网络编程中，很长的时间都在使用select来做事件触发。在linux新的内核中，有了一种替换它的机制，就是epoll。相比于select，epoll最大的好处在于它不会随着监听fd数目的增长而降低效率。因为在内核中的select实现中，它是采用轮询来处理的，轮询的fd数目越多，自然耗时越多。并且，在linu
  • Hibernate对Enum的映射的基本使用方法 linzx0212 enumHibernate
      枚举   /** * 性别枚举 */ public enum Gender { MALE(0), FEMALE(1), OTHER(2); private Gender(int i) { this.i = i; } private int i; public int getI
  • 第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 孙子兵法
    始计第一 孙子曰： 兵者，国之大事，死生之地，存亡之道，不可不察也。 故经之以五事，校之以计，而索其情：一曰道，二曰天，三曰地，四曰将，五 曰法。道者，令民于上同意，可与之死，可与之生，而不危也；天者，阴阳、寒暑 、时制也；地者，远近、险易、广狭、死生也；将者，智、信、仁、勇、严也；法 者，曲制、官道、主用也。凡此五者，将莫不闻，知之者胜，不知之者不胜。故校 之以计，而索其情，曰
  • MySQL双向复制 tomcat_oracle mysql
    本文包括: 主机配置 从机配置 建立主-从复制 建立双向复制   背景 按照以下简单的步骤: 参考一下： 在机器A配置主机(192.168.1.30) 在机器B配置从机(192.168.1.29) 我们可以使用下面的步骤来实现这一点   步骤1：机器A设置主机 在主机中打开配置文件 ,
  • zoj 3822 Domination(dp) 阿尔萨斯 Mina
    题目链接：zoj 3822 Domination 题目大意：给定一个N∗M的棋盘，每次任选一个位置放置一枚棋子，直到每行每列上都至少有一枚棋子，问放置棋子个数的期望。 解题思路：大白书上概率那一张有一道类似的题目，但是因为时间比较久了，还是稍微想了一下。dp[i][j][k]表示i行j列上均有至少一枚棋子，并且消耗k步的概率（k≤i∗j）,因为放置在i+1~n上等价与放在i+1行上，同理
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他