html
关注
分享
扫一扫
xiejunna
软件开发
展开
-
html button去掉点击时的边框
<button class="querybtn">确定</button>.querybtn{ width: 100%; height: 40px; -webkit-border-radius:6px;/*适配以webkit为核心的浏览器(chrome、safari等)*/ -moz-border-radius:6px;/*适配firefox浏览器*/ ...原创 2019-01-02 19:11:59 · 21056 阅读 · 0 评论 -
调试时，favicon.ico资源加载失败问题
在浏览器调试时候，favicon.ico抛异常，加载失败，favicon.ico Failed to load resource: the server responded with a status of 4 在head标签添加favicon.ico图标即可。<head> <meta charset="utf-8"> <meta name="viewport" content="原创 2017-06-14 09:54:47 · 51353 阅读 · 1 评论 -
<p></p>标签字体水平垂直居中
html中p标签字体居中的方法。首先p标签给出宽和高，呈块状显示，水平居中属性text-align: center;垂直居中line-height: px;这里的line-height值和你给p标签的高度值是同一个值。<p style="width: 100%;height: 45px;display: block;line-height: 45px;text-align: center;">系原创 2017-06-23 09:29:49 · 73490 阅读 · 0 评论 -
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalab
html中的 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">//width 属性控制设备的宽度。假设您的网站将被带有不同屏幕分辨率的设备浏览，那么将它设置为 device-width 可以确保它能正确呈现在不同设备上。//initia原创 2017-06-20 19:56:46 · 3015 阅读 · 0 评论 -
HBuilder如何与服务器上传代码
1.HBuilder中创建空项目（项目类型根据自己需要自己选择）例如：截图中的demo项目2.删除这个项目下的所有文件，只留一个项目名称即可，如下图3.鼠标选中空项目右键，选中部署，后面会出现“运行web部署向导”，点击进去4.选中截图上圈住的地方，点击下一步5.进入如下截图，站点名称根据自己的需要命名；协议可以根据自己的需要选择；服务器，填写自己的服务器路径；用户名，密码为你自己服务器上设置的用户原创 2016-11-24 18:19:32 · 16869 阅读 · 6 评论 -
TypeScript Symbols 介绍
Symbols 介绍自ECMAScript 2015起，symbol成为了一种新的原生类型，就像number和string一样。symbol类型的值是通过Symbol构造函数创建的。let sym1 = Symbol();let sym2 = Symbol("key"); // 可选的字符串keySymbols是不可改变且唯一的。let sym2 = Symbol("key");let sym3转载 2016-12-12 19:42:20 · 2571 阅读 · 1 评论 -
angularJS2 变量声明 var let const
变量声明let和const是JavaScript里相对较新的变量声明方式。 像我们之前提到过的，let在很多方面与var是相似的，但是可以帮助大家避免在JavaScript里常见一些问题。 const是对let的一个增强，它能阻止对一个变量再次赋值。因为TypeScript是JavaScript的超集，所以它本身就支持let和const。 下面我们会详细说明这些新的声明方式以及为什么推荐使用它们来代转载 2016-12-12 15:53:48 · 11157 阅读 · 3 评论 -
Angular2 @Input 和 @Input 用法
@Input@Input是用来定义模块的输入的，用来让父模块往子模块传递内容：@Component({ selector: 'bank-account', template: ` Bank Name: {{bankName}} Account Id: {{id}} `})class BankAccount { @Input() bankName: string;转载 2016-12-12 11:24:26 · 24402 阅读 · 6 评论 -
mui框架用extra实现页面间传值
在App开发中，页面间传值是很常见的开发需求，mui框架根据业务场景不同，提供了两种传值模式。 1、页面初始化时，通过扩展参数传值； mui在初始化页面时，提供了extras配置参数，通过该参数可以设置页面参数，从而实现页面间传值； mui框架在如下几种场景下，会执行页面初始化操作： - 通过mui.openWindow()打开新页面（若目标页面为已预加载成功的页面，则在openWindow原创 2016-11-15 12:35:25 · 6039 阅读 · 2 评论 -
mui toast自定义样式
css中重写此样式：.mui-toast-container { bottom: 20% !important;/*离布局底部的距离*/ }.mui-toast-message { background: url(../img/indicator_input_error.png) no-repeat center 10px #000; /*toast的背景图片*/原创 2016-11-14 16:54:47 · 1026 阅读 · 0 评论 -
html5中调用摄像头拍照
方法： getCamera: 获取摄像头管理对象对象： Camera: 摄像头对象 CameraOption: JSON对象，调用摄像头的参数 PopPosition: JSON对象，弹出拍照或摄像界面指示位置回调方法： CameraSuccessCallback: 调用摄像头操作成功回调 CameraErrorCallback: 摄像头操作原创 2016-11-08 19:34:41 · 10484 阅读 · 0 评论 -
html界面显示Toast
仿android显示toast<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <t原创 2017-09-19 20:26:13 · 7176 阅读 · 0 评论 -
html input输入框去掉点击时的阴影并添加圆角
<input class="inputsty" type="text" name="" id="terid">.inputsty{ width: 70%; height: 30px; padding-left: 5px; display: inline-block; /* margin-left: 20px; */ -webkit-border-radius:...原创 2019-01-02 19:10:16 · 3918 阅读 · 0 评论 -
weui UI库适用范围
适用微信小程序开发用的UI库（weui-wxss）：https://github.com/Tencent/weui-wxss/WeUI for Work 基于 WeUI 而来，WeUI 侧重于微信客户端内置网页的使用场景；而WeUI for Work 侧重于企业微信客户端内置网页的使用场景。WeUI for Work 相对于WeUI ，在 CSS 样式上跟随企业微信客户端风格微调，但开发者使用...原创 2018-08-29 20:56:21 · 2562 阅读 · 0 评论 -
div内元素居中
&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content=&q原创 2018-03-30 12:14:51 · 13858 阅读 · 0 评论 -
display: flex;
转载自：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.htmlFlex 是 Flexible Box 的缩写，意为”弹性布局“，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为 Flex 布局。 设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。.div{ display: f转载 2018-03-30 12:13:27 · 248 阅读 · 0 评论 -
input type="number" 输入框显示圆点
为了实现密码输入框，输入数字时也显示圆点，可以用-webkit-text-security:disc;text-security:disc;属性。语法： text-security: circle | disc | none | square; -webkit-text-security: circle | disc | none | square;//当type="password"原创 2018-01-26 12:01:00 · 7399 阅读 · 0 评论 -
去掉html中input点击时出现背景色
-webkit-tap-highlight-color:rgba(255,0,0,0);原创 2018-01-25 19:31:34 · 3641 阅读 · 0 评论 -
去掉ios中html的input元素显示圆角问题
-webkit-appearance: none;border-radius: 0;原创 2018-01-25 19:30:50 · 3309 阅读 · 0 评论 -
p标签自动换行
<p style="word-break:break-word;"> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>原创 2017-12-12 19:00:51 · 14699 阅读 · 0 评论 -
去掉input点击时候的背景颜色
//设置input的css属性：点击时候，设置颜色值为透明-webkit-tap-highlight-color:rgba(255,0,0,0);原创 2017-12-08 19:13:11 · 9846 阅读 · 2 评论 -
mui toast自定义样式
css中重写此样式：.mui-toast-container { bottom: 20% !important;/*离布局底部的距离*/ }.mui-toast-message { background: url(../img/indicator_input_error.png) no-repeat center 10px #000; /*toast的背景图片*/原创 2016-11-14 16:50:32 · 9198 阅读 · 0 评论 -
html meta标签
meta标签的作用有：搜索引擎优化(SEO)，定义页面使用语言等等 meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果，meta标签的作用有：搜索引擎优化（SEO），定义页面使用语言，自动刷新并指向新的页面，实现网页转换时的动态效果，控制页面缓冲，网页定级评价，控制网页显示的窗口等！meta标签的组成：meta标签转载 2016-11-16 19:50:02 · 400 阅读 · 0 评论 -
MUI开发注意事项
DOM结构关于mui页面的dom，你需要知道如下规则。 固定栏靠前所谓的固定栏，也就是带有.mui-bar属性的节点，都是基于fixed定位的元素；常见组件包括：顶部导航栏（.mui-bar-nav）、底部工具条(.mui-bar-footer)、底部选项卡（.mui-bar-tab）;这些元素使用时需遵循一个规则：放在.mui-content元素之前，即使是底部工具条和底部选项卡，也要放在.mu原创 2016-11-08 19:23:36 · 557 阅读 · 0 评论 -
mui 为移动设备诞生
大家随意使用自己喜欢的前端框架。但是其他移动App框架实在不给力： - 基于jq的jqmobile，性能低的无法忍受 - 基于angular的ionic，都把pc端很重的东西引入到移动App中。angularjs本身设计是为了pc端网页的双向数据绑定，做个移动App干嘛用这么重的东西。 - bootstrap这种响应式设计，性能在低端机不足，而且UI风格一看就是网页，不是App的感觉。 -原创 2016-11-08 19:14:23 · 1000 阅读 · 0 评论 -
mui中的extend()合并对象
extend() 将两个对象合并成一个对象。 语法： 一： .extend（target,object1[,objcetN]） target Type: Object 需合并的目标对象 object1 Type: Object 需合并的对象 objectN Type: Object 需合并的对象example：var targe原创 2016-11-08 19:06:27 · 7032 阅读 · 0 评论 -
mui中的遍历each（）
each()each既是一个类方法，同时也是一个对象方法，两个方法适用场景不同；换言之，你可以使用mui.each()去遍历数组或json对象，也可以使用mui(selector).each()去遍历DOM结构。 第一种：语法：mui.each(obj,handler); obj Type: Array||JSONObj 需遍历的对象或数组；若为对象，仅遍历对象根节点下的ke原创 2016-11-08 16:13:56 · 26573 阅读 · 0 评论 -
html中的混合布局居中
html body中的结构：原创 2016-09-21 08:58:28 · 742 阅读 · 0 评论 -
html中的数据存储
Web Storage是HTML5引入的一个非常重要的功能，在前端开发中经常用到，可以在客户端本地存储数据，类似HTML4的cookie，但可实现功能要比cookie强大的多，cookie大小被限制在4KB，Web Storage官方建议为每个网站5MB。Web Storage又分为两种： sessionStorage localStorage从字面意思就可以很清楚的看出来，sessionSto转载 2016-09-21 08:40:20 · 3617 阅读 · 2 评论 -
html图片自适应div
1.标签： img{ max-width:100%;height:auto; } 2.把图片做div背景： 添加此属性： Background-size:100%.footer_div{ width:50px;height:45px; float: left; background-image: url(../img/all_purchase_down.png原创 2016-08-24 18:39:37 · 4483 阅读 · 0 评论 -
html底部div固定在底部
整体结构： 保险购买 <div class="footer_div2"> <a href="#"> <p id="footer_text">我的账户</p> </a> </div> 样式描述： .footer_div原创 2016-08-24 08:56:42 · 11020 阅读 · 0 评论 -
多个div平分一个div的宽度
1.table布局 </td><td style="width:33%;"><div style="background:#00ffff; height:100px;"></div></td><td><div style="background:#33CC66; height:100px;"></div></td> 2.总宽度为100%，有几转载 2016-08-23 10:39:12 · 9471 阅读 · 0 评论 -
html5 设备管理信息 device
获取手机设备的相关信息，如IMEI、IMSI、型号、厂商等。通过plus.device获取设备信息管理对象。 属性： imei: 设备的国际移动设备身份码 imsi: 设备的国际移动用户识别码 model: 设备的型号 vendor: 设备的生产厂商 uuid: 设备的唯一标识方法： dial: 拨打电话 beep:原创 2016-11-08 19:41:08 · 21298 阅读 · 0 评论 -
html5 nativeUI系统原生界面
nativeUI管理系统原生界面，可用于弹出系统原生提示对话框窗口、时间日期选择对话框、等待对话框等。 方法：actionSheet: 弹出系统选择按钮框alert: 弹出系统提示对话框confirm: 弹出系统确认对话框closeWaiting: 关闭系统等待对话框showWaiting: 显示系统等待对话框pickDate: 弹出系统日期选择对话框pickTime: 弹出系统时间选原创 2016-11-08 19:47:38 · 7647 阅读 · 0 评论 -
css html中单行或多行文本溢出显示省略号
单行文本溢出显示省略号：style{p{width:100%;height:50px;display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;}}多行文本溢出显示省略号：style{p{width:100%;height:50px;原创 2016-11-13 15:22:38 · 813 阅读 · 0 评论 -
html Ajax和XMLHttpRequest
Ajax：Asynchronous Javascript and XML（异步的Javascript和XML），是基于Javascript和Http请求的 功能是快速创建动态网页，即在不重新载入整个页面的情况下，对网页的某部分进行更新。 Ajax的基础是XMLHttpRequest，步骤如下： 1. 首先创建一个XMLHttpRequest对象 2. 然后利用该对象向服转载 2016-11-16 16:44:32 · 627 阅读 · 0 评论 -
mui.plusReady()不执行？mui传参
需求：要在A界面中的卡头（头布局）和卡位（底部tab）中加载webView呈现内容，在webView界面中获取A界面头布局的title id和一个图片id ： 代码如下： A界面中卡头，卡头布局（头布局）的代码：mui.init({swipeBack: false,statusBarBackground: '#82D1C5',gestureConfig: {tap: true,},s原创 2016-11-15 14:30:10 · 20586 阅读 · 0 评论 -
div中的内容垂直居中的五种方法
一、行高（line-height）法如果要垂直居中的只有一行或几个文字，那它的制作最为简单，只要让文字的行高和容器的高度相同即可，比如：p { height:30px; line-height:30px; width:100px; overflow:hidden; }这段代码可以达到让文字在段落中垂直居中的效果。二、内边距（padding）法另一种方法和行高法很相似，它同样适合一行或几行文字垂直居中转载 2016-11-11 19:05:45 · 14359 阅读 · 0 评论 -
mui Ajax
Ajax 基于htm5 plus的XMLHttpRequest，封装了常用的Ajax函数，支持GET、POST请求方式，支持返回json、xml、html、text、script数据类型； 本着极简的设计原则，mui提供了mui.ajax方法，并在mui.ajax方法基础上，进一步简化出最常用的mui.get()、mui.getJSON()、mui.post()三个方法。 mui.ajax( ur原创 2016-11-09 08:48:40 · 1208 阅读 · 0 评论 -
html5 net XMLHttpRequest
XMLHttpRequest模块管理网络请求，与标准HTML中的XMLHttpRequest用途一致，差别在于前者可以进行跨域访问。通过plus.net可获取网络请求管理对象。 对象： XMLHttpRequest: 跨域网络请求对象 ProgressEvent: HTTP请求进度事件回调方法： XhrStateChangeCallback: 网络请求状态变化的回调函数原创 2016-11-08 20:52:12 · 4725 阅读 · 0 评论