随笔分类 -  html

移动端如何解决页面返回上次浏览位置问题
摘要：function pushHistory() { var state = {}; state = { // title: "itGrade", 自定义参数:自定义参数 }; console.log(state); window.history.pushState(state, null, "#"); 阅读全文
posted @ 2020-07-15 11:46 双木君 阅读(655) 评论(0) 推荐(0)
html 手机端适配不同手机高度 ，把内容居中显示
摘要：手机端适配不同手机高度 ，把内容居中显示，可以将div、img、section、span、p等等元素，设置 top:50%; margin-top:xxvw; 这样可以保证主题内容居中显示。 阅读全文
posted @ 2020-03-05 17:17 双木君 阅读(1175) 评论(0) 推荐(0)
html 手机端 生成海报
摘要：1、使用phaser世界生成img 然后保存img在某个div中，长按这个div就会生成海报（其实就是图片的保存，只是因为h5中的背景啊、文字啊需要根据选择来显示，所以就是定制生成图片也就是海报了） <style> #poster{width: 100vw;height: 100vh;positio 阅读全文
posted @ 2020-03-05 17:14 双木君 阅读(1299) 评论(0) 推荐(0)
html 手机端 解决部分手机无法自动播放音乐，视频自动播放
摘要：1、音乐自动播放 <section class="music rotate hide"> <audio loop src="/static/diseasesGame/video/2.mp3" id="audio_play" autoplay preload></audio> </section> $ 阅读全文
posted @ 2020-03-05 16:39 双木君 阅读(2565) 评论(0) 推荐(0)
前端布局神器display:flex&justify-content&align-items
摘要：https://www.jianshu.com/p/d94f7a50cd2c 阅读全文
posted @ 2020-02-10 13:34 双木君 阅读(349) 评论(0) 推荐(0)
github上bootstrap3后台管理平台html框架
摘要：转：https://blog.csdn.net/li396864285/article/details/78095814 github上9款最值得收藏的bootstrap3后台管理平台html框架 AdminLTE Gentelella Admin Vali Admin ModularAdmin M 阅读全文
posted @ 2019-11-06 16:11 双木君 阅读(688) 评论(0) 推荐(0)
各种bug解决思路汇总
摘要：1、php+html+jquery 问题描述：页面点击没有反应，换手机换设备都不行（大部分人没问题就少数人有问题，） 思路：查看php日志，如果没有报错的话，那么说明就是页面上出现了错误。这时候，就查看页面报错信息。（自己遇到的是微信端某个用户点击一个活动都没有反应，换设备也不行。通过微信开发工具， 阅读全文
posted @ 2019-10-23 17:55 双木君 阅读(396) 评论(0) 推荐(0)
html中气泡头像效果
摘要：//html 阅读全文
posted @ 2019-09-30 08:58 双木君 阅读(640) 评论(0) 推荐(0)
手机端audio部分手机无法自动播放处理
摘要：<section class="music rotate"> <audio loop src="/static/wishChina/music1.mp3" id="audio_play" autoplay preload></audio> </section> //下面为jquery处理，加载完成，则调用该方法，播放音乐 function audioAutoPlay(id) { var audio 阅读全文
posted @ 2019-09-30 08:52 双木君 阅读(893) 评论(0) 推荐(0)
手机端html滑动处理
摘要：$('.pushJie').on('touchstart',touchStartFun).on('touchmove',touchmoveFun).on('touchend',touchendFun); function touchStartFun(e){ e.preventDefault(); touchStartX = e.originalEvent.cha... 阅读全文
posted @ 2019-09-30 08:50 双木君 阅读(974) 评论(0) 推荐(0)
css控制div上下移动
摘要：来源：https://www.cnblogs.com/wangyongx/p/5022529.html 阅读全文
posted @ 2019-09-29 14:12 双木君 阅读(9083) 评论(0) 推荐(0)
CSS 实现盒子水平居中、垂直居中和水平垂直居中的方法
摘要：出自： https://www.cnblogs.com/plsmile/p/11119728.htm CSS 实现盒子模型水平居中 CSS 实现盒子模型垂直居中 CSS 实现盒子模型水平垂直居中 阅读全文
posted @ 2019-07-04 16:34 双木君 阅读(496) 评论(0) 推荐(0)
百度小程序坑坑坑
摘要：吐槽：被小程序坑死啊 问题：在循环中，根据条件加载不同的template模板出现问题。 问题刚出现的时候，是一个明明只id为xxxx的只有一条，可是页面却出现了多条，以为是s-for的问题就一直在这纠结，然后就百度，就那么几条：1：s-for和s-if 不能用到一个元素（不是这个问题），2：后端加载 阅读全文
posted @ 2019-06-13 12:36 双木君 阅读(591) 评论(0) 推荐(0)
bootstrap的简单学习
摘要：最近做项目用到这个bootstrap，然后其实也没有做很深的研究，就是能大概知道怎么用。 然后在学习中，很关键的就是你要去看源代码，只有看懂了这个，你才知道说怎么调用，然后你以后可以怎么做。 下面试我从别的博主那copy过来的，以后可以参考，只有是bootstrap中的table的一些节点的。 下面 阅读全文
posted @ 2017-04-25 11:22 双木君 阅读(385) 评论(0) 推荐(0)
在html中引用分享的链接
摘要：怎么说呢，其实我自己本身也不是很懂，这些到网上一搜也是有很多详解的，我就是水水的来~~ 阅读全文
posted @ 2016-09-13 21:57 双木君 阅读(2029) 评论(0) 推荐(0)
div中iframe高度自适应问题
摘要：网页分为上、中、下三部分，上、下高度固定中间高度自适应；中间分为左、右两部分，左边宽度固定，右边宽度自适应。现在右侧div是宽度和高度都是自适应，右侧div里有个IFrame，想让IFrame自适应外部div的宽度和高度？ 我自己做的时候出现的问题是：当ifame的width和height设置为10 阅读全文
posted @ 2016-09-03 15:59 双木君 阅读(5639) 评论(0) 推荐(0)