玄德公笔记
玄德公笔记

Vue.js基础-08- 表单双向绑定数据 v-model（input 绑定，extarea绑定，复选框绑定，单选框绑定，下拉菜单绑定）

文章目录

  • 1. input -双向数据绑定
    • 语法示例
    • 完整示例
  • 2. extarea - 双向数据绑定
    • 语法示例
    • 完整示例
  • 3. 复选框 - 双向数据绑定
    • 语法示例
    • 完整示例（单个复选框）
    • 完整示例（多个复选框）
  • 4. 单选框 -双向数据绑定
    • 语法示例
    • 完整示例
  • 5. 下拉菜单 -双向数据绑定
    • 语法示例
    • 完整示例
    • ![在这里插入图片描述](https://img-blog.csdnimg.cn/3a1d05c4d2de4e1d96bdeffd7ada7e3f.png =350x) ![在这里插入图片描述](https://img-blog.csdnimg.cn/744af9b7eb204be8a7c274933c1ae0cc.png =350x)

1. input -双向数据绑定

语法示例

 <input v-model="name" >

完整示例

创建一个input，绑定vue实例中的name
输入框中用户可输入文本
输入框下打印name值，因为绑定，因此会随用户输入变化。

  • 代码

placeholder：占位，下例name为空时输入框中显示该值。

DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>CROW-宋title>
  <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js">script>
  <style>
    .active {
      border-style: dotted;
      padding: 25px;
    }
  style>
head>

<body>
  <div id="app" v-bind:class="{ 'active': true }">
    <p>input 元素：p>
    <input v-model="name" placeholder="请输入您的姓名">
    <p>姓名: {{ name }}p>
  div>
  <script>
    new Vue({
      el: '#app',
      data: {
        name: '',
      }
    })
  script>
body>

html>
  • 结果输出

因为name开始为空，因此输入框中显示placeholder的值

Vue.js基础-08- 表单双向绑定数据 v-model（input 绑定，extarea绑定，复选框绑定，单选框绑定，下拉菜单绑定）_第1张图片

输入后，因为输入框绑定了name ，因此下边会打印出输入的值

Vue.js基础-08- 表单双向绑定数据 v-model（input 绑定，extarea绑定，复选框绑定，单选框绑定，下拉菜单绑定）_第2张图片

2. extarea - 双向数据绑定

语法示例

  <textarea v-model="message" >textarea>

message在vue示例中定义。

完整示例

创建一个输入框，绑定vue实例中的message
输入框中用户可输入多行文本
输入框下打印message值，因为绑定，因此会随用户输入变化。

  • 代码

textarea： 元素可多行输入。
placeholder：占位，下例message为空时显示该值。

DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>CROW-宋title>
  <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js">script>
  <style>
    .active {
      border-style: dotted;
      padding: 25px;
    }
  style>
head>

<body>
  <div id="app" v-bind:class="{ 'active': true }">
    <p>textarea 元素：p>
    <textarea v-model="message" placeholder="多行文本输入……">textarea>
    <p style="white-space: pre">{{ message }}p>
  div>
  <script>
    new Vue({
      el: '#app',
      data: {
        message: '身未升腾思退步\n功成应忆去时言\n只因先主叮咛后\n星落秋风五丈原\n'
      }
    })
  script>
body>

html>
  • 结果显示

在输入框中用户可输入多行数字
Vue.js基础-08- 表单双向绑定数据 v-model（input 绑定，extarea绑定，复选框绑定，单选框绑定，下拉菜单绑定）_第3张图片

3. 复选框 - 双向数据绑定

语法示例

<input type="checkbox" v-model="checked">

完整示例（单个复选框）

DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>CROW-宋title>
  <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js">script>
head>

<body>
  <div id="app">
    <p>单个复选框：p>
    <input type="checkbox" id="myId" v-model="checked">
    <label for="myId">{{ checked }}label>

  div>

  <script>
    new Vue({
      el: '#app',
      data: {
        checked: false,
      }
    })
  script>
body>

html>
  • 结果显示（未选中）
    Vue.js基础-08- 表单双向绑定数据 v-model（input 绑定，extarea绑定，复选框绑定，单选框绑定，下拉菜单绑定）_第4张图片
  • 结果显示（选中）
    Vue.js基础-08- 表单双向绑定数据 v-model（input 绑定，extarea绑定，复选框绑定，单选框绑定，下拉菜单绑定）_第5张图片

完整示例（多个复选框）

DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>Crow-宋title>
  <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js">script>
head>

<body>
  <div id="app">

    <p>多个复选框：p>
    <input type="checkbox" id="guanYu" value="关羽" v-model="checkedNames">
    <label for="guanYu">关羽出战label>
    <input type="checkbox" id="zhangFei" value="张飞" v-model="checkedNames">
    <label for="zhangFei">张飞出战label>
    <input type="checkbox" id="zhaoYun" value="赵云" v-model="checkedNames">
    <label for="zhaoYun">赵云出战label>
    <br>
    <span>选择的值为: {{ checkedNames }}span>
  div>

  <script>
    new Vue({
      el: '#app',
      data: {
        checkedNames: []
      }
    })
  script>
body>

html>

Vue.js基础-08- 表单双向绑定数据 v-model（input 绑定，extarea绑定，复选框绑定，单选框绑定，下拉菜单绑定）_第6张图片

4. 单选框 -双向数据绑定

语法示例

<input type="radio" value="关羽" v-model="picked">

完整示例

  • 代码
DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>CROW-宋title>
  <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js">script>
head>

<body>
  <div id="app">
    <input type="radio" id="guanYu" value="关羽" v-model="picked">
    <label for="guanYu">关羽label>
    <br>
    <input type="radio" id="zhangFei" value="张飞" v-model="picked">
    <label for="zhangFei">张飞label>
    <br>
    <span>选中值为: {{ picked }}span>
  div>

  <script>
    new Vue({
      el: '#app',
      data: {
        picked: '新兵'
      }
    })
  script>
body>

html>
  • 结果显示
    Vue.js基础-08- 表单双向绑定数据 v-model（input 绑定，extarea绑定，复选框绑定，单选框绑定，下拉菜单绑定）_第7张图片

5. 下拉菜单 -双向数据绑定

语法示例

<select v-model="selected" >

完整示例

给下拉菜单绑定vue实例中的数据，选择下拉菜单选项，vue实例中数据改变。

  • 代码
DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>Vue 测试实例 - 菜鸟教程(runoob.com)title>
  <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js">script>
head>

<body>
  <div id="app">
    <select v-model="selected" >
      <option value="">选择一名武将option>
      <option value="关羽">关羽option>
      <option value="张飞">张飞option>
      <option value="赵云">赵云option>
    select>

    <div >
      <br>
      出战武将为: {{selected}}
    div>
  div>

  <script>
    new Vue({
      el: '#app',
      data: {
        selected: ''
      }
    })
  script>
body>

html>
  • 显示结果

Vue.js基础-08- 表单双向绑定数据 v-model（input 绑定，extarea绑定，复选框绑定，单选框绑定，下拉菜单绑定）_第8张图片
Vue.js基础-08- 表单双向绑定数据 v-model（input 绑定，extarea绑定，复选框绑定，单选框绑定，下拉菜单绑定）_第9张图片

你可能感兴趣的:(#,vue框架学习,vue.js,javascript,双向绑定数据,input,表单)

  • 项目工坊 | Python驱动淘宝信息爬虫 慕丹 python爬虫selenium
    目录前言1完整代码2代码解读2.1导入模块2.2定义TaoBao类2.3search_infor_price_from_web方法2.3.1获取下载路径2.3.2设置浏览器选项2.3.3反爬虫处理2.3.4启动浏览器2.3.5修改浏览器属性2.3.6设置下载行为2.3.7打开淘宝登录页面2.3.8登录淘宝2.3.9搜索商品并提取信息2.3.10提取商品信息3.11保存数据到Excel2.4执行脚本
  • JavaScript基本知识 じ☆ve 清风° 前端javascript开发语言
    文章目录一、JavaScript基础1.变量（重点）1-1定义变量及赋值1-2变量的命名规则和命名规范判断数据类型：2.数据类型转换2-1其他数据类型转成数值2-2其他数据类型转成字符串2-3其他数据类型转成布尔3.函数3-1函数定义阶段3-2函数调用阶段3-3调用上的区别3-4函数的参数3-5函数的定义域4.对象4-1创建对象4-2数据类型之间存储的区别5.数组5-1数组的常用方法6.字符串6-
  • 十大软件供应链安全AI代表厂商，一文快速了解！ 数字供应链安全产品选型 安全
    中国网络安全行业专业媒体安全牛正式发布《软件供应链安全能力构建指南（2024版）》报告，悬镜安全（官网访问地址：悬镜安全-DevSecOps数字供应链安全开拓者）作为DevSecOps软件供应链安全领域领导者，牵头并主导参与了多项国家软件供应链安全行业标准的制定，并打造了全球首个数字供应链开源社区OpenSCA，发布国内首个软件物料清单(SBOM)格式“数字供应链数据交换格式-DSDX(Digit
  • Android 网络框架之okhttp源码解析 码中之牛 移动开发Android开源框架androidkotlin开发语言移动开发网络框架
    okhttp使用okhttp则分为Request请求与response响应。request请求体：每一个HTTP请求中都应该包含一个URL，一个GET或POST方法以及Header或其他参数，当然还可以含特定内容类型的数据流。response响应码：响应则包含一个回复代码（200代表成功，404代表未找到），Header和定制可选的body。封装的okhttp库与okhttp使用:blog.csd
  • stm32 can 简单分析 风中微笑的代码狗 stm32
    1.发送过程寄存器总结TXRQ=1发送can报文,由软件对其置’1’，来请求发送邮箱的数据。当数据发送完成，邮箱为空时，硬件对其清’0’。CAN_MCR寄存器的TXFP位置’1’，can发送为fifo模式，先发送的先发出RQCPTXOK=1发送成功仲裁失败ALST置一发生错误TERR置一TME=1发送邮箱为空ABRQ=1中止如果CAN_IER寄存器TMEIE=1，当RQCPx位被置’1’时，产生中
  • mysql导出表字段信息 宜昌李国勇 SQL前端linuxjavascript
    SELECTCOLUMN_NAMEAS'字段名',COLUMN_TYPEAS'数据类型',IS_NULLABLEAS'是否允许为空',COLUMN_DEFAULTAS'默认值',COLUMN_COMMENTAS'注释'FROMINFORMATION_SCHEMA.COLUMNSWHERETABLE_SCHEMA='kpl-hy-yz'--使用单引号包裹字符串值ANDTABLE_NAME='wms_
  • C++的引用 ‘&’ 三贝勒文子 C/C++c++c语言软件工程开发语言
    引用这个操作在C语言中就已经存在了，它表示了一个取地址符，取地址符经常被用来在定义指针p的时候，在变量前面加上这个取地址符号，表示指针p指向了该变量的地址:int*p=NULL;inta=0;p=&a;又或者是在函数的参数传递时候，形参定义的是指针，实参数变量的取地址，通过指针传递的形式来进行数据的交换操作：voidTest_PointerTransport(int*p,int*q){inttem
  • 阿拉伯数字转中文数字 MY-备忘 随笔.net
    publicclassIntToSmallChineseNumber{publicstaticStringToCH(intintInput){stringsi=intInput.ToString();stringsd="";if(si.Length==1)//個{sd+=GetCH(intInput);returnsd;}elseif(si.Length==2)//十{if(si.Substrin
  • 系统架构设计师-第6章 系统配置与性能评价 软考诸葛老师 系统架构设计师系统架构系统架构设计师软考高级软考
    【本章学习建议】根据考试大纲，本章主要考查系统架构设计师单选题，预计考1分左右，对应第二版教材2.9节，内容较少，较为简单，容易拿分。6.1性能指标1.计算机的性能指标对计算机评价的主要性能指标有：时钟频率(主频)；运算速度；运算精度；内存的存储容量；存储器的存取周期；数据处理速率(ProcessingDataRate，PDR)；吞吐率；各种响应时间；各种利用率；RASIS特性(即：可靠性Reli
  • Laya前端开源框架深度解析与实践应用 徐子贡
    本文还有配套的精品资源，点击获取简介：Laya前端开源框架是一个高效的跨平台JavaScript库，专注于2D/3D游戏及互动应用开发。它利用WebGL引擎提供原生级别的性能，同时兼容包括老旧IE在内的广泛浏览器环境。Laya框架具备强大的组件系统、资源管理、易用性，以及丰富的社区资源支持。实时编译和多平台发布能力让开发更加高效。通过LayaYKFramework-master项目，开发者可以深入
  • Laravel后台管理解决方案：admin-laravel实战 韦臻
    本文还有配套的精品资源，点击获取简介：admin-laravel为Laravel框架提供了一个专门优化和封装的管理后台，支持认证授权、前端UI框架、表单构建、数据展示、API集成、错误日志处理、自定义命令、扩展性、安全防护等功能，旨在帮助开发者高效搭建后台管理系统。通过提供详细的文档和示例代码，它简化了安装、配置和操作流程，确保代码质量和可维护性。1.Laravel后台开发框架概述简介Larave
  • 如何在Windows 10上安装Python？ 字节王德发 pythonwindowspython开发语言
    在今天的数字时代，Python已经成为了一个非常流行的编程语言。无论你是想做数据分析、网页开发，还是人工智能，Python都能满足你的需求。如果你使用的是Windows10系统，安装Python其实并不复杂。下面就让我带你一步一步走过这个过程，确保你可以顺利地在你的电脑上运行Python。1.准备工作在开始之前，确保你的Windows10系统已经更新到最新版本。打开“设置”，选择“更新与安全”，然
  • 如何在Django中实现批量覆盖更新的示例 字节王德发 pythondjango数据库sqlite
    在使用Django进行开发时，数据的更新是一个常见的操作。有时候，我们需要对多个记录进行批量覆盖更新，这样可以提高效率，减少数据库的交互次数。本文将详细介绍如何在Django中实现批量覆盖更新，并提供示例代码来帮助你更好地理解这一过程。理解批量覆盖更新批量覆盖更新的意思是一次性更新多个数据库记录，而不是逐个更新。这种方式在处理大量数据时，能显著提高性能，减少数据库的负担。在Django中，通常使用
  • ASP.NET站点配置以及VS2008下C#、JavaScript联合调试(Ajax) ----以最短路径Dijstra最短路问题为例 刘一哥GIS 《VS/C/C++/C#》ASP.NETIIS最短路径ajax
    实验任务描述：用VS2008构造ASP.NET站点开发环境；用ASP.NET完成JavaScript开发调试；用Ext3.0.0完成一个简单的树显示站;WebService程序设计，Dijstra最短路Web服务；JavaScript通过Ajax技术调用WebService;一、Windows下WEB共享设置打开你的WINDOWS，鼠标点开“我的电脑”，寻找下你机器的WINDOWS版本信息，如果你
  • 【RTSP】客户端（一）：RTSP协议实现 gma999 网络
    概述RTSP主要功能总结RTSP本质是一个应用层协议，主要用于控制实时数据的传递，例如音视频流。RTSP的传输方式与HTTP类似，与HTTP不同在于RTSP主要用于控制传输媒体服务器上的流媒体会话。所以其是一个客户端-服务器模型，客户端需要发送请求给服务器，然后服务器返回响应主要功能建立和终止流媒体会话：客户端可以使用RTSP来请求服务器建立或者终止流媒体会话控制媒体流的播放：客户端实现控制媒体流
  • nacos下载及安装 bxp1321 springcloudjava开发语言
    下载官方最新稳定版github下载较慢，推荐下面的下载链接NacosServer下载|Nacos官网点击下载和试用下载最新稳定版NacosServer下载|Nacos官网配置检查（可选）默认情况下，Nacos使用内置的Derby数据库（单机模式无需修改）。如需使用MySQL（生产环境推荐），需修改配置文件：打开conf/application.properties。修改数据库配置：spring.d
  • AttributeError: ‘NoneType‘ object has no attribute ‘astype‘ 冰虺 python
    今天在复现fasterRCNN网络时，出现AttributeError:'NoneType'objecthasnoattribute'astype'报错，如下图所示通过dug,发现im的shape为none,究其原因是因为cv.imread无法读取图像，主要原因是因为我数据集中存在中文名称。更加详细的请参考一下大佬的博客pythoncv2.imread读取中文路径的图片返回为None的问题_陶将的
  • 网络编程基础知识总结 老梁学Android&HarmonyOS 网络编程网络
    1、网络编程的基础知识总结网络编程说的是在不同计算机之间进行数据传输和通信。本文主要是一些基础知识的总结：本文的“计算机”包含电脑、手机、平板、手表、汽车等可以联网的设备。1.1网络协议1.1.1描述：网络协议是计算机网络中通信双方共同遵守的规则和约定，就是马路上的红绿灯约定红灯停绿灯行一样，专门用于指导数据的传输和处理。1.1.2协议层次：协议通常有两种说法，分别是OSI七层模型或TCP/IP四
  • 国赛数学建模高教社杯历届优秀论文全集 BanDeng001 数学建模数学建模
    2004到2024高教社杯全国大学生数学建模竞赛题目及优秀论文1往届高教社杯题目2024年：A题：“板凳龙”闹元宵B题：生产过程中的决策问题C题：农作物的种植策略D题：反潜航空深弹命中概率问题E题：交通流量管控2023年：A题：定日镜场的优化设计B题：多波束测线问题C题：蔬菜类商品的自动定价与补货决策D题：圈养湖羊的空间利用率E题：黄河水沙检测数据分析2022年：A题：波浪能最大输出功率设计B题：
  • 吊打全网所有精美导航页引导页HTML源码 6v6-博客 开源
    吊打全网所有精美导航页引导页HTML源码这款精美的导航页引导页HTML源码，自适应手机和电脑，无需后台，上传到网站根目录即可使用。首页内容在index.html中修改，支持双页切换，搭建简单，附带详细修改教程。源码特点自适应设计：完美适配手机和电脑端，用户体验极佳。无后台依赖：纯静态页面，无需数据库或后台支持。双页切换：支持双页切换功能，灵活展示内容。搭建简单：上传到网站根目录即可使用，无需复杂配
  • 机器学习入门指南：从 TensorFlow 到 PyTorch 6v6-博客 机器学习tensorflowpytorch
    机器学习入门指南：从TensorFlow到PyTorch机器学习（MachineLearning）是人工智能的核心领域之一，近年来在图像识别、自然语言处理、推荐系统等领域取得了巨大进展。本文将从基础概念入手，介绍机器学习的核心知识，并带你快速上手两大主流框架：TensorFlow和PyTorch。机器学习基础什么是机器学习？机器学习是一种通过数据训练模型，使计算机能够自动学习和改进的技术。它主要分
  • PDF 文件的安全功能概述 IDRSolutions_CN pdf软件工程经验分享团队开发java
    由于安全问题始终存在，我们希望重点介绍PDF文件格式提供的一些安全功能。如果您希望控制或限制用户可以执行的操作，这些功能可以启用。本文将介绍可以阻止哪些类型的操作，以及可以实施哪些不同的身份验证技术来提高PDF的安全性。可以控制哪些操作？在深入探讨可用的不同安全选项之前，我认为提供一些示例来说明可以控制的操作是有用的。这些操作包括限制谁可以：1查看内容2添加/修改文本注释3填写交互式表单字段（包括
  • （基础）理解PDF表单文件 IDRSolutions_CN pdf经验分享软件工程团队开发java
    你有没有见过带有交互按钮、可填写字段、复选框、文本框或单选按钮的PDF文件？这些就是交互式PDF表单。PDF表单示例你可以在我们的FormVu页面查看更多PDF表单的示例。我个人非常喜欢PDF文件格式中的这个功能，因为它让文档变得更具互动性和实用性。通过这些表单，你可以收集数据、下订单或生成发票，甚至有些人用它来制作小游戏！这些数据既可以作为文档的一部分保存，也可以提交到服务器。PDF表单的两种类
  • seacmsv9注入 2022计科一班唐文 oracle数据库
    一、当注入时，information_schema被禁用的解决方法information_schema数据库是MySQL和其他一些数据库系统中存储元数据的标准视图，包含表、列、权限等信息。攻击时可以直接查询这些信息来获取数据库结构，比如表名和列名。当information_schema被禁用时需要寻找其他途径来获取必要的信息。在information_schema数据库中储存了整个MySQL服务器
  • STM32 CAN模块原理与应用详解 mftang STM32外设stm32嵌入式硬件单片机
    目录概述一、CAN模块核心原理1.CAN协议基础2.STM32CAN控制器结构3.波特率配置二、CAN模块配置步骤（基于HAL库）1.初始化CAN外设2.配置过滤器3.启动CAN通信三、数据收发实现1.发送数据帧2.接收数据帧（中断方式）四、高级应用场景1.CANopen协议集成2.双CAN冗余设计3.总线诊断与错误处理五、调试与优化技巧1.硬件调试要点2.软件调试工具3.性能优化策略总结概述CA
  • LabVIEW闭环控制系统硬件选型与实时性能 LabVIEW开发 LabVIEW参考程序LabVIEW知识LabVIEW功能
    在LabVIEW闭环控制系统的开发中，硬件选型直接影响系统的实时性、精度与稳定性。需综合考虑数据采集速度（采样率、接口带宽）、计算延迟（算法复杂度、处理器性能）、输出响应时间（执行器延迟、控制周期）及操作系统定时精度等核心要素。本文结合典型工业场景（如温度控制、运动控制），分析多类型硬件（USB/PCI/PXI/以太网/串口）的适配性，并提供量化选型依据。一、数据采集模块选型分析1.接口类型与传输
  • Linux高阶——1116—SOCKET套接字基础 爱吃涮毛肚的肥肥 Linux高阶linux服务器运维开发语言c++后端
    目录1、SOCKET套接字基础2、socket函数1、socket()——socket创建2、bind()——socket绑定3、listen()——监听网络连接状态4、accept()——执行此函数等待连接，并完成握手（服务端使用）5、connect()——通过此函数对目标请求tcp连接（客户端使用）6、recv()读取指定sockfd中的数据包7、send()向sockfd发送数据包3、客户端
  • 测试江湖：为什么大多数人宁愿吃生活的苦，也不愿意吃学习的苦 爱吃 香菜 软件测试自动化测试职场经验学习软件测试自动化测试测试工具职场经验程序员功能测试
    面试求职：「面试试题小程序」，内容涵盖测试基础、Linux操作系统、MySQL数据库、Web功能测试、接口测试、APPium移动端测试、Python知识、Selenium自动化测试相关、性能测试、性能测试、计算机网络知识、Jmeter、HR面试，命中率杠杠的。（大家刷起来…）职场经验干货：软件测试工程师简历上如何编写个人信息（一周8个面试）软件测试工程师简历上如何编写专业技能（一周8个面试）软件测
  • cornell grasp data 康奈尔大学抓取数据集 百度云 工科pai 深度学习自主抓取康奈尔抓取数据集自主抓取
    国内下载较慢，康奈尔大学抓取数据集分享，给有用的人。科研之路道阻且长，互行方便。康奈尔大学抓取数据集是基于深度学习方法实现机器人自主抓取的必备数据集，直接推动了机器人自主抓取的发展。目前先进的基于视觉和机器人抓取方法都是在该数据集上训练过。该数据集共十组，每组100个物体，共计1000个物体，不仅包含物体的图像，还包含物体的抓取位姿。下载链接：链接：https://pan.baidu.com/s/
  • 【Steg】CTF 隐写术题目解题思路图 D-river CTF安全网络安全
    以下是专门针对CTF隐写术（Steganography）的解题思路与步骤树形图，包含常见分类、工具链和关键方法：CTF隐写术题目解题思路图隐写术（Steganography）├──1.图片隐写（ImageSteg）│├──1.1LSB隐写（最低有效位）││├──步骤：StegSolve逐通道分析，提取LSB数据。││└──工具：StegSolve、zsteg、PythonPIL库。│││├──1.
  • 深入浅出Java Annotation(元注解和自定义注解） Josh_Persistence Java Annotation元注解自定义注解
    一、基本概述     　　 Annontation是Java5开始引入的新特征。中文名称一般叫注解。它提供了一种安全的类似注释的机制，用来将任何的信息或元数据（metadata）与程序元素（类、方法、成员变量等）进行关联。   　　更通俗的意思是为程序的元素（类、方法、成员变量）加上更直观更明了的说明，这些说明信息是与程序的业务逻辑无关，并且是供指定的工具或
  • mysql优化特定类型的查询 annan211 java工作mysql
    本节所介绍的查询优化的技巧都是和特定版本相关的，所以对于未来mysql的版本未必适用。 1 优化count查询 对于count这个函数的网上的大部分资料都是错误的或者是理解的都是一知半解的。在做优化之前我们先来看看 真正的count()函数的作用到底是什么。 count()是一个特殊的函数，有两种非常不同的作用，他可以统计某个列值的数量，也可以统计行数。 在统
  • MAC下安装多版本JDK和切换几种方式 棋子chessman jdk
    环境： MAC AIR,OS X 10.10,64位   历史： 过去 Mac 上的 Java 都是由 Apple 自己提供，只支持到 Java 6，并且OS X 10.7 开始系统并不自带（而是可选安装）（原自带的是1.6）。 后来 Apple 加入 OpenJDK 继续支持 Java 6，而 Java 7 将由 Oracle 负责提供。   在终端中输入jav
  • javaScript （1） Array_06 JavaScriptjava浏览器
    JavaScript 1、运算符 　　运算符就是完成操作的一系列符号，它有七类： 　　赋值运算符（=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=）、算术运算符(+,-,*,/,++,--,%)、比较运算符(>,<,<=,>=,==,===,!=,!==)、逻辑运算符(||,&&,!)、条件运算(?:)、位
  • 国内顶级代码分享网站 袁潇含 javajdkoracle.netPHP
           现在国内很多开源网站感觉都是为了利益而做的                  当然利益是肯定的,否则谁也不会免费的去做网站      &
  • Elasticsearch、MongoDB和Hadoop比较 随意而生 mongodbhadoop搜索引擎
      IT界在过去几年中出现了一个有趣的现象。很多新的技术出现并立即拥抱了“大数据”。稍微老一点的技术也会将大数据添进自己的特性，避免落大部队太远，我们看到了不同技术之间的边际的模糊化。假如你有诸如Elasticsearch或者Solr这样的搜索引擎，它们存储着JSON文档，MongoDB存着JSON文档，或者一堆JSON文档存放在一个Hadoop集群的HDFS中。你可以使用这三种配
  • mac os 系统科研软件总结 张亚雄 mac os
    1.1 Microsoft Office for Mac 2011      大客户版，自行搜索。      1.2 Latex （MacTex）:      系统环境：https://tug.org/mactex/     &nb
  • Maven实战（四）生命周期 AdyZhang maven
    1. 三套生命周期     Maven拥有三套相互独立的生命周期，它们分别为clean，default和site。 每个生命周期包含一些阶段，这些阶段是有顺序的，并且后面的阶段依赖于前面的阶段，用户和Maven最直接的交互方式就是调用这些生命周期阶段。 以clean生命周期为例，它包含的阶段有pre-clean, clean 和 post
  • Linux下Jenkins迁移 aijuans Jenkins
    1. 将Jenkins程序目录copy过去      源程序在/export/data/tomcatRoot/ofctest-jenkins.jd.com下面            tar -cvzf jenkins.tar.gz ofctest-jenkins.jd.com &
  • request.getInputStream()只能获取一次的问题 ayaoxinchao requestInputstream
    问题：在使用HTTP协议实现应用间接口通信时，服务端读取客户端请求过来的数据，会用到request.getInputStream()，第一次读取的时候可以读取到数据，但是接下来的读取操作都读取不到数据   原因： 1. 一个InputStream对象在被读取完成后，将无法被再次读取，始终返回-1； 2. InputStream并没有实现reset方法（可以重
  • 数据库SQL优化大总结之 百万级数据库优化方案 BigBird2012 SQL优化
    网上关于SQL优化的教程很多，但是比较杂乱。近日有空整理了一下，写出来跟大家分享一下，其中有错误和不足的地方，还请大家纠正补充。 这篇文章我花费了大量的时间查找资料、修改、排版，希望大家阅读之后，感觉好的话推荐给更多的人，让更多的人看到、纠正以及补充。 1.对查询进行优化，要尽量避免全表扫描，首先应考虑在 where 及 order by 涉及的列上建立索引。 2.应尽量避免在 where
  • jsonObject的使用 bijian1013 javajson
            在项目中难免会用java处理json格式的数据，因此封装了一个JSONUtil工具类。 JSONUtil.java package com.bijian.json.study; import java.util.ArrayList; import java.util.Date; import java.util.HashMap;
  • [Zookeeper学习笔记之六]Zookeeper源代码分析之Zookeeper.WatchRegistration bit1129 zookeeper
    Zookeeper类是Zookeeper提供给用户访问Zookeeper service的主要API，它包含了如下几个内部类     首先分析它的内部类，从WatchRegistration开始，为指定的znode path注册一个Watcher，   /** * Register a watcher for a particular p
  • 【Scala十三】Scala核心七：部分应用函数 bit1129 scala
    何为部分应用函数？ Partially applied function: A function that’s used in an expression and that misses some of its arguments.For instance, if function f has type Int => Int => Int, then f and f(1) are p
  • Tomcat Error listenerStart 终极大法 ronin47 tomcat
    Tomcat报的错太含糊了，什么错都没报出来，只提示了Error listenerStart。为了调试，我们要获得更详细的日志。可以在WEB-INF/classes目录下新建一个文件叫logging.properties，内容如下 Java代码  handlers = org.apache.juli.FileHandler, java.util.logging.ConsoleHa
  • 不用加减符号实现加减法 BrokenDreams 实现
            今天有群友发了一个问题，要求不用加减符号(包括负号)来实现加减法。         分析一下，先看最简单的情况，假设1+1，按二进制算的话结果是10，可以看到从右往左的第一位变为0，第二位由于进位变为1。    
  • 读《研磨设计模式》-代码笔记-状态模式-State bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /* 当一个对象的内在状态改变时允许改变其行为，这个对象看起来像是改变了其类 状态模式主要解决的是当控制一个对象状态的条件表达式过于复杂时的情况 把状态的判断逻辑转移到表示不同状态的一系列类中，可以把复杂的判断逻辑简化 如果在
  • CUDA程序block和thread超出硬件允许值时的异常 cherishLC CUDA
    调用CUDA的核函数时指定block 和 thread大小，该大小可以是dim3类型的（三维数组），只用一维时可以是usigned int型的。 以下程序验证了当block或thread大小超出硬件允许值时会产生异常！！！GPU根本不会执行运算！！！ 所以验证结果的正确性很重要！！！ 在VS中创建CUDA项目会有一个模板，里面有更详细的状态验证。 以下程序在K5000GPU上跑的。
  • 诡异的超长时间GC问题定位 chenchao051 jvmcmsGChbaseswap
    HBase的GC策略采用PawNew+CMS, 这是大众化的配置，ParNew经常会出现停顿时间特别长的情况，有时候甚至长到令人发指的地步，例如请看如下日志： 2012-10-17T05:54:54.293+0800: 739594.224: [GC 739606.508: [ParNew: 996800K->110720K(996800K), 178.8826900 secs] 3700
  • maven环境快速搭建 daizj 安装mavne环境配置
    一 下载maven 安装maven之前，要先安装jdk及配置JAVA_HOME环境变量。这个安装和配置java环境不用多说。 maven下载地址：http://maven.apache.org/download.html，目前最新的是这个apache-maven-3.2.5-bin.zip，然后解压在任意位置，最好地址中不要带中文字符，这个做java 的都知道，地址中出现中文会出现很多
  • PHP网站安全，避免PHP网站受到攻击的方法 dcj3sjt126com PHP
    对于PHP网站安全主要存在这样几种攻击方式:1、命令注入(Command Injection)2、eval注入(Eval Injection)3、客户端脚本攻击(Script Insertion)4、跨网站脚本攻击(Cross Site Scripting, XSS)5、SQL注入攻击(SQL injection)6、跨网站请求伪造攻击(Cross Site Request Forgerie
  • yii中给CGridView设置默认的排序根据时间倒序的方法 dcj3sjt126com GridView
    public function searchWithRelated() {         $criteria = new CDbCriteria;         $criteria->together = true; //without th
  • Java集合对象和数组对象的转换 dyy_gusi java集合
        在开发中，我们经常需要将集合对象（List，Set）转换为数组对象，或者将数组对象转换为集合对象。Java提供了相互转换的工具，但是我们使用的时候需要注意，不能乱用滥用。 1、数组对象转换为集合对象     最暴力的方式是new一个集合对象，然后遍历数组，依次将数组中的元素放入到新的集合中，但是这样做显然过
  • nginx同一主机部署多个应用 geeksun nginx
    近日有一需求，需要在一台主机上用nginx部署2个php应用，分别是wordpress和wiki，探索了半天，终于部署好了，下面把过程记录下来。 1.   在nginx下创建vhosts目录，用以放置vhost文件。 mkdir vhosts   2.   修改nginx.conf的配置， 在http节点增加下面内容设置，用来包含vhosts里的配置文件 #
  • ubuntu添加admin权限的用户账号 hongtoushizi ubuntuuseradd
    ubuntu创建账号的方式通常用到两种：useradd 和adduser . 本人尝试了useradd方法，步骤如下： 1:useradd    使用useradd时，如果后面不加任何参数的话，如：sudo useradd sysadm 创建出来的用户将是默认的三无用户：无home directory ,无密码,无系统shell。 顾应该如下操作：  
  • 第五章 常用Lua开发库2-JSON库、编码转换、字符串处理 jinnianshilongnian nginxlua
      JSON库   在进行数据传输时JSON格式目前应用广泛，因此从Lua对象与JSON字符串之间相互转换是一个非常常见的功能；目前Lua也有几个JSON库，本人用过cjson、dkjson。其中cjson的语法严格（比如unicode \u0020\u7eaf），要求符合规范否则会解析失败（如\u002），而dkjson相对宽松，当然也可以通过修改cjson的源码来完成
  • Spring定时器配置的两种实现方式OpenSymphony Quartz和java Timer详解 yaerfeng1989 timerquartz定时器
    原创整理不易，转载请注明出处：Spring定时器配置的两种实现方式OpenSymphony Quartz和java Timer详解 代码下载地址：http://www.zuidaima.com/share/1772648445103104.htm 有两种流行Spring定时器配置：Java的Timer类和OpenSymphony的Quartz。 1.Java Timer定时 首先继承jav
  • Linux下df与du两个命令的差别？ pda158 linux
    　一、df显示文件系统的使用情况，与du比較，就是更全盘化。 　　最经常使用的就是 df -T，显示文件系统的使用情况并显示文件系统的类型。 　　举比例如以下： 　　[root@localhost ~]# df -T 　　Filesystem                   Type &n
  • [转]SQLite的工具类 ---- 通过反射把Cursor封装到VO对象 ctfzh VOandroidsqlite反射Cursor
    在写DAO层时，觉得从Cursor里一个一个的取出字段值再装到VO(值对象)里太麻烦了，就写了一个工具类，用到了反射，可以把查询记录的值装到对应的VO里，也可以生成该VO的List。   使用时需要注意： 考虑到Android的性能问题，VO没有使用Setter和Getter，而是直接用public的属性。 表中的字段名需要和VO的属性名一样，要是不一样就得在查询的SQL中
  • 该学习笔记用到的Employee表 vipbooks oraclesql工作
        这是我在学习Oracle是用到的Employee表，在该笔记中用到的就是这张表，大家可以用它来学习和练习。 drop table Employee; -- 员工信息表 create table Employee( -- 员工编号 EmpNo number(3) primary key, -- 姓
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他