2019年06月_Angular baby

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 Angular：解决项目打包发布后，前端静态图片在测试环境无法显示的问题

今天前端页面的一些静态图片显示出现了一些问题，之前我让图片在测试环境显示的方法都是直接在Xshell上将本地图片直接上传到服务器，参考我之前的blog：https://blog.csdn.net/qq_36451496/article/details/91798366今天后端小哥说，实际上前端的一些静态图是可以直接打包发布的，不用预先存到服务器上，所以就把服务器中存图片的assets文件夹备份...

2019-06-27 16:24:08 5141

原创 Vue：动态组件 & 异步组件

一、在动态组件上使用keep-alive:我们之前曾经在一个多标签的界面中使用is特性来切换不同的组件：<component v-bind:is="currentTabComponent"></component>当在这些组件之间切换的时候，你有时会想保持这些组件的状态，以避免反复重渲染导致的性能问题。有时候重新创建动态组件的行为是非常有用的，但是在有些案...

2019-06-24 16:42:47 1283

原创使用XShell向服务器上传本地图片完整步骤解析

首先输入账号密码，登录XShell，然后点击菜单栏“新建按钮”：弹出新建对话属性窗口，在窗口中输入会话名称和主机名，其中会话名称自己命名，主机名就填写连接的服务器的名称，比如我这里填写的是10.90.1.189：新建连接完成后，我们可以通过命令进入要上传图片的服务器中的目录，比如使用命令 cd /data/file:然后点击“新建文件传输”按钮开始向服务器的此目录上传本地图片...

2019-06-13 10:16:35 2063 1

原创 Vue：v-on、v-bind、v-model用法

1、v-on：用于绑定HTML事件：一般v-on:click 可以缩写为 @click，其中@代表v-on:示例：例如我们在HTML的body中加入一个绑定了事件的button<div id="app"> <button v-on:click="onClick">点击这里</button></div>在js的methods中...

2019-06-04 11:33:50 5010

原创 Vue：Prop验证的使用

在Vue中，我们可以为组件的 prop 指定验证要求，例如你知道的这些类型。如果有一个需求没有被满足，则 Vue 会在浏览器控制台中警告你。这在开发一个会被别人用到的组件时尤其有帮助。为了定制 prop 的验证方式，你可以为props中的值提供一个带有验证需求的对象，例如下面的示例：<template> <div style="margin-top:100px"...

2019-06-03 11:33:01 5178