按钮

在园子里也大概搜了下，thinhunan写过一个系列《今天你写控件了吗》，写的也很不错。但是我还是下定决心写这个系列的文章，以完成Component和Control的一个完整的系列。 有朋友给我说：Asp.net之所以方便和强大，关键是它有一组强大的Asp.net服务器控件，在Asp.net中我们经常会遇到Html标注，Html服务器控件、Web控件和Asp.net服务器控件等等，你能区分出它们之间的关系吗？那我们首先来区分下Asp.net开发中经常用到的几个概念，Html标注、Html服务器控件、Web控件和Asp.net服务器控件， Html标注：就是我们传统所说的Html 超文本标记语言，这些Html标注在以往的静态网页或网页里即可满足我们的需求，Html标注并没有办法利用程序直接来控制它们的属性、使用方法和接收事件，我们必须另外学习其它如JavaScript 等程序语言才得以控制。如：<input id="Button1" type="button" value="button" />。 Html服务器控件：就是上面我们讲的Html标注的属性里加上runat="server"所构成的控件，至于Html标注和Html服务器控件之间的区别很明显，Html服务器控件是运行于服务器端，Html标注是运行于客户端。具体来说：当ASP.NET 网页执行时，会检查标注有无runat 属性

1 stdafx.h 　 　所谓头文件 预编译 ，就是把一个工程(Project)中使用的一些MFC标准头文件(如Windows.H、Afxwin.H)预先编译，以后该工程编译时，不再编译这部分头文件，仅仅使用预编译的结果。这样可以加快编译速度，节省时间。 预编译 头文件通过编译stdafx.cpp生成，以工程名命名，由于预编译的头文件的后缀是“pch”，所以编译结果文件是projectname.pch。 编译器 通过一个头文件stdafx.h来使用预编译头文件。stdafx.h这个头文件名是可以在project的编译设置里指定的。编译器认为，所有在指令#include "stdafx.h"前的代码都是预编译的，它跳过#include "stdafx. h"指令，使用projectname.pch编译这条指令之后的所有代码。 　　 因此，所有的MFC实现文件第一条语句都是：#include "stdafx.h"。在它前面的所有代码将被忽略，所以其他的头文件应该在这一行后面被包含。否则，你将会得到“No such file or directory”这样让你百思不得其解的错误提示。 　 　Windows和MFC的include文件都非常大，即使有一个快速的处理程序， 编译程序 也要花费相当长的时间来完成工作。由于每个.CPP文件都包含相同的include文件，为每个

在分屏浏览中并排使用两个 Mac App 借助分屏浏览，您可以在 Mac 屏幕上满屏显示两个 App，而无需手动移动窗口和调整窗口大小。 进入分屏浏览 分屏浏览要求使用 OS X El Capitan 或更高版本 ，并且相关步骤因使用的 macOS 不同而略有不同。如果这些步骤不起作用，请选取苹果菜单  >“系统偏好设置”，点按“调度中心”，并确保已选择“显示器具有单独的空间”。 macOS Catalina 将指针悬停在某个窗口左上角的全屏按钮 上。或者，点按并按住这个按钮。 从菜单中选取“将窗口拼贴到屏幕左侧”或“将窗口拼贴到屏幕右侧”。这个窗口随即将铺满屏幕相应一侧的部分。 点按屏幕另一侧的某个窗口以开始并排使用这两个窗口。 其他 macOS 版本 点按并按住窗口左上角的全屏按钮 。 按住这个按钮时窗口会缩小，您可以将它向屏幕左侧或右侧拖移。 释放这个按钮，然后点按屏幕另一侧的某个窗口以开始并排使用这两个窗口。 在分屏浏览中操作 在分屏浏览中，您可以并排使用两个 App，不会再因其他 App 而分心。 在要操作的窗口中点按任意位置，即可选取这个窗口。 将指针移至屏幕顶部，即可显示菜单栏。 将一个窗口拖移到另一侧，即可调换窗口位置。 拖移两个窗口之间的垂直线，即可调整窗口宽度。 使用“ 调度中心 ”或使用 多点触控手势 （例如用四根手指在触控板上向左或向右轻扫）切换至其他

第一种方法是直接在子组件中通过this.$parent.event来调用父组件的方法 父组件 <template> <div> <child></child> </div> </template> <script> import child from '~/components/dam/child'; export default { components: { child }, methods: { fatherMethod() { console.log('测试'); } } }; </script> 子组件 <template> <div> <button @click="childMethod()">点击</button> </div> </template> <script> export default { methods: { childMethod() { this.$parent.fatherMethod(); } } }; </script> 第二种方法是在子组件里用 $emit 向父组件触发一个事件，父组件监听这个事件就行了。 父组件 <template> <div> <child @fatherMethod="fatherMethod"></child> </div> </template> <script> import child from '~

在 Android 群里，经常会有人问我, Android　Log 是怎么用的，今天我就把从网上以及 SDK 里东拼西凑过来，让大家先一睹为快，希望对大家入门 Android　Log 有一定的帮助． android.util.Log常用的方法有以下 5 个： Log.v() Log.d() Log.i() Log.w() 以及 Log.e() 。根据首字母对应 VERBOSE ， DEBUG , INFO , WARN ， ERROR 。 1、Log.v 的调试颜色为 黑色 的，任何消息都会输出，这里的v代表verbose啰嗦的意思，平时使用就是Log.v("",""); 2、Log.d的输出颜色是 蓝色 的，仅输出debug调试的意思，但他会输出上层的信息，过滤起来可以通过DDMS的Logcat标签来选择. 3、Log.i的输出为 绿色 ，一般提示性的消息information，它不会输出Log.v和Log.d的信息，但会显示i、w和e的信息 4、Log.w的意思为 橙色 ，可以看作为warning警告，一般需要我们注意优化Android代码，同时选择它后还会输出Log.e的信息。 5、Log.e为 红色 ，可以想到error错误，这里仅显示红色的错误信息，这些错误就需要我们认真的分析，查看栈的信息了。 下面是我做的一个简单的 LogDemo ( Step By Step):

相对布局 RelativeLayout 允许子元素指定它们相对于其父元素或兄弟元素的位置，这是实际布局中最常用的布局方式之一。它灵活性大很多，当然属性也多，操作难度也大，属性之间产生冲突的的可能性也大，使用相对布局时要多做些测试。 下面是常用的一些属性 RelativeLayout 用到的一些重要的属性： 第一类:属性值为true或false android:layout_centerHrizontal 水平居中 android:layout_centerVertical 垂直居中 android:layout_centerInparent 相对于父元素完全居中 android:layout_alignParentBottom 贴紧父元素的下边缘 android:layout_alignParentLeft 贴紧父元素的左边缘 android:layout_alignParentRight 贴紧父元素的右边缘 android:layout_alignParentTop 贴紧父元素的上边缘 android:layout_alignWithParentIfMissing 如果对应的兄弟元素找不到的话就以父元素做参照物 第二类：属性值必须为id的引用名“@id/id-name” android:layout_below 在某元素的下方 android:layout_above

表单： <form id="" name="" method="post/get" action"负责处理的服务端"><form> id不可重复；name可以重复；get提交长度有限制，并且编码后的内容在地址栏可见，post提交无长度限制，且编码后长度不可见。 value 输入的值 disabled 否定input，使按钮失效，满足条件前不可点击 enable 使按钮可用 1.文本输入 文本框<input type="text" value="" /> 密码框<input type="password" value="" /> 文本域<textarea cols=""(字符多少) rows=""(几行高)></textarea> 隐藏域<input type="hidden" value="" /> 2.按钮 提交按钮<input type="submit" value="提交" /> 点击后转到form内的提交服务器的地址 重置按钮<input type="reset" value="重置" />　 普通按钮<input type="button" value="登陆" /> 图片按钮<input type="image" src="" /> 3.选择输入 单选项按钮 <input type="radio" name="" checked="checked" value="" /

3 月，跳不动了？>>> 1.既然是添加背景图片 所以这里应该使用 Button.BackgroudImage = "" ;来设置图片 而不应该使用 Button.Image = ""; 因为使用BackgroudImage来设置背景图片，我们还可以使用 BackgroundImageLayout来调节图片，让图片更好的显示在button上 通常使用： 1 this .btnReset.BackgroundImage = global ::Test.Properties.Resources.btn_reset_out; // 设置图片的路径 2 this .btnReset.BackgroundImageLayout = System.Windows.Forms.ImageLayout.Stretch; // 设置图片的显示模式，Stretch表示填满button，如果图片不够button大，就会拉伸图片 2.然后你就会看到尽管添加了背景图片，同时还设置好了拉伸图片，但是效果还是强差人意 怎么会有个边框啊，这得有多难看啊，既然有边框，那就取消边框吧 不过，没找到button的Border属性，但是找到了 FlatStyle属性(决定控件外观的一个属性)， 不管了，先逐个试试看有什么变化，最后Flat感觉比较符合我们的口味， 那个给人感觉很厚的边框没有了，但是看起来仍然很不舒服

这些漂亮的按钮都可以用css3来实现 先回想一下ps里的实现方法 一、做出圆角图形 二、在圆角图像实现渐变 三、给图形加阴影 四、给文字加阴影 用css3实现是一样的原理 首先看样式代码： .button { display: inline-block; outline: none; text-align: center; text-decoration: none; font: 24px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3);/*文字阴影*/ -webkit-border-radius: .5em; /*圆角*/ -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);/*阴影*/ -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); } .button:hover { text-decoration: none; } .button:active { position: relative;

<!DOCTYPE html> <head> <title>超多的CSS3圆角渐变按钮</title> <style type="text/css"> body { background: #ededed; width: 900px; margin: 30px auto; color: #999; } p { margin: 0 0 2em; } h1 { margin: 0; } a { color: #339; text-decoration: none; } a:hover { text-decoration: underline; } div { padding: 20px 0; border-bottom: solid 1px #ccc; } .button { display: inline-block; zoom: 1; *display: inline; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px