
Vue.js
Walter Sun
我小时候的理想是做一名科学家,用梦想改变世界。资深匠心码农 阿里扫地僧 Java天花板 IT极客 篮球梦 绘画乐器
展开
-
前后端分离项目,mvn打包自动打包前端文件至指定目录,依赖配置maven插件
插件配置插件1<plugin> <groupId>com.github.eirslett</groupId> <artifactId>frontend-maven-plugin</artifactId> <version>1.9.1</version> <configuration> <nodeVersion>v10.16.0</nodeVer原创 2020-06-16 11:39:52 · 1077 阅读 · 0 评论 -
从浏览器内部运行机制看性能优化
了解浏览器背后的运行机制了解浏览器背后的运行机制就是了解浏览器的内核,现在市面上主流浏览器的内核名称分别如下:chrome: blink内核Opera: blink内核Safari: webkit内核FireFox: Gecko内核IE: Trident内核** 注:blink内核其实是基于webkit内核衍生出的一个新分支 **获取到的HTML/CSS/JS资源经过浏览器内核...原创 2020-03-22 20:43:00 · 222 阅读 · 0 评论 -
vue,js身份正号校验规则实现
二代身份证校验(不包含15位,18位校验) /** * 身份证规则校验 * @param val * @returns {boolean} */ checkID: function (val) { if (this.checkCode(val)) { ...原创 2019-12-03 20:22:54 · 698 阅读 · 0 评论 -
Vue.js——vue-router路由,关于exact-active-class 和 active-class 的区别
exact-active-class 和 active-class 的区别router-link 默认情况下的路由是模糊匹配,例如当前路径是 /article/1 那么也会激活 ,所以当设置 exact-active-class 以后,这个 router-link 只有在当前路由被全包含匹配时才会被激活 exact-active-class 中的 class。当用户访问 /article/1...原创 2019-03-25 00:34:51 · 1065 阅读 · 0 评论 -
Vue.js——v-if控制显示控件等
vue的v-if控制显示显示“supreme”<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue test</title><script src="https://cdn.staticfile.org/vue/2.2.原创 2019-03-13 15:57:15 · 1879 阅读 · 0 评论 -
Vue.js——路由router-link
html代码<!-- 使用 router-link 组件来导航. --><!-- 通过传入 `to` 属性指定链接. --><!-- <router-link> 默认会被渲染成一个 `<a>` 标签 --><router-link to="/foo">Go to Foo</router-link><...原创 2019-03-25 00:44:03 · 413 阅读 · 0 评论 -
Vue.js——通过监听(setItem)缓存,实现页面刷新
问题需求嵌入其他系统页面,页面关闭后需刷新原页面实现思路在链接处监听嵌入页面是否有返回数据(或者消息等),在监听中设置缓存,在需刷新的原页面监听缓存中对应内容,进行刷新操作。监听操作均在Vue.js的mounted生命周期中进行附上Vue.js代码监听嵌入页面返回的数据信息,并在缓存中设置reloadYymmounted:function (){ window.addEv...原创 2019-04-18 12:27:14 · 2113 阅读 · 0 评论 -
Vue.js——目录结构详解(即npm run build后),spring boot+thymeleaf+vue整合
目录结构解释基于 vue.js 的前端开发环境,用于前后端分离后的单页应用开发,可以在开发时使用 ES Next、scss 等最新语言特性。项目包含:基础库: vue.js、vue-router、vuex、whatwg-fetch编译/打包工具:webpack、babel、node-sass单元测试工具:karma、mocha、sinon-chai本地服务器:express├── ...原创 2019-06-22 20:41:45 · 2051 阅读 · 1 评论