CSS网页变灰色实例汇总 文章目录CSS网页变灰色实例汇总1.搜狐2.B站3.搜狗4.天猫5.百度6.58同城7.央视网CSS网页变灰色实例汇总1.搜狐代码:style="filter: grayscale(1);2.B站代码:html.gray { -webkit-filter:grayscale(.95); }3.搜狗代码: html ...
表单元素中readonly和disabled区别 1.作用元素:readonly只对input(type=“text”、password、number)和textarea元素有效;disabled对所有表单元素有效;2. 表单提交:表单会提交readonly元素,不会提交disabled元素3. 实际使用情况:表单中预填了某个值,不允许用户改动,但提交表单时需要传该值,此时使用readonly。用户点了提交按钮后,需要用js把提交...
vue实践-todolist小项目 文章目录一、功能二、实现三、运行结果一、功能1、界面上有一个输入框和一个提交按钮2、在输入框中输入内容,点击提交后,将输入的任务展示在下面3、点击任务,可以删除任务二、实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>...
vue中v-for指令实例 功能:展示数组元素及其索引实现:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>v-show</title> <!--引入vue--> <script src="https://c...
vue计算属性和监听器实例 文章目录一、功能二、分析二、实现三、运行结果一、功能1、界面上两个输入框,一个用来输入姓名,一个用来输入城市2、第二行是一个段落,用来做自我介绍,显示刚才输入的姓名和城市3、第三行是一个段落,用来统计自我介绍改变的次数,自我介绍改变一次,统计次数就加一二、分析1、输入框:需要双向绑定 v-model2、自我介绍:由姓名和城市得来,是计算属性 computed3、改变次数:需要对属性...
vue属性绑定 一、功能1、界面有一个段落,文字显示为”这是一个段落"2、鼠标移到段落上,提示“这是段落的提示”二、实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>属性绑定</title> <!--引入vue-...
vue事件实例 一、功能1、界面显示一个段落,文字是”我是一个段落“;2、点击该段落,文字变为”我被点击了“二、实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>事件</title> <!--引入vue-->...
vue中{{}}, v-text, v-html, v-model的区别 1、{{}}和v-text一样:直接输出2、v-html :html解析后输出实例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>{{}} v-text v-html</title> <!--引入v...
vue开发环境搭建步骤-Mac版 文章目录一、nodejs下载二、安装淘宝镜像npm三、安装webpack、webpack-cli脚手架四、安装vue-cli脚手架五、新建vue项目一、nodejs下载1、nodejs下载下载官网: http://nodejs.cn/点击macOS安装包,点击保存文件2、验证nodejs是否安装成功终端输入node -v,如下图所示,说明nodejs安装成功node -v二、...
android studio创建android项目(10)——ProgressBar的使用 文章目录1、项目需求2、布局文件3、Activity4、运行结果1、项目需求本项目是一个安卓项目,启动页面有一个按钮和一个进度条按钮的内容显示为“调整进度”进度条的最大数值是100,初始数值是5点击一次按钮,进度条的数值加10进度条为95时,再点一次按钮时,进度变为5进度条的使用:(设置样式为水平样式)style="?android:attr/progressBarStyleH...
android studio创建android项目(9)——DatePicker和TimePicker的使用 文章目录一、DatePicker日期选择器1、项目需求2、布局文件3、Activity4、运行结果二、TimePicker时间选择器1、项目需求2、布局文件3、Activity4、运行结果一、DatePicker日期选择器1、项目需求1、用户可以选择任意日期2、日期的默认选择是今天的日期3、选择日期后,Toast提示已选择的日期2、布局文件<?xml version="1.0"...
android studio创建android项目(8)——RadioGroup和RadioButton的使用 文章目录1、项目需求2、项目分析3、布局文件4、Activity5、运行结果1、项目需求本项目是一个安卓项目,启动页面有三个单选按钮单选按钮的内容分别显示one,two,three单选按钮的默认选择是one点击任何一个单选按钮,toast提示下一个单选按钮的内容点击最后一个单选按钮,toast提示第一个单选按钮的内容2、项目分析RadioGroup的点击监听(1)Radio...
android studio创建android项目(7)——RadioButton的使用 文章目录1、项目需求2、项目分析3、布局文件4、Activity5、运行结果1、项目需求本项目是一个安卓项目,启动页面有一个RadioGroup和一个TextView有两个单选按钮,分别显示男、女性别默认选择是男;TextView的文字为:“你选择的性别是:男”性别选择为男时,TextView的文字更新为:“你选择的性别是:男”性别选择为女时,TextView的文字更新为:“你选择的...
android studio创建android项目(6)——CheckBox复选框和toast的混合使用 文章目录1、项目需求2、项目分析3、布局文件4、Activity5、运行结果1、项目需求本项目是一个安卓项目,启动页面有多个复选框和一个TextView复选框分别显示为北京、上海、广州;TextView的文字为:已经勾选的城市;点击每个复选框时,toast提示复选框的内容和选中状态(true和false)点击文字时,toast提示选中的城市有哪些2、项目分析checkbox的勾...
android studio创建android项目(5)——CheckBox复选框的使用 文章目录1、项目需求2、项目分析3、布局文件4、Activity5、运行结果1、项目需求本项目是一个安卓项目,启动页面有多个复选框和一个提交按钮复选框分别显示为北京、上海、广州点击提交按钮,toast提示选中的城市有几个,选中的城市名是什么2、项目分析考察CheckBox和toast(1)提交按钮需要设置点击监听器,监听器的作用是发一个toast(2)遍历复选框列表,判断复选...
android studio创建android项目(4)——EditText密码输入框的使用 文章目录1、项目需求2、项目分析3、布局文件4、运行结果1、项目需求本项目是一个安卓项目,启动页面有一个输入框。输入框的属性如下:(1)宽高:包裹内容即可(2)密码输入框(3)文字提示为:请输入密码(不超过5个字符);提示文字颜色:colorPrimary;(4)输入字符不超过5个2、项目分析考察EditText属性:(1)密码输入框 inputType为textPassw...
android studio创建android项目(3)——TextView每行文字过多时省略号的使用 文章目录一、创建android项目二、修改MainActivity1.修改布局文件activity_main.xml,添加TextView2.修改MainAcitivty,添加监听器三、运行结果项目需求:本项目是一个安卓项目,启动页面有一个TextView。TextView的属性如下:(1)宽高:包裹内容即可(2)背景颜色:一张天空的图片(3)文字显示为:北京欢迎你,为你开天辟地,流动...
android studio创建android项目(2)——点击TextView修改文字 文章目录一、创建android项目二、修改MainActivity1.修改布局文件activity_main.xml,添加TextView2.修改MainAcitivty,添加监听器三、运行结果项目需求:本项目是一个安卓项目,启动页面有一个TextView,TextView显示文字是“欢迎功能”;点击这个TextView, 文字显示为“欢迎你,小明”一、创建android项目1、点击...