目录1.大量的数据替换问题2.前端解决跨域问题3.保存token到vuex及token持久化4.实现用户退出功能5.退出在进入能回到原来的页面 6. Token失效处理 7. 不同权限动态生成功能菜单 &
前端常用单位 单位，在各个领域都是很常见的。那么在前端领域用到了哪些单位呢，这篇文章让我们细细了解一下！下面我讲列举：pt、px、em、rem、vh、vw、vmax、vmin、rpx、ch等单位的定义、用法及注意点。首先，来了解pt、px、em、rem这四个单位。 pt 单位名称为点（Point），绝对长度单位。1pt＝1/72英寸，常用于印刷当中，在AI、PS等设计软件当中字体大小所用的单位就
theme: fancy一. Ref 用法这是 ref 最基本的用法，返回来的count是一个响应式的代理值const count = ref(0)二. 实现1. ref 函数我们调用的ref函数，传进来一个 val 值，调用 createRef 函数，我们来看下该函数的实现源码路径：packages/reactivity/src/ref.ts
function ref(value?: unkno
在Vue 3.0中，与2.0版本相比有一定的差别，最明显的就是缺少了build、config文件夹，而在3.0中，关于项目的配置修改及webpack的修改，需要手动创建一个新的文件：vue.config.js。因为3.0版本中vue已经内置了很多关于webpack的配置，一般情况下开箱即用，需要修改则可以在vue.config.js文件中完成。所以这里记录一下，3.0版本中常用的配置项：// vu
背景 随着移动设备和前端技术的发展，交互页面也在移动端使用越来越频繁。但是移动设备屏幕的大小和分辨率并不一致，这导致了并不能按照pc端编写页面的方式去编写移动端页面。 随着实践地不断进行和技术的发展，逐渐形成了下面几个概念：自适应（Adaptive） 程序
vue的使用目录vue的使用一、创建vue项目二、pycharm开发vue项目1、安装vue.js插件2、运行vue项目三、vue项目的目录结构四、vue的使用1、创建新的组件2、显示数据3、方法的绑定五、axios1、安装axios2、使用axios（1）在mian.js中配置（2）在组件中使用六、vue绑定1、绑定图片2、绑定事件3、绑定路由七、vue页面挂载八、vue中路由携带参数九、vue
MVVM 是Model-View-ViewModel 的缩写，它是一种基于前端开发的架构模式，其核心是提供对View 和 ViewModel 的双向数据绑定，这使得ViewModel 的状态改变可以自动传递给 View，即所谓的数据双向绑定。Vue.js 是一个提供了 MVVM 风格的双向数据绑定的 Javascript 库，专注于View 层。它的核心是 MVVM 中的 VM，也就是 ViewM
一、移动端适配常见方案： （1）通过媒体查询的方式即CSS3的meida queries （2）以天猫首页为代表的 flex 弹性布局 （3）以淘宝首页为代表的 rem+viewport缩放 （4）rem 方式博客：://blog..net/chenjuan1993/article/details/81710022二、vue中使用rem适配方案1、安装插件（这里我使用的是cnpm比较下载安装快速）cnpm i lib-flexi...
转载
2021-08-12 13:38:13
1485阅读
监视属性-watch方法说明1.通过通过vm 对象的$watch()或watch 配置来监视指定的属性2.当属性变化时, 回调函数自动调用, 在函数内部进行计算监视属性watch：1.当被监视的属性变化时, 回调函数自动调用, 进行相关操作 2.监视的属性必须存在，才能进行监视！！ 3.监视的两种写法： (1).new Vue时传入watch配置<!DOCTYPE html>
<
安装 amfe-flexible、postcss-px2rem-exclude
cnpm i amfe-flexible postcss-px2rem-exclude --save
安装完毕，会在 package.json 文件的 dependencies 属性中看到如下：
2、在main.js文件中引入
import 'amfe-flexible'
3、配置postcss
转载
2021-08-13 09:29:23
243阅读
最近在逛各大网站，论坛，SegmentFault等编程问答社区，发现Vue.js异常火爆，重复性的提问和内容也很多，小编自己也趁着这个大前端的热潮，着手学习了一段时间的Vue.js，目前用它正在做自己的公司项目。学习的过程之中发现继最热的 React 组件库和 Angular 组件库之后，这里有很多个流行和实用的 Vue.js 组件库完善你的下一个用 Vue.JS 编写 UI 界面的
Web前端布局布局的概念什么是布局布局的作用布局的方式一、浮动布局二、定位布局static 定位fixed 定位relative 定位absolute 定位sticky 定位堆叠顺序三、静态布局四、流式布局五、弹性布局六、自适应布局七、响应式布局布局应用 布局的概念什么是布局布局是前端人员的核心基础技能。目的是对所做的页面模块及内容进行科学合理的组织和呈现。因此布局的好坏就直接影响到之后工作的进
前端在开发应用的是偶难免需要考虑不同分辨率的容器，本文主要介绍 - - rem来实现响应式布局1、rem的介绍： 首先来看，什么是rem单位。rem是一个灵活的、可扩展的单位，由浏览器转化像素并显示。与em单位不同，rem单位无论嵌套层级如何，都只相对于浏览器的根元素（HTML元素）的font-size。默认情况下，html元素的font-size为16px，所以：1 rem = 16px为了计算
先来说说为什么要自动化。凡是要考虑到自动化时，你所做的工作必然是存在很多重复乏味的劳作，很有必要通过程序来完成这些任务。这样一来就可以解放生产力，将更多的精力和时间投入到更多有意义的事情上。随着前端开发不再是简单的作坊式作业，而成为一个复杂的工程时，还涉及到性能优化一系列工作等等，这时自动化已然是迫切的需求。 早期的网站开发 在还没有前端工程师这种分工如此明确的岗位时，大家所理解的前端工作无非就
为什么手机会莫名其妙的掉进卫生间里,水里,别问为什么,应该说是各种地方,没有她们做不到的,只有你想不到的鉴于这种情况的频繁发生,特别间断的写了这个教程,告诉大家应该怎么办第一步一.掉进脏水里这个很常见与做家务的时候,神不知鬼不觉的手机就进了桶里,这个时候,你需要找到一盆清水,然后将手机放入盆中,不需要加入其它洗涤用品,因为只是简单的脏水,只要反复冲洗就可以了二.掉进马桶中这个时候 你一定要想清楚,
前端适配是指确保Web应用或网站在不同设备、屏幕尺寸、分辨率、浏览器以及操作系统上都能提供良好的用户体验。因为用户可能通过各种设备访问你的网站，包括桌面电脑、平板、手机，甚至是智能手表和电视。以下是进行前端适配时应考虑的关键策略和技术：1. 百分比布局 - ?在编写样式时，尽量使用 百分比单位 来设置元素的宽度 (width)，而非固定像素值。这样一来，元素就能随着容器的大小自动调整，实现响应式设
通过dom元素的class来标识与访问控制相关的dom元素，目的是确定需要进行权限控制的组件范围，再通过dom的id对应后端权限设置的功能节点的domKey，从而实现前后端联动的权限控制。 ...
转载
2021-07-01 20:11:00
191阅读
2评论
前言vue-property-decorator,@Model选项，也就是vue2.2中新增的实例model选项。原来只知道v-model属性实现双向绑定，对这个model选项突然不是很理解。所以这里 重新对v-model和自定义组件的v-model做一个回顾，加深印象后，再去理解model选项到底是做什么的，有什么作用。vue中的v-model指令实现了表单的双向绑定，这是官网的一个栗子：<
Vue插件概述简单来说，插件就是指对Vue的功能的增强或补充。比如说，让你在每个单页面的组件里，都可以调用某个方法，或者共享使用某个变量，或者在某个方法之前执行一段代码等总体流程应该是：【声明插件】——【写插件】——【注册插件】——【使用插件】写插件和声明插件是同步的，然后注册到Vue对象中（不用担心重复注册），最后在写Vue组件的时候使用写的插件1.声明插件先写一个js文件，这个js
vue中env文件的配置vue项目中env文件的配置文件名：文件内容：关于文件的加载process.env属性注意修改完要重新启动一遍项目vue项目中 .eslintrc.jsvue项目中 .gitignorevue 项目中 .eslintignorevue 项目中.stylelintrc.jsvue 项目中 jsconfig.jsonvue 项目中 .editorconfig vue项目中en
