前端框架 第8页

2020-05-20青梅博客阅读(1295)评论(0)

vue项目移动端、pc端适配方案 lib-flexible 根据屏幕宽度，自动设置html的font-size postcss-px2rem 自动将px单位转换成rem 一、第一步先安装 flexible和 postcss-px2rem（命...

2020-05-20青梅博客阅读(452)评论(0)

前言 今天研究了一下公司pc端封装的axios，主要配合element以及js-cookie，自己跟着搞了一遍，在这里记录一下。 代码

2020-05-20青梅博客阅读(475)评论(0)

postcss-pxtorem是PostCSS的插件，用于将像素单元生成rem单位。 前端开发还原设计稿的重要性毋庸置疑，目前应用的单位最多还是rem,然而每次在制作过程中需要自己计算rem值，为了能够直接按照设计图的尺寸开发，并且能自动编...

2020-05-19青梅博客阅读(511)评论(0)

vue-cli3项目搭建配置以及性能优化 在之前的开发中主要用的是vue-cli2，最近空闲时间比较多，接下来有新项目，本着偷懒的本能，自己打算搭建一个基础包以备后期开发应用，并对其进行性能优化和配置 搭建整个过程如下： 初始化项目 修改目...

2020-05-19青梅博客阅读(393)评论(0)

计算页面滚动效果如下 思路：利用滚动条监听事件和定时器，来计算滚动速度；监听事件是只要你滚动条在动就会触发的所以需要定时器来计算滚动速度。 代码：计算滚动速度的功能在handleScroll()函数里实现，将其挂载在mounted(){}中...

2020-05-19青梅博客阅读(504)评论(0)

需求：修改框中的信息 一、在main.js中： 二、在某个页面最大的div上： 加上以下代码： 效果： 最简洁方法：

2020-05-19青梅博客阅读(431)评论(0)

使用全局路由守卫 实现 前端定义好路由，并且在路由上标记相应的权限信息 全局路由守卫每次都判断用户是否已经登录，没有登录则跳到登录页。已经登录(已经取得后台返回的用户的权限信息(角色之类的))，则判断当前要跳转的路由，用户是否有权限访问(根...

2020-05-19青梅博客阅读(387)评论(0)

前言 使用vue也好有一段时间了，虽然对其双向绑定原理也有了解个大概，但也没好好探究下其原理实现，所以这次特意花了几晚时间查阅资料和阅读相关源码，自己也实现一个简单版vue的双向绑定版本，先上个成果图来吸引各位： 代码： 效果图： 是不是看...

2020-05-19青梅博客阅读(441)评论(0)

新建一个项目my-app， 进入my-app文件夹， 安装element 安装的时候会有提示询问是全部安装还是按需引入，选择按需引入（emmm……忘记截图了(灬ꈍ ꈍ灬) ） ※ 注意项：这样引入会覆盖app.vue文件，所以建议一开始就安...

2020-05-18青梅博客阅读(463)评论(0)

问题 最近些日子项目中突然碰到了一个需求，再完成编辑操作之后需要进行页面刷新，通过实验有如下几种姿势可以解决需求中的问题，下面进行简单总结如下。 姿势一：this.$router.go(0) 这个姿势是利用了 history 中前进和后退的...