遇到这个问题了,记录下,备用~ 文章来源:http://www.lxway.com/846165591.htm --------------------------- 隐藏文本框阴影:(去除文本框默认样式) input, textarea{-webkit-appearance: @none;} 取消手机点击屏幕时,会出现的灰块 html,body{-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0…

隐藏文本框阴影 input, textarea{-webkit-appearance: @none;} 取消手机点击屏幕时,会出现的灰块 html,body{-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} 移动端网站或APP点击后出现闪动或灰色背景 只需对绑定事件添加class样式 使其触发事件时背景为透明色 .class{-webkit-tap-highlight-color:tran…

转载:http://seofangfa.com/mobile-seo/mobile-seo-guide.html 1.域名优化:启用短域名,例如:m.abc.com,便于用户记忆,方便搜索蜘蛛查找,减少资源的浪费. 2.页面及适配优化:运用xhtml.html5.wml等技术.做好网页对设备适配,并且针对PC端网站做响应式设计开发,不同的网站适配不同的机型,并且用302重定向到相对应的机型.对不同的移动端网页做好适配声明,大型网站建议自己来做适配.http://zhanzhang.baidu.c…

从零开始一步步搭建移动端网站,持续更新,github代码如下,因为放了视频文件,下载可能有点慢 https://github.com/lanleilin/myHomepage 前端采用Vue2+vuex+vue-cli全家桶搭建,后端采用nodejs+express,数据库采用mongodb.使用部分豆瓣API 下载好后,安装模块,npm国外的网站较慢,建议采用cnpm国内镜像: npm install -g cnpm --registry=https://registry.npm.taobao…

移动端网站如何开发(电脑端网站到手机端网站我们需要在html代码中添加哪个meta标签) 一.总结 一句话总结: 添加viewport标签:meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" 添加viewport标签 <meta name="viewport" content=&quo…

网站或App Http传输是明文传输,在传输登录或支付相关的数据时,完全是裸奔. 购买证书虽然不是很贵, 但对于个人或初创团队来说,完全可以申请免费的证书来提供Https访问. 本文介绍通过startssl 申请免费证书,并通过阿里云slb配置实现. startssl url : https://startssl.com/  目前可申请三年的免费证书 邮箱注册后登录(可下载客户端证书,通过证书登录,或者一次性验证码登录) ,如果通过一次性验证码登录,登录后,会提示你生成登录证书 输入私钥密码提交…

手机平板等大多移动端站点都会有触摸滑动内容的功能,公司移动端站点(m.muzhiwan.com)的标题广告滑动以及轮播效果就是用的Swiper插件. Swiper就是常用于移动端网站的内容触摸滑动的一个js插件. Swiper是纯javascript打造的滑动特效插件,面向手机.平板电脑等移动终端,以及PC端网站. Swiper能实现触屏焦点图.触屏Tab切换.触屏多图切换等常用效果. Swiper开源.免费.稳定.使用简单.功能强大,是架构移动终端网站的重要选择! 使用详情,参见Swiper中…

这个世界充满了创新,开发的激情和决心是实现更高目标的关键因素.在网站开发中,毫无疑问,工具和可用的在线网页和 app 设计资源,发挥了重要的作用. 下面我们将带来一些网站和 app 的最佳工具.   1. PowerMockup 这是一个线框和可用于 PowerPoint 的实物模型工具包,集成了超过 800 个用户界面元素.它就像一家广阔的图标美术馆,并且图标专门开发自 PowerPoint 形状.这些元素非常易于使用,因此即使是新手用户也可以用来创建桌面.Web 和移动 app 的原型.最妙…

在PC上测试移动端网站和模拟手机浏览器的5大方法 来源:互联网 作者:佚名 时间:03-19 10:14:54 [大 中 小]                最近公司要开发网站的移动版,让我准备准备知识,话说本人开发移动网站的经验还真不多,最悲剧的事情就是我的手机是个经典的诺基亚,而且公司还不给配手机,这是有多讨厌,没办法,没有手机只能用电脑模拟了;查了很多资料,尝试了大部分方法,下面将这一天的努力总结下分享给大家,也让大家免去看那么多文章,以下介绍的方法,都是本人亲自测试成功的方法,测试环境w…

链接地址:http://www.neirong.org/post-256.html?utm_source=tuicool Chrome浏览器请看:Chrome浏览器测试移动端网站和模拟手机浏览器的方法 Firefox浏览器请看:浏览器测试移动端网站和模拟手机浏览器的方法 1.修改user-agent 和chrome和firefox类似,可自行安装插件,自opera12之后,opera改用webkit内核,故可安装chrome的插件,也可自行在opera的商店中搜索插件 User Agent Ch…

java 判断用户是PC端和还是APP端登陆 public void getRequestHeader(HttpServletRequest request){ // 从浏览器获取请求头信息 String info= request.getHeader("user-agent"); if(info.contains("Windows")){ System.out.println("Windows pc端登陆"); return; } if(inf…

CSS样式初始化分为PC端和移动APP端 1.PC端:使用Normalize.css Normalize.css是一种CSS reset的替代方案. 我们创造normalize.css有下面这几个目的: 保护有用的浏览器默认样式而不是完全去掉它们 一般化的样式:为大部分HTML元素提供 修复浏览器自身的bug并保证各浏览器的一致性 优化CSS可用性:用一些小技巧 解释代码:用注释和详细的文档来 Normalize.css支持包括手机浏览器在内的超多浏览器,同时对HTML5元素.排版.列表.嵌入的…

golang学习笔记18 用go语言编写移动端sdk和app开发gomobile gomobile的使用-用go语言编写移动端sdk和app开发https://blog.csdn.net/u012491783/article/details/79721098 GOMOBILE写Android和iOS移动端SDKhttps://blog.csdn.net/win_lin/article/details/60956485 gomatcha/matcha: Build native mobile ap…

swiper .css3制作移动端网站,折叠导航 前几天公司要更新改版移动端的官网,由于网站本身没有多少内容,所以设计师就做成了整屏滑动的样子,起初我并没有看设计稿就一口答应了,拿到手后发现了几个问题让我不知道选用fullpage还是选择swiper来写这个项目.下图就是这个项目完成的效果. 问题1:整屏滑动两个插件都可以用,但是移动端用swiper偏多的 问题2:网站的导航要随着页面更新跳转 这里fullage还是很实用的 问题3:我想用swiper却不是很熟悉swiper怎么制作导航(平时不…

各种网站,app的手机号绑定真坑爹,无力吐槽,哎…

1  W3cschool: http://www.w3school.com.cn/ 菜鸟教程: http://www.runoob.com/ 2 视频学习网站和app:网易云课堂.腾讯课堂.慕课网(https://www.imooc.com/) 3  各软件官网 Locust: https://docs.locust.io/en/latest/quickstart.html Jmeter:http://jmeter.apache.org/ fiddler:https://www.telerik.…

手机移动端网站开发流程HTML5 最近一直在研究移动手机网站的开发,发现做手机网站没有想象中的那么难.为什么会这么说呢?我们试想下:我们连传统的PC网站都会做,难道连一个小小的手机网站难道都搞不定吗?其实手机网站就是一个微缩版的PC网站罢了!至于为什么觉得难.觉得无从下手. 为什么会觉得移动网站开发无从下手 觉得有以下几点: 一.没有完整的思路和流程 就像做网站的流程一样,如果你能知道它的流程,我相信就不会觉得做手机网站难!真正难的是你没有思路. 二.把html5这门技术想的高深莫测 好像觉得学…

推荐一款移动端小视频App声咖视频 1 介绍 声咖app,这款软件是一款声音交友社交软件,在上面你可以轻松互动,找到你的知心朋友,并且可以自由添加好友,与其他人互动,让交友更加轻松!, 2 特色功能介绍 1.多种模式语音聊天 2.相遇附近 3.找到最美的那个TA 4.邀请好友 5.即可获得VIP会员 6.用户信息 7.基本信息一目了然 3 下载 小米: http://app.mi.com/details?id=com.geek.shengka.video 魅族:http://app.meizu.…

推荐一款移动端小视频App玲珑视频 一 应用描述 玲珑小视频,边看边聊![海量视频,刷个不停,还能找妹子语音聊天哦][随手拍一拍,记录美好生活,还能拿金币哦][看视频领金币.登录领金币.拍视频领金币.发评论领金币~ 二 功能介绍: 玲珑小视频,边看边聊![海量视频,刷个不停,还能找妹子语音聊天哦][随手拍一拍,记录美好生活,还能拿金币哦][看视频领金币.登录领金币.拍视频领金币.发评论领金币~ 三 下载 推荐360或Vivo 360: http://zhushou.360.cn/detail/i…

<!DOCTYPE html> <!-- 使用 HTML5 doctype,不区分大小写 --> <html lang="zh-cmn-Hans"> <!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa --> <head> <!-- 声明文档使用的字符编码 --> <meta charset='utf-8'> <!-- 优先使用 IE 最新版本和 Chrome --&g…

网站支付宝 1.申请签约后获得相应的pid:208***开头和key 这里说明下pc网站支付采用md5加密所以这里只需要提供pid和key不需要上传公钥. 2.下载即时到账demo http://doc.open.alipay.com/doc2/detail?treeId=62&articleId=103566&docType=1 网站网银支付 网站网银集成基本上一样 下载demo http://doc.open.alipay.com/doc2/detail.htmspm=0.0.0.0.…

 1.电脑版网站: 电脑版网站是指用户通过台式或者笔记本电脑浏览器打开的网站,也就是我们平时上网所访问的网站.其支持和兼容IE6.IE7.IE8.IE9.IE10.Firefox.Chrome等各种主流浏览器,该网站通常包含一些网站应用程序及系统(如:CMS网站内容管理系统等),并包含了独立的数据库及完整的后台管理系统,是企业开展网络营销和电子商务的基础. 为了管理和维护方便,其手机WAP版网站.手机触屏版网站.手机APP应用等通常共享同一个数据库和管理后台. 2.手机WAP版网站: WAP网站…

[编者按]本文来自Smashing Magazine,作者为Brolik的联合创始人.首席创意官Drew Thomas.文中介绍了Web中增加动感设计可带来的好处及进行动感设计的几点建议,如采用图层技术.运用前后过渡及开发单页面应用.他还通过CSS3代码演示,进一步说明了动感设计的实现方式.下面为文章的简译内容. 数字体验越来越注重对现实的模拟,每天都在进步.特别是对物理世界的模拟,使用得越来越广泛,把人与机器之间的距离进一步缩短. Web动感的过去 Flash曾经有过一段光辉的历史,那是网络视…

转载自:https://www.douban.com/group/topic/89798480/ 学习方面: 1.网易公开课(http://v.163.com/special/test/alltest.html) 如果你把学校的课程太无聊.太局限性当作借口的话,我觉得网易公开课就是你解药了. 这里有来自世界名校的各类课程,有IT.传媒.美食.艺术.音乐...等等,如果你不知道哪些课程值得看,可以去知乎搜索(网易公开课有哪些视频值得推荐?) 除了一些世界名校的课程,TED的演讲视频也非常值得看,而…

Github博文地址,此处更新可能不是非常及时. 好久没写博客了,好大一个坑. 正好,近期刚做完应用市场的快速下载功能,便拿来填了这个坑. 话说产品为了添加用户量,提升用户活跃度以及配合推广,更坑爹的是看到其它市场也有这些功能,等等.要求做一个捆绑下载的功能.WTF. 当然吐槽归吐槽,任务还是要完毕的. 详细要求是: 用户在手机浏览WAP网站的时候.1.进入应用详情页时打开本应用(应用市场)里面的详情页面 2.点击WAP端快速下载时,假设本应用已安装,则调用本应用进行下载,否则下载本应用的捆绑包…

最近刚上线一个企业内部应用,前期准备账号和后期上线过程发现网络上的资源不是非常全面,在这里写给大家分享一下我的发布过程 首先是企业账号的申请我们企业账号前前后后一共花了16天时间,由于公司各方面都非常配合,也算是比较快的 申请之前需要申请一个苹果账号,这个没必要多说,然后到https://developer.apple.com/program/enroll/dunsLookupForm.action根据提示填就行,没啥特别需要注意的,全部用英文填写真实信息,其实地址啥的就是填个假的他们也不知道,…

what is rem ? )css3中的计量元素大小的单位,类似px.pt.em. )一种相对根元素font-size的计算方式.1rem = <html>'s font-size px (你懂就好) )使用场景:每个元素的宽高.文字大小.行距.补白等一切可以使用长度单位的地方. 4)使用范例: html{font-size:37.5px;}/*根元素的基础font-size被设置为37.5px,则1rem=37.5px*/ #box1{width:10rem;height:2rem;fon…

亲测通过 1,pc端生成带有当前会话的sessionid的url(通过微信来扫描) 2,扫描后,微信浏览器将访问url,将微信浏览器中的sessionid改成通过url传过来的session(pc端),然后引导用户进入微信网页授权地址,参考 http://mp.weixin.qq.com/wiki/9/01f711493b5a02f24b04365ac5d8fd95.html 3,在微信浏览器中得到openid,并存入session private String sid; private Str…

HTML5是一种最新发布网页构架的普遍模型,是构建对程序.对用户都更有价值的数据驱动的Web的前端技术框架,它的价值在于融合CSS/javaScript/flash等众多前端开发技术,更多的体现在对交互的理解和视觉设计的还原上. HTML5框架可以提升网站的访问速度,通过优化前端将响应时间加快,使用户的等待时间减少,所谓前端是指在客户端通过浏览器发送了一个请求,除去后台系 统用户请求.执行数据查询并对结果进行组织所需要处理消耗的时间,在涌现的新技术中,JavaScript和一套新的API纯脚本技…

Github博文地址,此处更新可能不是很及时. 好久没写博客了,好大一个坑.正好,最近刚做完应用市场的高速下载功能,便拿来填了这个坑. 话说产品为了增加用户量,提升用户活跃度以及配合推广,更坑爹的是看到其他市场也有这些功能,等等,要求做一个捆绑下载的功能.WTF. 当然吐槽归吐槽,任务还是要完成的. 具体要求是: 用户在手机浏览WAP站点的时候,1.进入应用详情页时打开本应用(应用市场)里面的详情页面 2.点击WAP端高速下载时,如果本应用已安装,则调用本应用进行下载,否则下载本应用的捆绑包,安…