分类:

前端劝退术

前端开发是创建WEB页面或APP等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互。

JS中Map的用法

JS中Map的用法

声明 var map = new Map();设值map.set("key","value");取值map.get("key");判断key是否存在map.has("key"); 删除keymap.delete("key");

2020年09月07日 210 0
Vue项目 判断设备是移动端还是pc端

Vue项目 判断设备是移动端还是pc端

经常在项目中会有支持 pc 与手机端需求。并且pc与手机端是两个不一样的页面。这时就要求判断设置,根据不同的设置跳转不同的路由。直接上代码//在 router/index.js 中有两个页面。 export default new Router({ mode: 'history', routes: [ { path: '', redirect: '/pc_i

2020年08月26日 190 0
js获取当前年月日

js获取当前年月日

var date = new Date();date .getYear(); //获取当前年份(2位)date .getFullYear(); //获取完整的年份(4位)date .getMonth(); //获取当前月份(0-11,0代表1月)date .getDate(); //获取当前日(1-31)date .getDay(); //获取当前星期X(0-6,0代表星期天)date .getT

2020年08月26日 187 0
Vue子组件调用父组件的方法

Vue子组件调用父组件的方法

Vue中子组件调用父组件的方法,这里有三种方法提供参考 第一种方法是直接在子组件中通过this.$parent.event来调用父组件的方法父组件<template> <div> <child></child> </div> </template> <script> import ch

2020年08月19日 163 0
【vue-amap】vue中使用高德地图

【vue-amap】vue中使用高德地图

1、安装cnpm install vue-amap --save2、main.js中引入import VueAMap from 'vue-amap' Vue.use(VueAMap) VueAMap.initAMapApiLoader({ key: '3ebdb3c7a684a4e64f39ddd306056522', plugin: ['AMap.Scale', 'AMap.OverVi

2020年07月26日 248 0
【Puzzle】基于 Vue 和 Webpack4 的可插拔式微前端架构

【Puzzle】基于 Vue 和 Webpack4 的可插拔式微前端架构

基于 Vue 和 Webpack4 的可插拔式微前端架构 - Puzzle演示环境:PuzzleDemo什么是 PuzzlePuzzle 是基于 Vue 和 Webpack4 实现的一种项目结构;业务模块可以像拼图一样与架构模块组合,形成不同的系统,而这一切都是可以在生产环境热插拔的;这意味着你可以随时向你的系统添加新的功能模块,甚至改版整个系统,而不需要替换掉整个项目。此外当多个项目使用此架构开

2020年03月17日 291 0
【vue-json-excel】vue导出excel插件

【vue-json-excel】vue导出excel插件

下面开始讲第一种vue-json-excelnpm安装依赖包npm install vue-json-excel项目入口文件引进注册并且使用import Vue from 'vue' import JsonExcel from 'vue-json-excel' Vue.component('downloadExcel', JsonExcel) 在页面中使用<download-ex

2020年03月17日 280 0
前后端分离(7)—Vuex实战用法

前后端分离(7)—Vuex实战用法

只要掌握这一个方法就可以解决大部分的问题。弄明白什么是vuex,我封装了一个简单的input组件,方法如下:在views目录下创建一个vue组件plugin.vue内容如下图<template> <a-input v-model="this.$store.state.count"/></template>v-model我绑定了一个全局变量,就是vuex的读取方

2019年08月06日 151 0
前后端分离(6)—什么情况下我应该使用 Vuex?

前后端分离(6)—什么情况下我应该使用 Vuex?

如果您不打算开发大型单页应用,使用 Vuex 可能是繁琐冗余的。确实是如此——如果您的应用够简单,您最好不要使用 Vuex。一个简单的 store 模式就足够您所需了。但是,如果您需要构建一个中大型单页应用,您很可能会考虑如何更好地在组件外部管理状态,Vuex 将会成为自然而然的选择。Vuex总结:当有多个组件需要互相读取数据的时候,vuex可以提供一个全局变量,以供调用。

2019年08月05日 176 0
前后端分离(5)—路由详解和路由跳转方式

前后端分离(5)—路由详解和路由跳转方式

路由安装完成以后你会发现项目目录下面多了router.js和store.js 目前先只用到router.js,打开之后是基础的路由配置,下面详细讲解一下 先看第一部分,有path,name和component。 path:访问路径(访问的url,地址栏) name:命名路由(暂时用不到 保持和path的英文一样,不要带斜杠) component:页面路径(就是你要展示的页面的详细地址) 所以

2019年08月04日 160 0