开发过程中遇到的问题
子化诗理
这个作者很懒,什么都没留下…
展开
-
使用bootstrap引起IE浏览器滚动条变为透明的并且不占用页面宽度的问题以及解决办法
找到html标签,添加css属性:html {/*始终显示滚动条*/-ms-overflow-style:scrollbar;}原创 2017-07-12 17:14:32 · 1701 阅读 · 0 评论 -
PC端页面切换成手机模式后,出行了一个莫名其妙的980px
移动端的默认布局视口宽一般是980px,所以body的100%才是980px。可以加这个<meta name="viewport" content="width=1200, initial-scale=1.0">原创 2019-07-03 16:18:42 · 2027 阅读 · 0 评论 -
滑块横幅轮播
<!-- banner --><div class="banner-wrap"><div class="cai-slider"><style>.banner-wrap{width: 1100px;height:300px;padding:0 10px;margin: 0 auto;margin-bottom: ...原创 2019-06-13 17:44:24 · 468 阅读 · 0 评论 -
HTML meta标签总结与属性使用介绍
转:https://segmentfault.com/a/1190000004279791之前学习前端中,对meta标签的了解仅仅只是这一句。<metacharset="UTF-8">但是打开任意的网站,其head标签内都有一列的meta标签。比如我博客的。但是自己却很不熟悉,于是把meta标签加入了寒假学习计划的最前方。简介在查阅w3school中,第一句...转载 2019-04-19 14:44:05 · 192 阅读 · 0 评论 -
替代即将淘汰的Flash
视频播放(Play Video)解决方案:在移动端设备上,使用HTML5的video标签基本没有问题。 在PC上,IE低版本(IE8-)浏览器上除了Flash目前没有其它办法 在PC上,IE9+和其它现在浏览器,采用HTML5标签。 综合来说,可以统一用以下一段代码实现兼容:<video width="400" height="300" controld> <...原创 2019-02-15 15:54:58 · 2719 阅读 · 0 评论 -
滑轮滑动+小圆点触发全屏上下滚动并实现不同浏览器窗口下的缩放
css准备:模块宽度设置为100%;高度设置为100vh;内容区域设置为1000*800,居中显示;js:$(function(){ //初始化页面置于顶部 $("html,body").animate({scrollTop:0},300); var page = 0; //浏览器当前窗口可视区域宽度 var viewWidth=$(window).原创 2017-11-21 13:53:22 · 1076 阅读 · 0 评论 -
mouseout 和 mouseleave 之间的一些不同
mouseout:如果移出被选取的元素时,就会触发mouseout,包括移动到其子元素也会触发;常与mouseover搭配使用;mouseleave:同样也是移出被选取的元素时会触发mouseleave,但不包括其子元素,所以除非移出被选取元素范围,不然都不会触发mouseleave,常与mouseenter搭配使用;原创 2017-10-17 09:13:29 · 573 阅读 · 0 评论 -
把二维数组转换为json字符串
var data = [ ['选项1', 10], ['选项2', 10], ['选项3', 50],['选项4', 30] ];var oneArr=[].concat.apply([],data);//["选项1", 35, "选项2", 15, "选项3", 25, "选项4", 25]var jsonArr=[];var nameArr=[];for(var i=0;ioneAr原创 2017-11-09 17:16:11 · 6609 阅读 · 0 评论 -
IE浏览器下点击a标签有虚线框的问题
IE浏览器下点击a标签会出现虚线框,查阅相关资料之后将解决方法记录一下:去除a链接虚线框方法是:ie下用hidefocus属性:‘ hidefocus=”true” ’Chorme/Opera/Safari下使用:outline:none。例如: 链接a:focus {outline-style:none; -moz-outline-style: none;}原创 2017-09-14 15:35:29 · 1214 阅读 · 0 评论 -
转载 [原生JS]实现移动端的上拉加载&下拉刷新
<body> <div id="app"> <header id="header"> <input type="text" id="input"> <input type="submit" id="submit"> </header> <article id="art...转载 2019-07-12 16:04:53 · 2267 阅读 · 0 评论