按钮

Web前端第三课

做~自己de王妃 提交于 2019-12-23 18:58:59
列表 列表有三种:ul、ol、dl 无序列表: ul 就是英语unordered list。 无序列表的简写。 li 就是英语 list item , 列表项的意思。 Ul的儿子,只能是li。但是li是一个 容器级标签 ,li里面什么都可以放。 有序列表: ordered list 有序列表:ol 。 ol这个东西用的不多,如果想要表达顺序,大家一般也用ul 。 定义列表: 定义列表也是一个组标签,不过比较复杂,出现了三个标签: dl表示定义列表。 dt表示定义标题。 dd表示定义表述词。 定义列表用法非常灵活,可以一个dt配很多dd。 还可以拆开,让每一个dl里面只有一个 dt 和 dd , 这样子可以感觉清晰一些。 div和span: div和span是非常重要的标签,div的语义是division”分割”的意思。span的语义就是span “范围、跨度”.这两个东西,都是最最重要的“盒子“。 div在浏览器中,默认是不会增加任何的效果改变的,但是语义变了,div中的所有元素是一个小区域。div标签是一个容器级标签,里面什么都能放,甚至可以放div自己。 span也是表达“小区域、小跨度“的标签,但是是一个”文本级“的标签。就是说,span里面只能放置文字、图片、表单元素。span里面不能放p、h、ul、ol、dt、div. span里面是放置小元素的,div里面放置大东西的:

[UWP]占领标题栏

本秂侑毒 提交于 2019-12-23 18:10:35
1. 前言 每一个有理想的UWP应用都会打标题栏的主意,尤其当微软提供 将 Acrylic 扩展到标题栏 这个功能后,大部分Windows 10的原生应用都不乖了,纷纷占领了标题栏的一亩三分地。这篇博客将介绍在UWP中如何自定义标题栏。 2.示例代码 UWP的限制很多,标题栏的自定义几乎全部内容集中在 这篇文档 里面。但只参考这篇文章做起来还不够顺手,我参考了微软开源的计算器应用中的 TitleBar 写了一个示例应用,可以在 这里 查看它的源码。我也把TitleBar实际应用到了我的 OnePomodoro 应用里面了。 3. 简单的颜色自定义 如果只想简单地自定义标题栏的颜色可以通过 ApplicationViewTitleBar ,ApplicationViewTitleBar表示应用程序的标题栏,它提供了一些颜色属性用于控制标题栏的颜色,示例代码如下: // using Windows.UI.ViewManagement; var titleBar = ApplicationView.GetForCurrentView().TitleBar; // Set active window colors titleBar.ForegroundColor = Windows.UI.Colors.White; titleBar.BackgroundColor = Windows.UI

jQuery

寵の児 提交于 2019-12-23 16:57:58
入门 < script src = " https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js " > </ script > 选择器 $ ( "*" ) ; //选区所有元素 $ ( "[href]" ) ; //选取带有 href 属性的元素 $ ( "a[target!='_blank']" ) ; //选取所有 target 属性值不等于 "_blank" 的 <a> 元素 $ ( this ) ; //选取当前 HTML 元素 $ ( ":button" ) ; //选取所有 type="button" 的 <input> 元素 和 <button> 元素 $ ( "tr:even" ) ; //选取偶数位置的 <tr> 元素,奇为odd : eq ( 3 ) //获取索引为三的元素 : gt ( 3 ) //索引大于3的所有元素 : lt ( 3 ) //索引小于3的所有的元素 事件 鼠标事件 click 、 dblclick 、 mouseenter 、 mouseleave 、 hover 键盘事件 keypress 、 keydown 、 keyup 表单事件 submit 、 change 、 focus 、 blur 文档、窗口事件 load 、 resize 、 scroll 、 unload $ (

微信小程序(页面获取组件实例对象来操做组件)

有些话、适合烂在心里 提交于 2019-12-23 14:58:34
< ! --index.wxml-- > < view class = "container" > < button bindtap = "count" > 计数 < /button > < my-count id = "count" > < /my-count > < /view > //index.js //获取应用实例 const app = getApp ( ) Page ( { data: { title: "这是页面传的数据" , cates: [ '推荐' , '热门' , '时尚' , '娱乐' ] } , onLoad: function ( ) { } , search:function ( e ) { console.log ( e.detail.searchText ) ; } , itemClick: function ( e ) { console.log ( e.detail ) ; } , count:function ( ) { // console.log ( this.selectComponent ( '#count' )) this.selectComponent ( '#count' ) .increase ( 10 ) ; console.log ( this.selectComponent ( '#count' ) .data

连连看项目实战之一(搭建场景)

不想你离开。 提交于 2019-12-23 12:56:46
推荐阅读: 我的CSDN 我的博客园 QQ群:704621321 最近有小伙伴反映说,我们小木工作室既然是做游戏的,怎么大部分都是软件通用的技术,没有一点游戏的魅力呢?经深思熟虑之后,我决定,从今天开始就来带大家实战开发游戏啦~~~为了满足大家的好奇心,这次我打算用Unity引擎,带着大家一步一步来开发游戏。 准备工作 首先我们打开unity之后,需要新建多个文件夹,并为其命名,例如: Resources:存放素材,包括UI,音效等。为了分类更明确,通常我们在其下面还要创建几个文件夹,分别用于存放UI,音效等。例如: Scene:游戏中存在多个场景时,用于存放场景。 Script:用于存放脚本文件 前面的准备工作完成了,现在我们需要搭建场景了。 一个新的场景中,在Hierarchy层级面板中,我们发现只有一个主摄像机。这个摄像机相当于人的眼睛,把能看见的东西显示在屏幕上,由于这里是2D游戏,便不多说。 创建并编辑Image 1.首先创建一个image图片 :在层级面板中空白区域右键—UI—Image.。 此过程会自动创建一个Canvas和EventSystem。Canvas:就是我们的画布,我们需要显示的各种东西都由Canvas渲染。在这里我们需要将Canvas得缩放模式(Canvas Acaler)改为Scale With Screen Size,并将分辨率调整为1920

jQuery帮助文档

廉价感情. 提交于 2019-12-23 09:02:08
jQuery 库 - 特性 基础 jQuery 实例 jQuery 是一个 JavaScript 函数库。 下面的例子演示了 jQuery 的 hide jQuery 库包含以下特性: 实例 HTML 元素选取 <html> HTML 元素操作 <head> CSS 操作 <script type="text/java HTML 事件函数 <script type="text/javascr JavaScript 特效和动画 $(document).ready(function HTML DOM 遍历和修改 $("button").click(function AJAX $("p").hide(); Utilities }); }); </script> </head> <body> <h2>This is a heading</h2> <p>This is a paragraph.</p <p>This is another paragra <button type="button">Clic </body> </html> jQuery 语法 jQuery 语法是为 HTML 元素的选取编制,可以对元素执行某些操作。 基础语法是:$(selector).action() 美元符号定义 jQuery 选择符(selector)“查询”和“查找” HTML 元素 jQuery

java swing hello world

狂风中的少年 提交于 2019-12-23 04:47:52
1.概述 一个简单的java swing程序hello world,只有一个button 2.源码 import javax.swing.*; public class server { public static void main(String[] args) { JFrame jFrame = new JFrame("title"); JButton button = new JButton("Test button"); jFrame.add(button);//把button添加到JFrame中 jFrame.setSize(300,300);//设置JFrame大小 jFrame.setVisible(true);//设置可见,不然的话看不到 } } 3.第一次修改 有没有觉得有点奇怪,整个button占满了窗口? 没错,少了一个JPanel: import javax.swing.*; public class server { public static void main(String[] args) { JFrame jFrame = new JFrame("title"); JPanel jPanel = new JPanel(); JButton button = new JButton("Test button"); jPanel.add(button);

Mint UI

早过忘川 提交于 2019-12-23 04:03:56
Mint UI 官网 引入 Mint UI 你可以引入整个 Mint UI,或是根据需要仅引入部分组件。我们先介绍如何引入完整的 Mint UI。 完整引入 在 main.js 中写入以下内容: import MintUI from 'mint-ui' import 'mint-ui/lib/style.css' Vue.use(MintUI) 按需引入 借助 babel-plugin-component ,我们可以只引入需要的组件,以达到减小项目体积的目的。 首先,安装 babel-plugin-component: npm install babel-plugin-component -D 然后,将 .babelrc 修改为: { "plugins": [["component", [ { "libraryName": "mint-ui", "style": true } ]]] } // 表示自动引入 mint-ui 组件,样式自动引入 如果你只希望引入部分组件,比如 Button 和 Cell,那么需要在 main.js 中写入以下内容: import Vue from 'vue' import { Button, Cell } from 'mint-ui' import App from './App.vue' // 将组件映射成全局的标签,标签名是 mt-button

表单控件及表单属性

旧时模样 提交于 2019-12-23 03:52:17
表单特性   value属性规定输入字段的初始值;   readonly属性规定输入字段为只读(不能修改); readonly属性不需要值,它等同于readonly=“readonly”。   disbled属性 规定输入字段是禁用的, 被禁用的元素是不可以用和不可以点击的,被禁用的元素不会被提交。 没有属性值   size属性规定输入字段的尺寸(以字符计);   maxlength属性规定输入字段允许的最大长度;该属性不会提供任何反馈。如果需要提醒用户,则必须编写javascript代码 提醒:输入限制并非万无一失。javascript提供了很多方法来增加非法输入。如必须同时对限制进行检查。 H5新增表单特性    placeholder   输入框提示信息   autocomplete 是否保存用户输入值(默认为on,关闭提示选择off)   autofocus    指定表单获取输入焦点   required    此项必填,不能为空   pattern   正则验证 pattern="\d{1,5}"   formaction  在submit里定义提交地址 (只在opera浏览器下有作用)    表单的控件 button 定义可点击按钮(一般用于通过javascript启动脚本) checkbox 定义复选框 file 定义输入字段和“浏览”按钮,供文件上传。