作者声明:本博客中所写的文章,都是博主自学过程的笔记,参考了很多的学习资料,学习资料和笔记会注明出处,所有的内容都以交流学习为主。有不正确的地方,欢迎批评指正视频来源:https://www.bilibili.com/video/av26120021/?p=1 Node入门教程(1)目录 https://www.jianshu.com/p/f04a02d9e58bNode入门教程(2)第一章:NodeJS 概述 https://www.jianshu.com/p/89edd54de5c0 Node入门...
目录本记录仅针对于 vue-cli4.x 使用 scss 全局变量设置使用确定依赖包相关配置使用本记录仅针对于 vue-cli4.x 使用 scss 全局变量设置使用在网上也找了很多版本的方法,尝试后都不可行。由于我使用的是 vue-cli4.x 脚手架搭建的项目,在网上也找到一个解决方案,特此记录。确定依赖包先在 package.json 文件中确定是否集成了 sass 相关的包 node-sass 和 sass-loader. 若没集成,需要先进行相关安装。npm install node-sassnpm in...
1、创建SecurityUser类,需要实现UserDetails接口import lombok.Data; import lombok.EqualsAndHashCode; import org.springframework.security.core.GrantedAuthority; import org.springframework.security.core.userdetails.UserDetails;import java.io.Serializable; import java.util.Collection; import java.util.Date;/**** 封装登陆用户的信息*/ @Data public class SecurityUser implements UserDetails {private String...
vue 动画的 vue 把一个完整的动画,拆分了两个部分,一个是入场动画磨合出厂动画;入场动画中,包含;两个时间点,分别是进入之前(v-enter) ,进入之后(v-enter-to);v-enter 表示,动画入场之前的起始状态,比如,透明度为0,横向偏移量为50px;v-enter-to 表示,动画入场完成孩子后的终止状态,比如:透明度为1, 横向偏移为0px;v-enter-ative 表示入场动画的时间段,在这里。可以规定动画的时间长们还有一些相关的动画效果ea...
vue init webpack +项目名称 //建立项目npm install @jiaminghi/data-view //引入datavmain.js中 // 将自动注册所有组件为全局组件 import dataV from ‘@jiaminghi/data-view‘ Vue.use(dataV)npm install --save axios vue-axios //引入axiosmain.js中 import axios from ‘axios import VueAxios from ‘vue-axios Vue.prototype.$axios = axio Vue.use(VueAx...
1、相对路径引入(src下的assets文件夹)当你在 JavaScript、CSS 或 *.vue 文件中使用相对路径 (必须以 . 开头) 引用一个静态资源时,该资源将会被包含进入 webpack 的依赖图中。在其编译过程中,所有诸如 <img src="...">、background: url(...) 和 CSS @import 的资源 URL 都会被解析为一个模块依赖。例如,url(./image.png) 会被翻译为 require(‘./image.png‘),而:<img src="./image.png">将会被编译到:h(‘img‘, { attrs...
父组件的编写<a:orgCode=orgCode ></a> 在data里面增加orgCode。data() {return {orgCode: ‘037‘,},}; }, 子组件编写子组件通过prop接收props: {orgCode: {type: String,default: null,}, }, 子组件使用子组件可以通过this.orgCode进行使用。原文:https://www.cnblogs.com/jichi/p/13405976.html
index.html<!DOCTYPE html><!-- saved from url=(0026)https://www.jingjibao.com/ --><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><metaname="viewport"content="width=device-width, initial-scale=1.0, user-scalable=no"/><style>html,body {width: 100%;}</style></head><body><div id="app"><div>{{person.name}} --- {{perso...
app.title = ‘环形图‘;option = {tooltip: {trigger: ‘item‘,formatter: "{a} <br/>{b}: {c} ({d}%)"},legend: {orient: ‘vertical‘,x: ‘left‘,data:[‘直接访问‘,‘邮件营销‘,‘联盟广告‘,‘视频广告‘,‘搜索引擎‘]},series: [{name:‘访问来源‘,type:‘pie‘,radius: [‘50%‘, ‘70%‘],avoidLabelOverlap: false,label: {normal: {show: false,position: ‘center‘},emphasis: {show: true,textStyle: {fontSiz...
1、切换路由时根路由一直处于被激活状态 解决办法: 加exact属性 <router-link to="/home" exact>首页</router-link> 如果需要进去首页默认选中home,需要配置路由重定向{path: ‘/‘,redirect: ‘/home‘ }2、改变了vuex里面的数据以后视图没有及时更新 解决办法:如果这个数据是需要{{}}在行内渲染的,不要存储在data的一个变量中进行使用,应该这么写<dt>{{this.$store.state.homedataStore.cityinfo.name}}·初中 <i>基...
1、加上 show-overflow-tooltip="true" 效果 2、使用<el-tooltip> (element-ui) 效果 原文:https://www.cnblogs.com/kiko2014551511/p/11870845.html
安装成功的vue-cli运行不出结果解决方法1,检查自己是不是修改了默认prefix(全局)和cache(缓存), 默认的npm下载文件在C:\Users\Administrator\AppData\Roaming\npm,如果修改了npm下载的地址,则需要注意: 安装在nodejs下的步骤:(注意不需要单独新建node_global)新建node_cache用老存放下载包的缓存C:\Program Files\nodejs\node_cache运行 npm config set cache "C:\Program Files\nodejs\node_cache" 设置缓存文件夹设置...
方法一:$emit / props父组件通过props的方式向子组件传递,子组件通过$emit触发父组件中v-on绑定的自定义事件<!--父组件--> <template><div><Child :message="message" @customEvent="customEvent"/></div> </template> <script> export default {components:{Child},data(){return {message:'来自父组件的问候'}},methods:{customEvent(value){//执行子组件触发的事件console.log(value)}} } </script> <!-----------------------...
出版时间:2016下载地址:百度网盘内容简介:Learn Vue.js from scratch.This book will guide you through the path of the rapidly spreading Javascript Framework Vue.js!By the end of this book you will be able to create fast front end applications and increase the performance of your existing projects with Vue.js integration.The book will be constantly updated to keep up with Vue.js changes and new chap...
通常的VUE项目,是前后端分离的项目。那么如何在现有的JSP项目中集成VUE呢?1.在JSP中引入elementUI和引入其他UI框架的方式一样在<script></script>中引入js,在<link/>中引入css示例:<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/elementUI/element.css" /> <!--注意引入顺序,element依赖于vue,首先引入vue--> <script type="text/javascript" src="${pageContext.request.contextPath}/el...