input{ height: 100%; } input::-webkit-input-placeholder { display: flex; align-items: center; line-height: 1.5; //解决不垂直居中的问题 } input:-moz-placeholder { display: flex; align-items: center; line-height: 1.5; //解决不垂直居中的问题 }…

@media screen and (min-width: 768px){ body{ background-color: #EAEAEA; } #fater{ width: 640px; margin:auto; position: relative; background-color: #FFF; box-shadow: 0 0 2px 1px #888888; }}  …

在手机移动端和PC端控制居中是一个很蛋痛的问题,因为屏幕宽度在变化,所以就不要写死样式,那么我想用JS来控制,灵活的控制宽度,需要注意这三个时候: (1)首先需要在页面刚加载的时候就调用此函数, (2)屏幕在变化的时候,即onresize也需要调用 (3)自己要写出这个函数出来 $(function(){ loginCenter(); $(".loginCodeInput").val("").focus(); $(".loginCodeInput"…

swipe是一个轻量级的移动滑动组件,它可以支持精确的触滑移动操作,能解决移动端对滑动的需求. swipe插件的使用主要有四大块: 一.html <div id='slider' class='swipe'> <div class='swipe-wrap'> <div>1</div> <div>2</div> <div>3</div> </div> </div> 1.最外层的div的id…

1.给UIView设置圆角,边框,阴影绘制,需要使用layer 1)设置圆角cornerView.layer.cornerRadius = 20; //设置试图圆角的大小cornerView.layer.masksToBounds = YES //防止子元素溢出父试图将一个正方形设置成圆形,代码为:cornerView.layer.cornerRadius = cornerView.frame.size.height/2;cornerView.layer.masksToBounds = YES;…

Web应用程序通常有一些耗时的操作,但有些操作耗时不是很长,一分钟之内能完成.如果采用后台任务队列去异步处理,这样的用户不能实时看到后台处理的情况.倘若用户触发操作后,Web页面能够实时看到后台处理的进度,并且返回实时的状态,用户等待起来是不是感觉非常棒.下面是一个HTML5+ASP.NET MVC实现的示例. 1.前端页面和脚本 页面包含一个文本框和一个[提交]按钮,文本框输入后台要返回的消息数. <h2>WebSocket</h2> <div class="fo…

https://gitee.com/hustcc/placeholder.js巧妙的使用了canvas.toDataURL(),动态生成了一个背景图,可以作为兼容IE9-的placeholder方案.perfect!!!!! 基于这个可以对placeholder进行兼容,以下是扩展代码: /** * Created by Administrator on 2017/7/18 0018. * Time: 16:11 * https://gitee.com/hustcc/placeholder.js…

微信小程序,weixin,关于微信小程序,那些开发文档没有告诉你的-微信小程序开发资源-微信开发者平台,微信开发者社区,微信小程序开发者社区 Discuz! Team and Comsenz UI Team [color=rgb(153, 153, 153) !important][size=0.18]本文由广研微信小程序的开发团队所做,作者为UI开发工程师王婷婷.本文从UI开发的角度,结合OM小程序的案例,剖析小程序的组件用法与传统HTML5标签的区别. 小程序与传统HTML5的区别 小程序刚…

微信小程序和HTML区别: 1.开发工具不同,H5的开发工具+浏览器Device Mode预览,小程序的开发基于自己的开发者工具 2.开发语言不同,小程序自己开发了一套WXML标签语言和WXSS样式语言,并非直接使用标准的HTML5+CSS3 3.组件封装不同,小程序独立出来了很多原生APP的组件,在HTML5需要模拟才能实现的功能,小程序里可以直接调用组件. 小程序的两个线程:Appservice Thread和View Thread会同时进行.并行加载,甚至Appservice Thread…

小程序与传统HTML5还是有明显的区别,主要区别在于: 开发工具不同: 区别于H5的开发工具+浏览器Device Mode预览的模式,小程序的开发基于自己的开发者工具,可以实现同步本地文件+开发调试+编译+预览+上传+发布等一整套流程. 开发语言不同: 小程序自己开发了一套WXML标签语言和WXSS样式语言,并非直接使用标准的HTML5+CSS3. 组件封装不同: 小程序独立出来了很多原生APP的组件,在HTML5需要模拟才能实现的功能,小程序里可以直接调用组件. 小程序开发者工具: 微信小程序…