ajizai1928-CSDN博客

转载 vue 项目通过vue指令添加水印

在vue项目中通过自定义指令，使用canvas特性生成base64格式的图片文件，并将其设置为背景图片，从而实现页面或组件局部水印效果1、新建directives.jsimport Vue from 'vue'Vue.directive('watermark',(el,binding)=>{ function addWaterMarker(str,pa...

2019-08-29 17:39:00 2127

转载 js 事件发布订阅销毁

在vue中通过$on订阅事件，通过$emit触发事件以此可用来事件跨组件传值等功能，但是有个弊端就是通过这种方式订阅的事件可能会触发多次。特别是通过$on订阅的事件中如果有http请求，将会造成触发一次会发出很多同样的http请求，造成资源浪费。因此对事件机制做出一下改造，保证同一个事件触发一次，订阅的事件只执行一次代码如下：class Event{ h...

2019-08-19 17:55:00 314

转载 vue 异步加载远程组件（支持编译less语法）

本代码已组件化，可以直接使用。说明：本组件可以直接解析.vue文件，为了支持less语法解析，在组件中引入less.js，可在less官网下载。组件代码<template> <div class="remote"> <component :is="currentView" v-bind="$props"/> ...

2018-10-26 19:21:00 649

转载原生js实现分页功能

原生就是实现分页功能代码如下：var pagination = function(option,fun){ this.parentId = option.id; //容器 this.pageSize = option.pageSize || 1; //每页显示多少条...

2018-10-23 16:51:00 737

转载 webpack4 前端框架基础配置实例-解决css分离图片路径问题

1.安装nodejs2. 需要全局和项目安装webpack和webpack-dev-servernpm install webpack webpack-dev-server -gnpm install webpack webpack-dev-server --save-dev本框架的功能如下：　　1、babel babel-folyfill 处理js　　2...

2018-10-23 16:02:00 194

转载 Vue cli2.0 项目中使用Monaco Editor编辑器

monaco-editor 是微软出的一条开源web在线编辑器支持多种语言，代码高亮，代码提示等功能，与Visual Studio Code 功能几乎相同。在项目中可能会用带代码编辑功能，或者展示代码。对于习惯使用vsCode的开发者来说使用monaco-editor是非常不错的选择。安装依赖cnpm install mon...

2018-09-17 17:19:00 934

转载 Vue相关开源项目库汇总

Vue相关开源项目库汇总：原文请查看（有更新）：github地址：https://github.com/opendigg/awesome-github-vueUI组件开发框架实用库服务端辅助工具应用实例Demo示例element★9395 - 饿了么出品的Vue2的web UI工具套件Vux★6835 - 基于Vue和WeUI的组件库...

2018-09-14 09:55:00 243

转载 git常用配置

Git 配置1、生成密钥执行：ssh-keygen -t rsa -b 4096 -C "[email protected]"生成钥的时候需要输入密码，这里默认写12345，后面clone代码的时候需要用到。执行结果如下所示：生成的密钥目录如下：2、把公钥上传到服务器　　用文本文件打开id_rsa.pub，复制...

2018-09-06 17:02:00 123

转载常用正则表达式

1、匹配中文：[\u4e00-\u9fa5]2、英文字母：[a-zA-Z]3、数字：[0-9]4、匹配中文，英文字母和数字及下划线：^[\u4e00-\u9fa5_a-zA-Z0-9]+$5、匹配中英文字母数字下划线及输入长度：[\u4e00-\u9fa5_a-zA-Z0-9_]{4,10}6、只含有汉字数字字母下划线下划线位置不限：^[a-zA-Z0-9_\u4e00-\u9fa5]+...

2018-09-06 16:45:00 85

转载 vue 使用gojs绘制简单的流程图

在vue项目中需要展示工作流进度,可以使用的流程图插件很多flowchart.js http://adrai.github.io/flowchart.js/, 基于SVG创建Flow Chartgo.jshttp://www.gojs.net/latest/index.html go.js 提供一整套的JS工具，支持各种交互式图表的创建。有免费版和收费版...

2018-09-06 11:40:00 1983

ajizai1928的博客