如何进行动画封装,让动画变的可复用,看下面代码 .fade-enter,.fade-leave-to{ opacity: 0; } .fade-enter-active, .fade-leave-active{ tran…
分类:vue.js教程
web 移动端 ios 浏览器中 animation 动画异常
关键字:animation,ios,移动端,异常解决问题的办法:页面dom加载完毕时延时给dom加上动画类名。即在vue的mounted钩子中用定时器延时100ms左右给需要动画的dom加上类名。 我们在写动画的时候常常…
vue中点击div之外区域实现div的隐藏
html部分: <template> <div class="box" @click="showSetting"> <div class="settingCon" @click="setti…
Vue.js学习笔记
Vue.js学习笔记 v-bind 绑定属性,代码: v-bind:href v-bind:src v-bind:class var app3 = new Vue({ el: '#app3', data: { targe…
axios基于常见业务场景的二次封装(更新)
时隔一年再次更新下根据vue项目下常见业务场景对axios的二次封装 功能实现:1.兼容ie浏览器避免缓存2.减少或更新重复请求3.接口域名使用环境变量4.全局loading状态5.可关闭的全局错误提醒6.可开启携带全局…
vue碎碎念
v-html、v-text、插值表达式 之间的区别 v-text 与 插值表达式 区别 1、v-text作为标签属性,{{}}作为标签内容2、安全性都非常高,自带防止XSS攻击3、对html标签/JS代码不渲染 v-ht…
2019年7-8月份前端面试题
记录我最近面试缺漏的知识点 css 1.bootstrap如何实现手机PC端自适应 媒体查询 2.flex布局 父容器:(记得常用属性) display:flex flex-direction: row | row-re…
抽空总结了下我的VUE入门
怎样入门Vue? 其实Vue的官方教程已经很详细了,而且还是中文版。在我看来已经是一个很详细的教程了。 前置要求 扎实的 JavaScript / HTML / CSS 基本功。 Vue基础 刚开始学习的话不要用任何构建…
Vue-Router基础学习笔记
1、安装vue-router npm install vue-router yarn add vue-router 2、引入注册vue-router import Vue from 'vue' import VueRou…
第十二课时:渲染函数和JSX快速掌握
1. render函数 (1)渲染Html render: h=>('div', [ h('span', '111') ]) render: h => h('div', [ h('ul', { on: { '…
Nginx 支持单域名多 Vue 服务配置备忘
最近开发时,遇到需要使用同一域名承载多个前端项目的场景,具体需求如下: /v2 访问新版本前端项目 /api 访问后端 Spring Boot 接口服务 / 访问默认前端项目 1. Nginx 配置内容 server {…
Vue+Express+mysql(mongodb)+Vue全家桶架构
项目目录: tips:序号对应代码参考 |-- build |-- config |-- server //express 后端 |-- api //接受请求的API |-- data //如果用的mongodb可以存放…