front-gl - 博客园

2019年5月17日

摘要：需求有时候有些组件需要全局设置body背景，有些不需要在组件中设置就行了解决思路 1. 全局设置可以是html，body，这里大家可以试一下，这两个只要其中一个设置了background,另一个的背景就会失效。 2. 我们需要进入组件的时候使用钩子函数beforeRouteEnter,设置bod 阅读全文

posted @ 2019-05-17 17:50 front-gl 阅读(7593) 评论(3) 推荐(0) 编辑

vue实现滚动条滚到相应高度触发动画的操作

摘要：一、vue项目引入animate.css 第一步：在命令行中执行：第二步：引入及使用：第三步：使用 demo 二、本人写的一个滚动条滚动到相应位置然后执行动画的例子：思路：这里没有直接添加css类名，而是结合vue指令用显示和隐藏来控制的！附上代码如下： HTML: JS: 备注：也可以使用添阅读全文

posted @ 2019-05-17 17:13 front-gl 阅读(13847) 评论(0) 推荐(0) 编辑

2019年5月15日

nginx反向代理部署vue项目(history模式)的方法

摘要：前言：根据标题我们要区分出两个信息 1. history 模式部署（ vue的路由模式如果使用history，刷新会报404错误。） 2. Nginx 做反向代理问题1思考： vue-router 默认是hash模式，使用url的hash来模拟一个完整的url，当url改变的时候，页面不会重新阅读全文

posted @ 2019-05-15 19:51 front-gl 阅读(41999) 评论(0) 推荐(1) 编辑

2019年5月14日

Vue 缓存当前页面keep-alive

摘要：需求：产品经理在列表页（几千个数据，n个page）点击某一项进去到详情页后，再返回到列表页发现页面回到了第一页，找不到之前的查看的是哪一条了，为了方便咋公司产品经理，返回列表页时需要记住之前的page页解决思路：在列表页点击某一条进入详情页的时候，触发当前页面的keep-alive缓存页面解阅读全文

posted @ 2019-05-14 18:50 front-gl 阅读(2801) 评论(0) 推荐(0) 编辑

2019年5月8日

(响应式PC端媒体查询)电脑屏幕分辨率尺寸大全

摘要： PC端按屏幕宽度大小排序（主流的用橙色标明）分辨率比例 | 设备尺寸 1024*500 （8.9寸） 1024*768 （比例4：3 | 10.4寸、12.1寸、14.1寸、15寸; ） 1280*800（16：10 |15.4寸） 1280*1024(比例：5：4 | 14.1寸、15.0寸阅读全文

posted @ 2019-05-08 18:45 front-gl 阅读(2494) 评论(0) 推荐(0) 编辑

html,body设置{height:100%}[转]

摘要：一般情况下，我们css控制的最高节点就是body，例如设置：则浏览器界面就是完全的#068的背景色。这里看上去是<body>标签下的背景色起作用了，我到不这么认为，这里不是body的background起作用，而是body作为一个根节点起作用了，<html>标签未被激活，body担当类似于根节点的阅读全文

posted @ 2019-05-08 16:18 front-gl 阅读(1027) 评论(0) 推荐(0) 编辑

2019年4月30日

超好的水波纹效果

摘要： html css: <a class="home_user_head" href="javascript:;"> <img src="//static.eimoney.com/diamonds/mobile/imoney_v6/img/iMoneyNewLogoColor.png"> </a> <a 阅读全文

posted @ 2019-04-30 11:56 front-gl 阅读(224) 评论(0) 推荐(0) 编辑

2019年4月29日

Uncaught RangeError: Maximum call stack size exceeded 超出最大调用值（个人解释）

摘要： 1.见 Maximum call stack size exceeded 考虑是否出现死循环； 2.时刻警惕事件冒泡。阅读全文

posted @ 2019-04-29 18:15 front-gl 阅读(1924) 评论(0) 推荐(0) 编辑

vue项目使用 prerender-spa-plugin 预渲染

摘要：由于项目要做seo优化，而用vue写成的spa页面谷歌浏览器等是抓取不到数据的。介于ssr和预渲染来说，后者相对来说要简单许多。所以采用了预渲染方式。采用插件prerender-spa-plugin使用第一步：修改配置文件webpack.prod.conf.js 在 const webpackCo 阅读全文

posted @ 2019-04-29 18:00 front-gl 阅读(1781) 评论(0) 推荐(0) 编辑

Vue番外篇 -- vue-router浅析原理

摘要：近期被问到一个问题，在你们项目中使用的是Vue的SPA（单页面）还是Vue的多页面设计？这篇文章主要围绕Vue的SPA单页面设计展开。关于如何展开Vue多页面设计请点击查看。官网vue-router文档 vue-router是什么？首先我们需要知道vue-router是什么，它是干什么的？阅读全文

posted @ 2019-04-29 16:44 front-gl 阅读(2449) 评论(0) 推荐(2) 编辑

where there is a will, there is a way!

公告