按钮

html中submit和button二者都以按钮的形式展现,看起来都是按钮，所不同的是type属性和处发响应的事件上，submit会提交表单，button不会提交表单。 submit和button两者主要区别在于： 1、submit默认为form提交，可以提交表单（form）。submit其实是button的一个特例，也是button的一种，它把提交这个动作自动集成了。 2、button作为普通的按钮则响应用户自定义的事件,如果不指定onclick等事件处理函数，它是不做任何事情，不会自动提交表单数据。当然，button也可以通过JS代码完成表单提交的工作。比如: onclick="document.form1.submit()"。 3、如果表单在点击提交按钮后需要用JS进行处理（包括输入验证）后再提交的话，通常都必须把submit改成button，即取消其自动提交的行为，否则，将会造成提交两次的效果，对于动态网页来说，也就是对数据库操作两次。或者在使用submit时验证时加return true或false。 参考链接： https://blog.csdn.net/aiming66/article/details/79046432 来源： oschina 链接： https://my.oschina.net/u/4130075/blog/3073662

父与子组件通信：--子组件里面通过props接收父组件传过来的数据 1.父组件调用子组件的时候 绑定动态属性 <v-header :title ="title " ></v-header> 2、在子组件里面通过 props接收父组件传过来的数据 props:['title'] props:{ 'title':String } 子 Header.vue: <template> <div> <h2>{{title}}</h2> <h2>{{homemsg}}</h2> <button @click="run('123')">执行父组件的方法</button> <button @click="getParent()">获取父组件的数据和方法</button> </div> </template> <script> export default { name: "Header", props:['title','homemsg','run','home'], methods:{ getParent(){ console.log('this.title:',this.title); console.log('this.home.title:',this.home.title); this.home.run('456') } } } </script> <style scoped> <

这里用到三个函数方法：show() hide() toggle() 注意点是三个方法里面的两个参数的使用，前一个参数是时间，表示显示速度；后一个参数是回调函数，只有前面的动画执行完之后，回调函数才会执行 1 <style> 2 div { 3 width: 150px; 4 height: 300px; 5 background-color: pink; 6 } 7 </style> 8 <button>显示</button> 9 <button>隐藏</button> 10 <button>切换</button> 11 <div></div> 12 <script> 13 $(function () { 14 // $("button").eq(0).click(function () { 15 // $("div").show(1000,function(){ 16 // alert(1) // 注意show的用法，前面的显示速度，后面是回调函数，当动画执行完以后，再执行回调函数，从浏览器可以看到效果，下面的hide同理 17 // }) 18 // }); 19 // $("button").eq(1).click(function () { 20 // $("div").hide() 21 // }) 22 23 $("button").eq(2).click

摘要： 很多值得了解的细节。 原文： React入门看这篇就够了 作者： Random Fundebug 经授权转载，版权归原作者所有。 React 背景介绍 React 入门实例教程 React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。 什么是React A JAVASCRIPT LIBRARY FOR BUILDING USER INTERFACES 用来构建UI的 JavaScript库 React 不是一个 MVC 框架，仅仅是视图（V）层的库 React 官网 React 中文文档 特点 使用 JSX语法 创建组件，实现组件化开发， 为函数式的 UI 编程方式打开了大门 性能高的让人称赞：通过 diff算法 和 虚拟DOM 实现视图的高效更新 HTML仅仅是个开始 > JSX --TO--> EveryThing - JSX --> HTML - JSX --> native ios或android中的组件（XML） - JSX --> VR - JSX --> 物联网 为什么要用React 使用 组件化 开发方式，符合现代Web开发的趋势 技术成熟，社区完善，配件齐全，适用于大型Web项目

Animations 一、Animations 介绍 Animations是一个实现android UI界面动画效果的API，Animations提供了一系列的动画效果，可以进行旋转、缩放、淡入淡出等，这些效果可以应用在绝大多数的控件中。 二、Animations 的分类 Animations从总体上可以分为两大类： 1.Tweened Animations ：该类Animations提供了旋转、移动、伸展和淡出等效果。Alpha——淡入淡出，Scale——缩放效果，Rotate——旋转，Translate——移动效果。 2.Frame-by-frame Animations ：这一类Animations可以创建一个Drawable序列，这些Drawable可以按照指定的时间间歇一个一个的显示。 三、Animations 的使用方法（代码中使用） Animations extends Object implements Cloneable 使用TweenedAnimations的步骤： 1.创建一个AnimationSet对象（Animation子类）； 2.增加需要创建相应的Animation对象； 3.更加项目的需求，为Animation对象设置相应的数据； 4.将Animatin对象添加到AnimationSet对象当中； 5.使用控件对象开始执行AnimationSet。

示意图： html： {# 用户管理 #} < div id = "userManageDiv" style = "display: none;" > < div id = "" style = "margin-left: 10px;" > {# 创建用户 #} < h4 style = "margin-top: 15px;" > 创建用户 </ h4 > < hr style = "margin-top: 5px;" /> < div class = "input-group" style = "margin-bottom: 5px; margin-left: 30px; width: 253px;" > < span class = "input-group-addon" id = "basic-addon1" style = "width: 80px;" > 用户名 </ span > < input type = "text" class = "form-control" id = "username" name = "username" placeholder = "请输入用户名" aria-describedby = "basic-addon1" /> </ div > < div class = "input-group" style = "margin-bottom

基本示例 核心类 .input-group-addon 。把一个附加内容或按钮放在输入框的任一侧。你可以把它们同时放在输入框的两侧。 我们不支持在同一侧放多个附加内容，同样也不支持多个表单控件放在一个输入框组中 。 <div class="input-group"> <span class="input-group-addon" id="basic-addon1">@</span> <input type="text" class="form-control" placeholder="Username" aria-describedby="basic-addon1"> </div> <br> <div class="input-group"> <input type="text" class="form-control" placeholder="Recipient's username" aria-describedby="basic-addon2"> <span class="input-group-addon" id="basic-addon2">.00</span> </div> <br> <label for="basic-url">Your vanity URL</label> <div class="input-group"> <span class="input

创建仓库即4步走： // 创建一个仓库，并且存放一些全局数据（四大选项） const store = new Vuex.Store({ // 全局数据 state: { todos: [] }, // 同步函数 mutations: { GETALL(state, payload){ // state.todos.push(...payload) state.todos = payload }, DEL(state, payload){ // 根据id删除state的数据 state.todos = state.todos.filter(item=>item.id != payload.id) }, ADD(state, payload) { console.log(payload) // 插入到数组中 state.todos.push(payload) }, CHANGE(state, payload){ state.todos.map(item=>{ return item.id == payload.id ? payload : item }) } }, // 异步函数 actions: { async GETALL({commit}, payload){ // 请求接口中的数据，然后存储道state的todos中 var data = await fetch("http:/

在Android中，可以使用计时器来实现对时间的监测，这个类所实现的功能有开始计时，停止计时，重新计时，设置计 时模式， 下面列出计时器方法的原型： long getBase();//返回基地的时间，由setBase(long)设置的 String getFormat();//返回当前字符串格式，此格式是通过setFormat()实现的 void setBase(long base);//设置时间，计数定时器指定的值 void setFormat(String format);//设置显示的内容，计时器将会显示这个参数所对应的值得，如果字符串的值 //为null，那么返回的值为MM:SS格式的 下面就来介绍一个实例： package com.example.android.apis.view; // Need the following import to get access to the app resources, since this // class is in a sub-package. import com.example.android.apis.R; import android.app.Activity; import android.os.Bundle; import android.os.SystemClock; import android.view

直接上代码，解释看注释，一个火箭发射倒计时的例子 main.xml [html] <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android=" http://schemas.android.com/apk/res/android " android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > <Button android:id="@+id/button" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="开始倒计时" /> <TextView android:id="@+id/textView" android:layout_width="fill_parent" android:layout_height="wrap_content" /> </LinearLayout> <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android=" http://schemas