H5开发中的故障

本篇博文会不断的收录我在做H5页面时遇到的问题以及解决方案,当然有的问题,我也没有遇到好的解决方案,所以如果你有解决的办法,请务必不吝赐教! H5开发中的故障微信APP返回按钮不刷新页面返回上一页 JSSDK 分享内容动态改变 JSSDK 跨域的分享链接 [..持续更新中..] 微信APP返回按钮不刷新页面该问题出现在 iphone7的微信上,当一个活动存在多个页面,那么如果进入第二个页面时,再点击微信 app上的返回按钮,虽然可以返回 hi…

H5开发中的问题总结

最近公司做了一个出行日记的项目,里面的页面十多页,天天加班,做到吐血.总体来说,写页面的时候虽然是十多个页面,其实难度还是在每个页面的特效上.公司是易到用车,出行日记的页面在APP里有生成入口,有兴趣的同学可以去看看. 其实在写页面的过程中,并没有太多项目,可以直接按照设计图给的比例来进行开发,因为我们引用了一个缩放的js,然后分屏使用的是fullpage,因此可以不去考虑尺寸的问题了.页面里面用了大量的css3,主要是用来做一些特效,移动端对css3的属性兼容性基本无差,主要的兼容问题还在an…

H5开发中遇到的问题及解决办法

记不得什么时候进行H5开发的学习了,只知道是从2016年8月1日开始修复Bug,计划每天把学到的东西以及遇到问题时候的解决方案都记录下来,希望自己能够坚持下去,每天积累一点,希望有所进步吧. 1.The superclass "javax.servlet.http.HttpServlet" was not found on the Java Build Path http://jingyan.baidu.com/article/f79b7cb34f40569144023ef9.html…

h5开发中,利用微信或者QQ登陆以后获取用户头像在canvas画布显示问题

在实际开发上先的h5页面产品中,总会遇到各种坑,好多坑都是安卓和iPhone端兼容的问题(用电脑谷歌浏览器输入 chrome://inspect/#devices可以用手机USB调试,打开) eg: 软键盘弹出时会影响到的页面布局如果在iframe中用到透明罩,想用fixed却失效? angular中如果用$scope控制布尔值来添加/删除类时,获取这个节点的坑在获取用户头像等信息在canvas画图时加载的顺序暂时遇到的问题,比较磨人一点(之后遇到会慢慢补充) 1. 对于h5页面产品,输…

H5 开发中常见的小问题

1.解决浏览器返回按钮不刷新的问题 window.onpageshow = function(event) { if (event.persisted) { window.location.reload() }};2.H5 中 JS 禁用安卓手机物理返回键 XBack = {}; (function(XBack) { XBack.STATE = 'x - back'; XBack.element; XBack.onPopState = function(event) { event.stat…

移动端H5开发中的常见问题处理

1.问题之合成海报: 功能技术:http://html2canvas.hertzen.com 问题描述:合成模糊.合成区域内容错位,合成不完整,合成边缘白条等. 解决方案:如有页面布局正常合成错位的,可以检查合成的根节点是否使用了transform属性,尝试不用这个属性再去合成. 图片缺失和模糊参考如下代码,合成前递归加载图片,并在参数处设定倍数. 注意:合成区域内的图片需为本地图片海报大小设置:(需根据实际可以截取的图像调整最低高度) var webWidth = document.docu…

在移动端H5开发中(关于安卓端position:fixed和position:absolute；和虚拟键盘冲突的问题，以及解决方案)

一.在开发移动端webapp时,我们经常会遇到这样的问题,当我们需要在页面底部固定一个logo或者说明时,往往会采用position:fixed进行固定定位或者absolute定位到最底部这是一个很常规的操作,但是当页面上有input输入框时,当用户点击输入的时候,虚拟键盘被拉起,会造成我们在底部定位的内容,被谈起,而遮挡我们的输入框,造成无法输入或者界面布局不美观像下面这样其实造成这种问题的原因是手机的问题,虚拟键盘的唤起,改变了窗口本来的高度,而不是我们的样式设置的有问题,明白了这点,…

h5开发中所遇到的兼容性及所遇到的常见问题

1. 移动端border1px问题 <script> var viewport = document.querySelector("meta[name=viewport]"); //下面是根据设备像素设置viewport if (window.devicePixelRatio == 1) { viewport.setAttribute('content', 'width=device-width,initial-scale=1, maximum-scale=1, minim…

H5开发APP考题和答案

{ "last_updated": { "$date": 1544276670569 }, "page_count": 1, "activated": { "$date": 1544276671005 }, "share_status": 0, "p_type": 2, "official_status": 0, "begin_desc&…

【移动前端开发实践】从无到有（统计、请求、MVC、模块化）H5开发须知

前言不知不觉来百度已有半年之久,这半年是996的半年,是孤军奋战的半年,是跌跌撞撞的半年,一个字:真的是累死人啦! 我所进入的团队相当于公司内部创业团队,人员基本全部是新招的,最初开发时连数据库都没设计,当时评审需求的时候居然有一个产品经理拿了一份他设计的数据库,当时我作为一个前端就惊呆了...... 最初的前端只有我1人,这事实上与我想来学习学习的愿望是背道而驰的,但既然来都来了也只能独挑大梁,马上投入开发,当时涉及的项目有: ① H5站点 ② PC站点 ③ Mis后台管理系统 ④ 各种百度…

带你使用h5开发移动端小游戏

带你使用h5开发移动端小游戏在JY1.x版本中,你要做一个pc端的小游戏,会非常的简单,包括说,你要在低版本的浏览器IE8中,也不会出现明显的卡顿现象,你只需要关心游戏的逻辑就行了,比较适合逻辑较为简单的小游戏,在JY官网也写了很多的小游戏demo,但后来由于工作的缘因,一直没太去维护他,真是一转眼,已经是移动互联网的时代了,5年后的今天,有了重新构思JY框架的冲动,于是全新的JY2.0开始构建了.它将只适用于h5的移动端游戏开发,它将更多的去关注更复杂的js游戏,不在局限于红白机时代. 在使…

WEB开发中的字符集和编码

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption…

移动h5开发资源整理

这2年来,移动h5开发逐渐成为一种主流,也不断趋向于成熟.硬件和浏览器的不断更新,曾经的浏览器兼容也不再是开发者的噩梦. 接触h5开发一年多,从最初的新手到现在,陆陆续续遇到过很多坑.这里把想到的一些经验与资源罗列出来,给刚入h5的同学带来一些帮助.该文章会持续更新. 内容比较多,可以点击下方『悬浮菜单按钮』进行选择需要阅读的章节. 基础知识新手建议看看下面的在线教程. html,css,JavaScript,jQuery在线教程: w3school在线教程:http://www.w3scho…

一探前端开发中的JS调试技巧

前言调试技巧,在任何一项技术研发中都可谓是必不可少的技能.掌握各种调试技巧,必定能在工作中起到事半功倍的效果.譬如,快速定位问题.降低故障概率.帮助分析逻辑错误等等.而在互联网前端开发越来越重要的今天,如何在前端开发中降低开发成本,提升工作效率,掌握前端开发调试技巧尤为重要. 本文将一一讲解各种前端JS调试技巧,也许你已经熟练掌握,那让我们一起来温习,也许有你没见过的方法,不妨一起来学习,也许你尚不知如何调试,赶紧趁此机会填补空白. 骨灰级调试大师Alert 那还是互联网刚刚起步的时代,网页前…

关于APP，原生和H5开发技术的争论

App的开发技术,目前流行的两种方式,原生和Html5.原生分了安卓平台和ios平台(还有小众的黑莓.死去的塞班就不说了),H5就是Html5. 目前争论不休的问题,在早先前争论CS,BS架构的软件系统是一样一样的.原先BS,CS对用户而言的区别是需不需要安装客户端.BS是通过浏览器来访问,用PC,平板,Win,Mac都能访问,用户不需要下载额外的客户端,同时运维和升级提供很大的便利.CS则需要下载客户端软件,安装,然后登录使用,升级的话,要么升级链接库,要么重新安装升级包,比较不方便,优势是很…

AngularJS移动开发中的坑汇总

使用AngualrJs开发移动App已经快半年了,逐渐积累了非常多AngularJS的问题,特别是对于用惯了Jquery的开发人员,转到AngularJS还是须要克服非常多问题的.不像Jquery那样側重DOM操作,AngularJS是以视图模型和双向绑定为核心的. 以下的内容如果你已经了解前端 MVC 概念,并对 AngularJS 有了一定经验,刚開始学习的人读起来可能比較艰深晦涩.本文的总结会涉及部分在移动设备上特有的问题. DOM操作的问题避免使用 jQuery 来操作 DOM,包含添…

Java开发中的23种设计模式具体解释

public static void main(String[] args) { SendFactory factory = new SendFactory(); Sender sender = factory.produce("sms"); sender.Send(); } } 输出:this is sms sender! 22.多个工厂方法模式,是对普通工厂方法模式的改进,在普通工厂方法模式中,假设传递的字符串出错,则不能正确创建对象,而多个工厂方法模式是提供多个工厂方法,分别创建…

移动H5开发入门知识，CSS的单位汇总与用法

说到css的单位,大家应该首先想到的是px,也就是像素,我们在网页布局中一般都是用px,但是近年来自适应网页布局越来越多,em和百分比也经常用到了.然后随着手机的流行,web app和hybrid app的开发,都用到了css3技术,在css3中,新增了许多单位,rem.vw和vh.vmin和vmax.ch和ex等等,那现在对这些单位分别做一下详细的介绍吧. 1.em 做前端的应该对em不陌生,不是什么罕见的单位,是相对单位,参考物是父元素的font-size,具有继承的特点.如果字体大小是16…

初学者Web介绍一些前端开发中的基本概念用到的技术

Web开发是比较费神的,需要掌握很多很多的东西,特别是从事前端开发的朋友,需要通十行才行.今天,本文向初学者介绍一些Web开发中的基本概念和用到的技术,从A到Z总共26项,每项对应一个概念或者技术. 初学者Web:介绍一些前端开发中的基本概念和用到的技术 A - AJAX AJAX 全称为"Asynchronous JavaScript and XML"(异步JavaScript和XML),是一种创建交互式网页应用的网页开发技术.根据Ajax提出者Jesse James Garrett…

iOS开发中常见bug！（内附解答方法）

序言你是否曾经修复了一个 bug ,随后又发现了一个跟刚修复 bug 有关的 bug ,又或是修复 bug 的方式引起了另一个 bug ? 然而这些问题是绝佳的学习机会.所以我们怎样尽可能多地从修复的问题中吸取经验?小编用的方法就是写下这个问题的简单描述.修复方法以及吸取的经验.使用这个方法了,让这个方法帮助自己成为一个更出色的程序员. 在分享这篇文章之前小编先分享自己建的一个"iOS程序员开发者的QQ群""638302184"每天都会有开发者分享案例一起探讨工作…

前端开发中的JS调试技巧

前言:调试技巧,在任何一项技术研发中都可谓是必不可少的技能.掌握各种调试技巧,必定能在工作中起到事半功倍的效果.譬如,快速定位问题.降低故障概率.帮助分析逻辑错误等等.而在互联网前端开发越来越重要的今天,如何在前端开发中降低开发成本,提升工作效率,掌握前端开发调试技巧尤为重要. 本文将一一讲解各种前端JS调试技巧,也许你已经熟练掌握,那让我们一起来温习,也许有你没见过的方法,不妨一起来学习,也许你尚不知如何调试,赶紧趁此机会填补空白. 骨灰级调试大师Alert 那还是互联网刚刚起步的时代,网页前…

微信小程序实际开发中学习

三个概念微信:就是一个聊天工具微信公众号:企业或个人用于管理其粉丝/用户的应用(类似于APP) 微信小程序:不需要下载安装直接可以使用的软件/应用/APP 小程序与公众号的区别: 定位不同(小程序:产品与服务,公众号:营销与信息传递) 体验差异(小程序:体验接近原生APP,公众号:操作延时较大) 技术区别(小程序:微信自身开发环境与开发语言,公众号:基于H5开发) 1.之前通过申请获得了小程序的AppId通过QuickStart快速生成了一个小程序这个时候可以使用预览然后用手机扫描二维码预…

myEclipse+Spring boot+Hbuilder+jwt Token+mongoDB+企业微信H5开发

企业微信应用的H5开发 1.参考文档:weUI:http://jqweui.com/ 2.企业微信接口文档:https://work.weixin.qq.com/api/doc#10029 3.百度地图API:https://work.weixin.qq.com/api/doc#10029 1.MyEclipse:详细使用教程 2.springBoot 入门到提高以及各种完美整合 3.API文档工具-Swagger的集成 4. swagger: fetching resource list: h…

用H5开发微信还是开发APP？

用H5开发微信还是开发APP? 随着技术的飞速发展,HTML第五版技术标准的更新,在移动端,由于其相对较低的开发成本及强大的跨平台运行能力,越来越多的信息型产品也开始选择这样轻量级的H5页面进行快速迭代,同时借用微信等平台快速触达用户. 如今App的红利时期早己消失殆尽,大家下载应用的热情已经不再像刚开始那么火热,再加上那么多烧钱BAT产品大佬培养的用户习惯,没点补贴很难吸引用户.直接在应用市场推App的成本也很高,这时web的优势就体现出来了,它很轻,迭代还快,而且现在有微信这么好的入口.坐拥…

关于APP，原生和H5开发技术的争论 APP开发技术选型判断依据

关于APP,原生和H5开发技术的争论 App的开发技术,目前流行的两种方式,原生和Html5.原生分了安卓平台和ios平台(还有小众的黑莓.死去的塞班就不说了),H5就是Html5. 目前争论不休的问题,在早先前争论CS,BS架构的软件系统是一样一样的.原先BS,CS对用户而言的区别是需不需要安装客户端.BS是通过浏览器来访问,用PC,平板,Win,Mac都能访问,用户不需要下载额外的客户端,同时运维和升级提供很大的便利.CS则需要下载客户端软件,安装,然后登录使用,升级的话,要么升级链接库,要…

超级详细使用Webpack4.X 搭建H5开发环境

超级详细使用Webpack4.X 搭建H5开发环境会撸码的小马关注 2018.05.29 17:17* 字数 603 阅读 6453评论 0喜欢 5 很久没弄博客了,这两天有点时间来搞一下最近在弄的webpack工具 webpack是什么东西我就不介绍了,因为我使用的webpack4以上版本,这个版本有一些较大的更新,可以自己去官网上找找看就知道了. 一.准备工作 node安装,这个百度.Google一下一大把,不做介绍二.开始构建自己的目录结构,下图是我自己弄的目录结构: 1.pn…

移动端 h5开发相关内容总结(三)

之前写过两篇开发中遇到的问题和解决方案.当时是CSS 和 JavaScript 分开写的.现在写这篇文章的时候感觉很多内容都是有内在联系的,所以不好分开. 给大家分享一下这半年来的感受吧: 知道和理解之间是有很大距离的.别人谈到一个知识点,能接上嘴并且能发表一下自己的意见,这叫知道.遇到问题能够想到用什么知识点解决问题,这叫理解. 所以有很多知识点自己确实在书上都看到过但是在平时遇到问题的时候却不知道怎么去用或者说想到去用,有时候会有同事给一下指导说用什么解决问题.关键时候还是多看(看书,看别人…