按钮

一. ref使用在父组件上 父组件html： 　　<information ref='information'></information> 　　import information from './information' 　　components:{information,bill,means}, 在父组件上使用子组件的值，js :this.$refs.information.isAdd; isAdd是information组件的data的属性。 二.ref使用在元素上 例如本组件html： <span ref="myspan" class="redmy">23232</span> 本组件js使用：this.$refs["myspan"].className //redmy this.$refs["myspan"] 指代对象//<span class="redmy">23232</span> 三.ref使用在子组件上 子组件上有 <h5 ref='insideDomRef'>我是子组件</h5> 父组件上可以引用子组件的值：this.$refs.insideDomRef// <h5 >我是子组件</h5>实例这是父组件： <template><div> <el-form :model="dynamicValidateForm" ref="dynamicValidateForm"

如果在普通标签中使用，两者没有区别 如果在form表单中使用， <input type="button"> 不会提交表单，而 <button type="submit"> 或者 <button> (默认type="submit")会引起表单的提交。 <button type="button"> <button type="reset"> 不会引起表单提交。 input的值需要设置value: <input type="button" value="点击"> ，button则在标签中间， <button>点击</button> input 的类型值( type )为 submit 可以点击按钮提交数据， button 的值类型值为 submit 或是不设定值得情况下，点击按钮则都会提交表单数据。 单独的 按钮 (不提交数据type="button")，在页面对 按钮的样式 有更高要求时候使用 <button> 元素会更加便利。 来源： https://www.cnblogs.com/smile6542/p/11968175.html

<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@drawable/dengluye"> <ImageView android:id="@+id/touxiang" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/touxiang02" android:layout_marginTop="100dp" android:layout_centerHorizontal="true"> </ImageView> <EditText android:id="@+id/et01" android:layout_width="match_parent" android:layout_height="50dp" android:layout_below="@id/touxiang"

一、MintUI 组件 注意：MUI不同于Mint-UI,MUI只是开发出来的一套好用的代码片段，里面提供了配套的样式、配套的HTML代码段，类似于Bootstrap；而Mint-UI,是真正的组件库，是使用Vue技术封装出来的成套的组件，可以无缝的和VUE项目进行集成开发。 因此，从体验上来说，Mint-UI体验更好，因为这是别人帮我们开发好的现成的Vue组件。 从体验上来说，MUI和Bootstrap类似。 理论上，任何项目都可以使用MUI或Bootstrap，但是Mint-UI只适用于vue项目。 Github 仓储地址 https://github.com/ElemeFE/mint-ui Mint-UI官方文档 http://mint-ui.github.io/#!/zh-cn 二、安装使用Mint-UI组件 安装 #如果是使用 Vue 1.x 安装 npm install mint-ui@1 -S #如果是使用 Vue 2.0 安装 npm install mint-ui -S 导入 // 引入全部组件 import Vue from 'vue'; import Mint from 'mint-ui'; Vue.use(Mint); // 按需引入部分组件 推荐按需引入，因为不是所有的组件都能用得到 import { Cell, Checklist } from

JavaFX为按钮设置快捷键的方式有很多，先说下常见的一种。 第一种： 1 KeyCodeCombination kc1 = new KeyCodeCombination(KeyCode.W, KeyCodeCombination.CONTROL_DOWN); 2 Mnemonic mnemonic1 = new Mnemonic(b1, kc1); 3 scene.addMnemonic(mnemonic1); 解析：KeyCodeCombination是一个继承KeyCombination的一个类这个创建KeyCodeCombination的对象，在构造方法内写入快件键的按键。Mnemonic类似于监听器绑定的东西，你创建了监听器你需要绑定控件，new一个Mnemonic的对象就行了。 第二种：(几乎没用过) 1 KeyCodeCombination kc1 = new KeyCodeCombination("W", KeyCodeCombination.CONTROL_DOWN); 2 Mnemonic mnemonic1 = new Mnemonic(b1, kc1); 3 scene.addMnemonic(mnemonic1); 解析：这个方法与上一个比，只是改变了KeyCodeCombination构造方法的内容,直接用字符串的形式也是可以的。 第三种：(推荐使用)

本文实例分析了jQuery防止重复绑定事件的解决方法。分享给大家供大家参考，具体如下： 一、问题： 今天发现jQuery一个对象的事件可以重复绑定多次，当事件触发的时候会引起代码多遍执行。 下面是一个click事件被重复绑定的示例: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 function reg_button_click(){ $( "#button).click(function(){ alert(" button click"); }); } $(document).ready( function (){ #重复注册3次 reg_button_click(); reg_button_click(); reg_button_click(); #触发的时候 出现3个alert $( '#button' ).click(); }); 二、解决方法： 对于需要重复绑定的场景，再事件注册时候考虑用先unbind 再bind的方法；或者先off 再on ? 1 2 3 4 5 6 7 8 9 10 11 12 13 function reg_button_click(){ $( "#button).unbind('click').bind('click',(function(){ alert(" button click"); }); } $(document)

话外篇： 要写一个圆形控件，用Clip，重写模板，去除样式引用圆形图片可以有这三种方式。 　　开发过程中，我们有时候用WPF原生的控件就能实现自己的需求，但是样式、风格并不能满足我们的需求，那么我们该怎么办呢？----自定义样式与模板。 一、样式 在WPF中我们可以使用Style来设置控件的某些属性值，并使该设置影响到指定范围内的所有该类控件或影响指定的某一控件，比如说我们想将窗口中的所有按钮都保持某一种风格，那么我们可以设置一个Style，而不必分别设置每个按钮的风格。 Style是作为一种资源被保存下来的. 看下面的例子： <Style x:Key="style1" TargetType="{x:Type Button}"> <Setter Property="Background" Value="Skyblue" /> <Setter Property="FontSize" Value="18" /> <Setter Property="FontFamily" Value="Verdena" /> <Setter Property="FontWeight" Value="Bold" /> </Style> 如果我们希望是动态样式，可以添加trigger： <Style.Triggers> <Trigger Property="IsPressed" Value="True">

函数与方法中的this //对象中的函数叫方法，方法中的this是当前对象 其它普通函数的this一般是window let obj = { site : 'baidu' , show : function ( ) { console . log ( this ) ; //this指当前对象 function render ( ) { console . log ( this ) ; //this指window } render ( ) } } obj . show ( ) 利用map函数的第二个参数改变this //let lesson = { // site:'baidu', // list:['js','css','java'], // show:function(){ // console.log(this);//当前对象 // this.list.map(item=>{ // console.log(this);//当前对象，箭头函数的作用 // }) // } //} // let lesson = { // site: 'baidu', // list: ['js', 'css', 'java'], // show: function () { // console.log(this);//当前对象 // this.list.map(function(item) {

一、jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ 二、jQuery的优势 一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。 丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要将一个表格的隔行变色，jQuery也是一行代码搞定。 链式表达式。jQuery的链式操作可以把多个操作写在一行代码里，更加简洁。 事件、样式、动画支持。jQuery还简化了js操作css的代码，并且代码的可读性也比js要强。 Ajax操作支持。jQuery简化了AJAX操作，后端只需返回一个JSON格式的字符串就能完成与前端的通信。 跨浏览器兼容。jQuery基本兼容了现在主流的浏览器，不用再为浏览器的兼容问题而伤透脑筋。 插件扩展开发。jQuery有着丰富的第三方的插件，例如：树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件，并且用jQuery插件做出来的效果很炫

一、简介 定义 　　jQuery创始人是 美国 John Resig，是优秀的 Javascript 框架； 　　jQuery 是一个轻量级、快速简洁的 javaScript 库。 源码戳这 jQuery对象 　　jQuery产生的对象时jQuery独有的，只能自己调用 书写规则 　　支持链式操作； 　　在变量前加"$"符号（var $variable = jQuery 对象 ）； 　　注：此规定并不是强制要求。 二、寻找元素 选择器 基本选择器、层级选择器、属性选择器 与CSS类似，这里不再细说， 详细猛戳这里 。 基本筛选器 $('li:first') //第一个元素 $('li:last') //最后一个元素 $("tr:even") //索引为偶数的元素，从 0 开始 $("tr:odd") //索引为奇数的元素，从 0 开始 $("tr:eq(1)") //给定索引值的元素 $("tr:gt(0)") //大于给定索引值的元素 $("tr:lt(2)") //小于给定索引值的元素 $(":focus") //当前获取焦点的元素 $(":animated") //正在执行动画效果的元素 内容选择器 $("div:contains('nick')") //包含nick文本的元素 $("td:empty") //不包含子元素或者文本的空元素 $("div:has(p)") /