2 青椒切小块

尚未进行身份认证

我要认证

暂无相关简介

等级
TA的排名 10w+

(转)Vue路由开启keep-alive时的注意点

这个不是业务的要求,但是看到每次进入页面就重新渲染DOM然后再获取数据更新DOM,觉得作为一个前端工程师有必要优化下的加载逻辑,正好vue提供了 keep-alive 的功能,所以就试用了下。当然,干任何事儿都不会一帆风顺的,在路上的磕磕碰碰在所难免,故在此记录下遇到的问题,希望看到这篇文章的人能有所帮助。ps:这个也没多难。HTML部分:<template> <div class="app"> <keep-alive> <router-

2020-06-02 22:44:28

keep-alive

1.keep-alive是Vue提供的一个抽象组件,用来对组件进行缓存,从而节省性能2.当组件在keep-alive内被切换时组件的activated、deactivated这两个生命周期钩子函数会被执行3.关于这一点也是仁者见仁,有的产品可能会要求在每一次进入一个组件时页面的初始位置都是保持在顶部的,这里可以利用Vue中的滚动行为,但是前提是你是HTML5 history模式4.我们在创建一个router实例的时候,可以提供一个scrollBehavior(滚动行为)方法,该方法会在用户切换路由时触

2020-06-02 21:13:55

(转)vue-router路由拦截、http拦截

一.路由拦截登录拦截逻辑第一步:路由拦截首先在定义路由的时候需要多添加一个自定义字段requireAuth,用于判断该路由的访问是否需要登录。如果用户已经登录,则顺利进入路由,否则就进入登陆页面。const routes = [{ path: '/repository', name: 'repository', meta: { requireAuth: true, // 添加该字段,表示进入这个路由是需要登录的 }, component: R

2020-06-02 18:50:02

原来不用better-scroll插件vue也能实现吸顶效果

原来不用better-scroll就可以实现吸顶功能,之前还一直以为,必须要用呢,面试被稳得晕头转向的scroll事件:文档视图或者一个元素在滚动时,会触发元素的scroll事件。注意:在 iOS UIWebViews中, 滚动进行时不会触发 scroll 事件;只有当滚动结束后事件才会被触发。参见 Bootstrap issue #16202。Safari 和 WKWebViews 则没有这个问题。Scroll 事件节流由于 scroll 事件可被高频触发,事件处理程序不应该执行高性能消耗的

2020-06-02 18:13:04

(转)简述JS中事件委托/事件代理

1.什么是事件委托?事件委托还有一个名字叫事件代理。当我们需要对很多元素添加事件的时候,可以通过将事件添加到它们的父节点而将事件委托给父节点来触发处理函数。==事件委托就是利用事件冒泡,只制定一个事件处理程序,可以管理某一类型的所有事件。==打个比方就是代收快递,公司前台代收A,B,C的快递,即使公司来了新员工(不管多少),前台都会核实后代收快递。第一,现在委托前台的同事是可以代签收的,即程序中现有的dom节点是有事件的;第二,新员工也是可以被前台代为签收的,即程序中新添加的dom节点也是有事件的

2020-06-02 14:49:26

(转)vue 跨域问题解决方案

用Vue-cli脚手架搭建了个demo,前后分离就有跨域问题的出现。vue-clie搭建demo步骤(传送门):https://www.cnblogs.com/wangenbo/p/8487764.html我自己在网上找了2个接口做测试:CSDN:https://www.csdn.net/api/articles?type=more&category=home&shown_offset=1524276761019196&first_view=false掘金:https://s

2020-05-28 23:15:55

(转)Proxy error: Could not proxy requestXXX from localhost:8080 to localhost:3000 (ENOTFO

问题描述:因为node服务运行在localhost:3000端口,vue运行在localhost:8080端口,不同端口存在跨域问题。所以我使用了反向代理处理。在vue.config.js里:proxy:{ '/api2':{ target:'http://localhost:3000', changeOrigin:true, }}我这里是vue-cli3,所以是vue.config.js,如果是vue-cli2,就在config文件夹里的in

2020-05-28 22:44:58

【vue-router报错】TypeErrorCannot read property matched of undefined

第一你可能是routes和router命名错误第二很无语,在main.js里会导入router,在上面代码的后面记得加导出,不然你导入个啥…(也吐槽我自己)

2020-05-27 19:03:44

(转)谈谈浏览器的兼容性(面试题)

(一)html部分1.H5新标签在IE9以下的浏览器识别<!--[if lt IE 9]> <script type="text/javascript" src="js/html5shiv.js"></script><![endif]-->html5shiv.js下载地址:https://github.com/aFarkas/html5shiv/releases2.ul标签内外边距问题ul标签在IE6\IE7中,有个默认的外边距,但是在IE8以上

2020-05-26 22:18:25

vue-app项目知识点总结(三)

一.分类页面1.页面结构2.新建文件夹主页面:Category.vue分类列表:CategoryList.vue对应商品:CategoryGoods.vue网络请求都写到Category.js中3.我们先写分页主页面大框这里我们先把左侧列表引到里面来了Category.vue<template> <div id="category"> ...

2020-05-25 22:52:29

vue-app项目知识点总结(一)

一. FeatureView独立组件封装FeatureViewdiv>a>img二. TabControl独立组件的封装props -> titlesdiv>根据titles v-for遍历 div -> span{{title}}css相关选中哪一个tab, 哪一个tab的文字颜色变色, 下面border-bottomcurrent...

2020-05-25 20:04:57

怎么上传项目到github

创建github项目

2020-04-19 18:20:50

vue-app项目知识点总结(二)

一. FeatureView独立组件封装FeatureViewdiv>a>img二. TabControl独立组件的封装props -> titlesdiv>根据titles v-for遍历 div -> span{{title}}css相关选中哪一个tab, 哪一个tab的文字颜色变色, 下面border-bottomcurrent...

2020-05-23 01:02:20

(转)vuejs点击获取当前元素内容

我的代码是这样的<div class="shopchart-item" v-for="item in shopCart.props"> <div>{{item.label}}</div> <div class="goodslist" v-for="name in item.list" @click="btn_user($event)">{{name.name}}</div>我想要拿到{{name

2020-05-21 19:08:11

(转)Vue中使用 transition标签或transition-group标签以及第三方类实现动画

Vue的动画并没有非常炫酷的效果,不过也是有一些实用性的,在项目中有的地方使用,也是能够营造出不同的效果下面为大家列举两个简单实现动画的例子使用 <transition> 包裹<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script rel="script" s

2020-05-21 17:30:33

执行npm install XXX报错:npm ERR! code EINTEGRITY

在运行npm install swiper --save-dev的时候报错了我的是npm版本问题,需要更新至最新版本:npm install -g npm之后再运行npm install swiper --save-dev就成功了

2020-05-20 21:58:39

(转)Vue微信授权登录前后端分离较为优雅的解决方案

这两天给之前做的移动端商城加了一个登录页面,头脑一热寻思整个微信登录吧,去官网文档看了一圈,这是在说什么?一度怀疑人生,不得不承认我就是个菜鸡。找了好久找的这个分享给大家,个人感觉讲的同清楚的,但是单独一个前端实现不了这个功能,希望以后在公司更接触到这个试着做一下试试吧——————————原文分割线————————————————————微信授权登录是一个非常常见的场景,利用微信授权登录,我们可以很容易获取用户的一些信息,通过用户对公众号的唯一openid从而建立数据库绑定用户身份.微信授权登录的机

2020-05-20 15:36:23

(转)Uniapp官方教程找不到uListMedia代码块的解决办法

原文链接:https://blog.csdn.net/zhengzizhi/article/details/105020140如何在HBuilderX开发工具中实现自定义生成代码块的功能因为uListMedia不是内置组件,所以在你敲ulistmedia时看不到uListMedia的提示信息在学习uni-app官网视频教程中,可能作者是因录播时间有限,没时间展开说明uListMedia代码块是如何自定义的,这给所有入门的学习uni-app开发的人带来了困扰,特写此文,希望在你刚入门的这一刻能帮到你

2020-05-12 19:40:16

Vue响应式原理Object.defineProperty这样理解(二)

输入框内输入外面内容有人修改控制台修改message内容<div id="app"> <input type="text" v-model="message"> {{message}}</div><script> const app = new Vue({ el:'#app', ...

2020-05-05 21:44:05

Vue响应式原理Object.defineProperty这样理解(一)

<div id="app"> {{message}} {{message}} {{message}}</div><script src="js/vue.js"></script><script> const app = new Vue({ el:'#app', data...

2020-05-05 13:25:24

查看更多

勋章 我的勋章
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 新人勋章
    新人勋章
    用户发布第一条blink获赞超过3个即可获得
  • 阅读者勋章Lv2
    阅读者勋章Lv2
    授予在CSDN APP累计阅读博文达到7天的你,是你的坚持与努力,使你超越了昨天的自己。
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv4
    勤写标兵Lv4
    授予每个自然周发布9篇以上(包括9篇)原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。