
前端样式
普通网友
这个作者很懒,什么都没留下…
展开
-
iframe子页面弹出框遮罩层问题的解决方法
公司重构项目的菜单,由正常的js加载换成iframe(ps:因为老总老是更改菜单的样式)出现一个问题(弹框在子页面,弹出时遮罩层只是遮住子页面,没有全屏)解决方案:将弹出框放到父页面弹出,在子页面通过window.parent操作父页面元素,即可解决该问题。原创 2017-06-12 15:59:24 · 6981 阅读 · 0 评论 -
前端开发之手机端调试
情景再现:PC端写的代码兼容手机端,在手机端上测试步骤:1、首先PC端和手机端连接到同一个局域网。2、通过控制台ipconfig查找到本机的ip地址3、手机浏览器进入本机的ip问题:有可能访问不到调试:1、关闭PC端的防火墙,测试。(绝大多数可以通过了)。2、第一步没有成功,此时可以尝试添加入站规则,防火墙的高级设置里面添加入站规则,加上你的PC端,端口号,完美解决附图一张...原创 2018-03-02 17:40:08 · 4930 阅读 · 0 评论 -
CSS中zoom属性和overflow:auto属性清除浮动的作用详解
在CSS中的Zoom这个属性一般不为人知,甚至有些CSS手册中都查询不到。其实Zoom属性是IE浏览器的专有属性,FireFox等浏览器不支持。它可以设置或检索对象的缩放比例。除此之外,它还有其他一些作用,比如触发ie的hasLayout属性,清除浮动、清除margin的重叠等。因为Zoom属性是IE浏览器的专有属性,所以他清除浮动作用只适用于IE浏览器,而Firefox、google等浏览器则需...转载 2018-03-02 14:17:13 · 1481 阅读 · 0 评论 -
vue-router 2.0 跳转之router.push()
router.push(location) 除了使用 创建 a 标签来定义导航链接,我们还可以借助 router 的实例方法,通过编写代码来实现。 router.push(location) 想要导航到不同的 URL,则使用 router.push 方法。这个方法会向 history 栈添加一个新的记录,所以,当用户点击浏览器后退按钮时,则回到之前的 URL。当你点击 <router-lin原创 2017-11-01 17:30:14 · 50415 阅读 · 1 评论 -
vue-router 实现组件的缓存之 keep-alive
一、keep-alive简介 keep-alive是Vue内置的一个组件,可以使被包含的组件保留状态,或避免重新渲染。 用法:<keep-alive> <component> <!-- 该组件将被缓存! --> </component></keep-alive>props include-字符串或正则表达式,只有匹配的组件会被缓存 exclude-字符串或正则表达式,任何匹原创 2017-11-01 15:55:46 · 9279 阅读 · 1 评论 -
在表单提交中用到的html5新标签
标签:对表单中的相关元素进行分组 标签: 元素为 元素定义标题。 Personalia: Name: Email: Date of birth:原创 2017-11-01 22:23:42 · 260 阅读 · 0 评论 -
关于Vue实例的生命周期created和mounted的区别
什么是生命周期Vue实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程,我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程,就是生命周期。在Vue的整个生命周期中,它提供了一系列的事件,可以让我们在事件触发时注册js方法,可以让我们用自己注册的js方法控制整个大局,在这些事件响应方法中的this直接指向的是vue的实例。原创 2017-11-01 18:03:07 · 1066 阅读 · 0 评论 -
bootstrap-calendar控件中,月份中某天日程跟某天下的日程数不同
bootstrap-calendar控件中,月份中某天日程跟某天下的日程数不同原创 2017-10-12 15:12:13 · 3034 阅读 · 0 评论 -
动态菜单(永远在屏幕的可视区域显示)
公司项目菜单新需求(如题)当菜单正常显示的时候,如下图当菜单超出显示区域后,显示在最底层废话不多说,直接上代码var str = '+id+'" class="menu" style="left: '+length+'px ;top: '+top+'px;height:210px">'; str += '' + '原创 2017-06-14 10:50:39 · 711 阅读 · 0 评论 -
IOS 浏览器端overflow:scroll overflow:auto元素无法滑动bug解决方法整理
问题描述: 此bug出现需要条件:父元素需使用绝对定位absolute或固定定位fixed,使用overflow: scroll / auto(或overflow-y: scroll / auto),内部子元素是动态大小(例如较大的svg document,近似为内嵌iframe,等等)。bug出现原因:没有相关官方文档描述该bug。在查阅文档及自己测试的时候总结:iOS safari 会将ove...转载 2018-06-28 15:45:53 · 20543 阅读 · 0 评论