随笔分类 -  html

摘要:在使用vue进行开发的时候我们会发现地址栏上的ip后面会跟着一个#号,如果想去掉这个井号,我们可以在路由上加上 mode: 'history', 即可去掉 export default new Router({ mode: 'history', routes: [ { path: '/', name 阅读全文
posted @ 2020-07-08 15:37 青竹玉简 阅读(6097) 评论(0) 推荐(0)
摘要:<template> <div :style="conheight"> </template> <script> export default{ data(){ conheight:{ height:'' } }, methods:{ getHeight(){ this.conheight.heig 阅读全文
posted @ 2020-07-07 09:43 青竹玉简 阅读(7333) 评论(0) 推荐(0)
摘要:.clearfix:after { content: "."; display: block; height: 0; clear: both; overflow:hidden; visibility: hidden;} 阅读全文
posted @ 2020-06-30 10:13 青竹玉简 阅读(213) 评论(0) 推荐(0)
摘要:实现跑马灯的方法很多,其中最简单的是采用一句Html代码来实现,我们在需要出现跑马灯效果的地方插入“<marquee>滚动的文字</marquee>”语句,它的效果如下所示: 滚动的文字 适当的运用<marquee>标签的参数,可以表现出不同的效果,请看下面的几个例子: 1、左右弹来弹去的跑马灯 弹 阅读全文
posted @ 2019-10-14 13:59 青竹玉简 阅读(3818) 评论(0) 推荐(0)
摘要:js中map遍历的顺序是按照插入的顺序来执行的。如果map的来源是字符串转换的,那么就会按照字符串中key值的顺序进行遍历。千万不要被debug中显示的顺序误导,这里应该是为了方便查看对key进行了字母顺序排序。 阅读全文
posted @ 2019-10-12 10:37 青竹玉简 阅读(319) 评论(0) 推荐(0)
摘要:项目功能需要,要从列表页跳转到第三方提供的URL上(这里第三方页面我是通过iframe引入在详情页,目的是点击返回时可以通过keepAlive让列表页不刷新,如果不通过iframe直接跳第三方链接,那么返回必然会重新拉取数据),一路百度,刚开始使用 1 this.$router.push({name 阅读全文
posted @ 2019-09-24 10:08 青竹玉简 阅读(4923) 评论(0) 推荐(1)
摘要:第一步:添加需要拦截的页面 第二步:页面拦截 第三步:后台返回拦截 拦截全部做完,祝你好运!!! { path: '/control', name: 'Control', meta: { requireAuth: true }, { path: '/control', name: 'Control' 阅读全文
posted @ 2019-09-23 15:56 青竹玉简 阅读(1773) 评论(0) 推荐(0)
摘要:https://daneden.github.io/animate.css/ 第一步:安装: 在命令行中执行:npm install animate.css --save 第二步:引入及使用: main.js中: import animated from 'animate.css' // npm i 阅读全文
posted @ 2019-08-05 11:29 青竹玉简 阅读(16658) 评论(0) 推荐(3)
摘要:第一页 第二页 第三页 settings.json配置 阅读全文
posted @ 2019-06-10 14:45 青竹玉简 阅读(2614) 评论(0) 推荐(0)
摘要:关于overflow:hidden;很多人都知道他是溢出隐藏的一个属性,但是并不是很多人知道它的一些神奇的地方!首先先讲一下众所周知的溢出隐藏吧! 溢出隐藏 一般会遇到的情况是内容超出了父级盒子,如下: 使用overflow:hidden;之后,显示就是这样的: 哪里超出就隐藏哪里!一般会用在一行文 阅读全文
posted @ 2019-06-06 18:17 青竹玉简 阅读(2019) 评论(1) 推荐(1)
摘要:块级元素:块级大多为结构性标记 <address>...</adderss> <center>...</center> 地址文字 <h1>...</h1> 标题一级 <h2>...</h2> 标题二级 <h3>...</h3> 标题三级 <h4>...</h4> 标题四级 <h5>...</h5> 阅读全文
posted @ 2019-06-03 09:53 青竹玉简 阅读(1887) 评论(0) 推荐(0)
摘要:新浪的初始化: 京东代码 阅读全文
posted @ 2019-05-30 17:06 青竹玉简 阅读(378) 评论(0) 推荐(0)