css line-height 在google和fire 有一像素偏差 display-inline-block 对齐方式有问题 用 vertical-align:middle select option 只有火狐支持 …
分类:html5
用VuePress来搭建一个极简的静态网站
VuePress进修 全局装置前我们须要Git和node这两个软件,关于怎样装置能够我之前hexo的视频教程 假如这两个都没有装置好,那末下面就不须要看了哈,栈友们 全局装置 起首我们先全局装置一下 npm stall …
H5页面在微信端的分享
H5页面在微信端的分享 微信分享,咋一看好像很复杂,实则非常简单。只需要调用微信官方出的微信jssdk,加上些许配置,就可以实现h5页面在微信上的分享,官方文档地址为:https://mp.weixin.qq.com/w…
form表单提交
前言:这是一篇关于form提交数据的文章,ajax由jQuery提供 form表单提交 一、form是HTML的一个标签,用来向服务端发送数据。form元素有自己的属性,这里要讲的是form的enctype,method…
javascript 闭包
一、定义: 常规定义: 闭包的定义: 有权利访问外部函数作用域的函数。 通俗定义: 1、函数内部包含了函数。然后内部函数可以访问外部函数的作用域。 2、内部函数可以访问 父级函数的作用域。 ...等等等 二、思考: 1、…
小于12px字体的实现
采用缩放方案,被缩放的标签仍然会占据缩放前的空间,垂直方向可以通过设置 line-height: 1;去掉本来空间,再调整上下边距,而横向可以通过调整margin为负值或其它办法去解决。 示例代码 .font-siz…
js 创建图片对象
创建一个图片对象 : var img=new Image([w,h])图片对象img的属性:border|complete |height |width |hspace |lowsrc |name |src |vspac…
FED之必备技能
flex.css快速入门,极速布局 什么是flex.css? css3 flex 布局相信很多人已经听说过甚至已经在开发中使用过它,但是我想我们都会有一个共同的经历,面对它的各种版本,各种坑,傻傻的分不清楚,flex.c…
HTML5 功能检测方法
所有的 DOM 节点都共同的属性,但是有些节点还会有额外的属性。在支持 HTML 5 的浏览器中,某些对象就拥有独特的属性。利用这种属性差异,我们就可以辨别当前浏览器是否支持某种功能。 检测方法 检测方法从简单到复杂,总…
一次搞清楚移动端适配这几个坑爹的单位慨念
一次搞清楚移动端这几个坑爹的单位慨念 目录: 一、让坑爹的单位,不再坑爹 二、需要准备什么样的设计稿 三、rem方案的原理和细节 高清屏上,位图的处理 高清屏上,关于border: 1px的处理 移动端屏幕的自动适配的处…
【技术】移动端适配 px2rem/px2vw 的原理与实现
简介 【目标】:前端开发移动端及H5时候,不需要再关心移动设备的大小,只需要按照固定设计稿的px值布局!【基础】 dpr(设备像素比)css的像素px不等于设备像素/分辨率/各种值,css的px可以简单理解为虚拟像素,与…
H5效果篇--进度条的实现
为了演示方便,在第一个例子中,我们通过Javascript去控制时间从而不断地更新进度,并且允许用户通过点击按钮开始进度条的更新,一旦进度条开始更新,则按钮变得不可点击。如果进度条完成的话,则又可以点击按钮。 下面我们开…