随笔分类 -  html/css

Blocked a frame with origin XXX from accessing a cross-origin 。iframe跨域问题
摘要：在前端开发的过程中，我们常常会用到iframe去在我们的页面中引用一个子页面，而父子页面又常常会有交互。在同域情况下，子页面如果想要访问父页面中的window对象中的方法的话，直接在当前页面中使用window.parent就可以啦。但是在跨域情况下就会受到种种限制。 如图所示，我用node在本地起了 阅读全文
posted @ 2019-09-24 15:59 WayneLiu123 阅读(59313) 评论(2) 推荐(1)
href=”javascript:void(0);
摘要：为什么要使用href=”javascript:void(0);” javascript:是伪协议，表示url的内容通过javascript执行。void(0)表示不作任何操作，这样会防止链接跳转到其他页面。这么做往往是为了保留链接的样式，但不让链接执行实际操作， <a href="javascrip 阅读全文
posted @ 2019-06-18 15:43 WayneLiu123 阅读(3963) 评论(0) 推荐(0)
Error: Cannot find module 'less'
摘要：这是webpack.config 代码中引入 报错信息（在main.js中引入也是这个报错 解决办法： 安装less： npm install less --save-dev 转自： https://segmentfault.com/q/1010000008930115/a-102000000893 阅读全文
posted @ 2019-04-22 23:13 WayneLiu123 阅读(30864) 评论(0) 推荐(3)
vue中自定义html文件的模板
摘要：如果默认生成的 HTML 文件不适合需求，可以创建/使用自定义模板。 一是通过 inject 选项，然后传递给定制的 HTML 文件。html-webpack-plugin 将会自动注入所有需要的 CSS, js, manifest 和 favicon 文件到标记中。 自定义的myIndex.htm 阅读全文
posted @ 2019-04-17 18:59 WayneLiu123 阅读(9461) 评论(0) 推荐(0)
检测当前IE浏览器的版本
摘要：检测当前IE浏览器的版本（注意：在非IE浏览器中是看不到效果的） 使用示例如下：低于IE8弹窗提示 补充： <!––[ifIE]> <h1>您正在使用IE浏览器</h1> <!––[if IE 5]> <h2>版本5</h2> <![endif]––> <!––[if IE 5.0]> <h2>版本 阅读全文
posted @ 2019-04-17 18:21 WayneLiu123 阅读(392) 评论(0) 推荐(0)
<meta name="viewport" content="width=device-width,initial-scale=1.0">的意思
摘要：content属性值 : width:可视区域的宽度，值可为数字或关键词device-width height同理width intial-scale:页面首次被显示是可视区域的缩放级别，取值1.0则页面按实际尺寸显示，无任何缩放 maximum-scale=1.0, minimum-scale=1 阅读全文
posted @ 2019-04-17 18:12 WayneLiu123 阅读(542) 评论(0) 推荐(0)
纯css实现tab导航
摘要：仿照这个 实现了一个纯css的导航功能 html css https://www.cnblogs.com/bgwhite/p/9414282.html https://www.jianshu.com/p/616774052c61 http://www.w3school.com.cn/cssref/i 阅读全文
posted @ 2019-03-20 11:55 WayneLiu123 阅读(1319) 评论(0) 推荐(0)
更改input标签的placeholder的样式
摘要：主要是要区别不同浏览器的不同css类 在input框中有时想将输入的字和placeholder设为不同的颜色或其它效果，这时就可以用以下代码来对placeholder进行样式设置了。 input::-webkit-input-placeholder{} /* 使用webkit内核的浏览器 */ in 阅读全文
posted @ 2019-03-19 18:16 WayneLiu123 阅读(6665) 评论(0) 推荐(1)
vue项目引入自定义.css的样式文件
摘要：ES6的引入方式： .vue文件中 css文件引入 js文件的引入 P.S.：传统上，引入css样式的三种方法：1.使用link来调用外部的css文件 在head放置<link rel="stylesheet" href="wcss.css" type="text/css" />来调用外部的wcss 阅读全文
posted @ 2019-03-19 18:11 WayneLiu123 阅读(17779) 评论(0) 推荐(0)
router-link传递参数
摘要：有个功能： 依据传入值，跳到产品详情页，但是详情页的内容依据传入值来相应变化。 如果使用点击事件@clic来实现，则有三个重复的跳转代码。 避免多次定义重复函数，可以使用router-link 传参数来函数该功能。 带参数跳转： 到达Detail页获取参数： 阅读全文
posted @ 2019-02-11 00:50 WayneLiu123 阅读(3447) 评论(0) 推荐(0)
消除router-link 的下划线问题
摘要：使用router-link实现路由跳转，代码如上， 虽然能实现跳转了，但是文字带有了下划线，不好看 要消除下划线，增加一下样式代码即可： 效果如下 阅读全文
posted @ 2019-02-09 16:42 WayneLiu123 阅读(21523) 评论(1) 推荐(3)
HTML的footer置于页面最底部
摘要：vue项目中，使用element-ui的布局，仍然出现footer不固定页面底部的情况，网上找到的一个管用的 方法是：footer高度固定+绝对定位 http://www.cnblogs.com/pinganzi/p/6383487.html 阅读全文
posted @ 2019-01-26 17:22 WayneLiu123 阅读(3819) 评论(0) 推荐(0)
vue引用组件的两个方法
摘要：https://blog.csdn.net/lzzattack03x/article/details/79244687 阅读全文
posted @ 2019-01-26 16:31 WayneLiu123 阅读(7395) 评论(0) 推荐(0)