按钮 | 易学教程

Bootstrap框架

阅读更多关于 Bootstrap框架

Bootstrap介绍 Bootstrap是Twitter开源的基于HTML、CSS、JavaScript的前端框架。它是为实现快速开发Web应用程序而设计的一套前端工具包。它支持响应式布局，并且在V3版本之后坚持移动设备优先。为什么要使用Bootstrap？在Bootstrap出现之前：命名：重复、复杂、无意义（想个名字费劲）样式：重复、冗余、不规范、不和谐页面：错乱、不规范、不和谐在使用Bootstrap之后：各种命名都统一并且规范化。页面风格统一，画面和谐。 Bootstrap下载官方地址：https://getbootstrap.com 中文地址：http://www.bootcss.com/ 我们使用V3版本的Bootstrap，我们下载的是用于生产环境的Bootstrap。 Bootstrap环境搭建目录结构: bootstrap-3.3.7-dist/ ├── css // CSS文件 │ ├── bootstrap-theme.css // Bootstrap主题样式文件 │ ├── bootstrap-theme.css.map │ ├── bootstrap-theme.min.css // 主题相关样式压缩文件 │ ├── bootstrap-theme.min.css.map │ ├── bootstrap.css │ ├──

vue总结 06组件

阅读更多关于 vue总结 06组件

组件基础基本示例这里有一个 Vue 组件的示例： // 定义一个名为 button-counter 的新组件Vue.component('button-counter', { data: function () { return { count: 0 } }, template: '<button v-on:click="count++">You clicked me {{ count }} times.</button>'}) 组件是可复用的 Vue 实例，且带有一个名字：在这个例子中是 <button-counter> 。我们可以在一个通过 new Vue 创建的 Vue 根实例中，把这个组件作为自定义元素来使用： <div id="components-demo"> <button-counter></button-counter></div> new Vue({ el: '#components-demo' }) You clicked me 0 times. 因为组件是可复用的 Vue 实例，所以它们与 new Vue 接收相同的选项，例如 data 、 computed 、 watch 、 methods 以及生命周期钩子等。仅有的例外是像 el 这样根实例特有的选项。组件的复用你可以将组件进行任意次数的复用： <div id="components-demo"

创建分辨率自适应的Windows Phone 8应用程序

阅读更多关于创建分辨率自适应的Windows Phone 8应用程序

1. 引言 Windows Phone 7平台只支持WVGA分辨率（480*800）的设备，这对于应用程序的UI设计来说是有利的，因为设计人员不用考虑多分辨率对UI控件布局的影响。但是，Windows Phone 8平台打破了这个局面，支持三种分辨率，分别为WVGA、WXGA（768*1280）和720p（720*1280）。随之而来的问题就是，开发者该如何应对多分辨率对应用程序的影响？这仿佛又把我们带回了Windows Mobile那个多分辨率的时代。那个时候，我们的应对方法就是使用控件的Docking and Anchoring属性，或者利用本地代码创建Orientation-Aware and Resolution-Aware的应用程序。其实，在Windows Phone 8平台上，我们处理的方式和方法也是类似的。 2. 分辨率对比 Windows Phone 8和Windows Phone 7平台支持的分辨率情况如下表所示：名称分辨率比例 Windows Phone 7 Windows Phone 8 WVGA 480 × 800 15:9 支持支持 WXGA 768 × 1280 15:9 不支持支持 720p 720 × 1280 16:9 不支持支持表1：Windows Phone 7与Windows Phone 8分辨率对比

JS一部分基础复习

阅读更多关于 JS一部分基础复习

主要事件：用于表单 6个事件（onfocus：聚焦，onblur：失焦，onclick: 点击, onchange：内容改变后触发, onload：加载, onsubmit：提交） HTML事件处理方式: JS事件处理方式：容易出错的地方： 1.表单中一般不建议用button 来写 2.一般表单校验的事件，都会用form的onsubmit事件配套提交按钮（type="submit"） 3.t ype="submit" 的时候，不能画蛇添足加 onclick 事件 bom:浏览器对象模型（browser object model）提供了浏览器窗口进行交互的对象（主要作用在于管理窗口和窗口的通讯） 2.bom由一系列的对象构成，这些对象有属性也有方法 1.window对象:窗口对象 (1). window.alert(); (2).window.prompt(); //提示框 var like = window.prompt("请输入你的爱好!", "吃瓜"); if (like != null && like != "") { console.log("我的爱好是" + like); } (3).window.confim(); var flag = window.confirm("请问你喜欢我吗？"); var msg = document.getElementById(

elementUI el-input聚焦

阅读更多关于 elementUI el-input聚焦

inputFocus(){ this.$nextTick(function () { this.$refs.customerInput.$el.querySelector('input').focus(); }); }, 　　1.组件 <el-button @click="inputFocus">聚焦按钮</el-button> <el-input ref="customerInput" v-model="form.num" @blur="blurSearchFor"></el-input> 　　来源： https://www.cnblogs.com/dyy-dida/p/11276471.html

2月6日学习内容

阅读更多关于 2月6日学习内容

今天观看视频学习了安卓的相关知识状态开关ToggleButton与开关switch也是由button按钮派生出来的，因此他们的本质也是按钮，button支持的各种属性，方法toggleButton和switch也适用。 ToggleButton常用的属性： android:textOff：按钮关闭时显示的文本； android:textOn：按钮开启时显示的文本； Switch也用于开关按钮。Switch和ToggleButton稍有区别：ToggleButton是按下弹起的开关，而Switch是左右滑动的开关。开关监听为：setOnCheckedChangeListener，覆写onCheckedChanged(CompoundButton buttonView, boolean isChecked)方法，其中isChecked表示是否选中。来源： https://www.cnblogs.com/1234yyf/p/12270147.html

跨域和表单重复

阅读更多关于跨域和表单重复

一、跨域问题　　 1、方案一：HTTP请求头　　　　AServlet import com.alibaba.fastjson.JSON; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import java.io.IOException; @WebServlet("/aServlet") public class AServlet extends HttpServlet { @Override protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { doGet(req,resp); } //方法一：使用请求头解决跨域问题 @Override protected void doGet(HttpServletRequest req,

微信小程序button修改样式无效

阅读更多关于微信小程序button修改样式无效

效果如下图中：这是修改样式后在开发工具中的效果。但是在手机上预览就是无效的了，如下图：原来微信小程序的基础样式已经升级到v2版本了，在app.json中可以查阅到： "style": "v2", //基础样式升级 "sitemapLocation": "sitemap.json" 把 "style": "v2", 删除就可以了！来源： CSDN 作者：潇湘一夜雨链接： https://blog.csdn.net/xuelian3015/article/details/104193677

js实现计算器

阅读更多关于 js实现计算器

<!DOCTYPE html> < html lang = " en " > < head > < meta charset = " UTF-8 " > < title > Title </ title > < link rel = " stylesheet " href = " style.css " > </ head > < body > < div id = " box " > < input type = " text " id = " result " value = " 0 " > < table > < tr > < td > < button > C </ button > </ td > < td > < button > +/- </ button > </ td > < td > < button > x </ button > </ td > < td > < button > / </ button > </ td > </ tr > < tr > < td > < button > 7 </ button > </ td > < td > < button > 8 </ button > </ td > < td > < button > 9 </ button > </ td > < td > < button > * </ button > </

ShangGuiGu---React---ZHIPIN(1)---静态页面

阅读更多关于 ShangGuiGu---React---ZHIPIN(1)---静态页面

简介: 这是用react制作的硅谷直聘项目的静态页面，记录一下写静态页面的时候遇到的问题。注意: ①state的两种写法和区别：在组件的constructor中 constructor(props) { // 必须在这里通过super调用父类的constructor super(props); // 给state赋值，可以使用props this.state = { } } 使用prop来初始化state 直接在Class中定义参考这篇文章: React基础11 React中初始化state的两种方法 ②可控组件和非可控组件: 参考这篇文章: react之可控组件与不可控组件 ③radio默认选择:checked属性 <input type='radio' name='userType' value='boss' onChange={this.typeChange} checked/> ④跳转用的代码： toLogin=()=>{ this.props.history.replace('./login') } <button className='btn btn-lg btn-success btn-block' id='font20' onClick={this.toLogin}>已拥有用户</button> 代码: registers.jsx: /* 注册路由组件 */

订阅按钮