管小贱-优快云博客

原创 Canvas学习之画图

之前项目有做过前端截图工具，利用的是html2canvas完成截图开发，就想自己完成一些截图工具中的画画。入门canvas学习，就边学习边记录，用的还是vue框架，有直线，框，圆，箭头，画线，撤销，清空等等。“箭头”是网上copy过来的。。其他就较为简单。还是直接贴代码吧vue-template<template> <div class="canvasCurve"> <canvas id="canvasCurve" :width

2021-12-17 14:51:20 372

原创 electron与remote（获取不到remote）

项目场景：electron改变窗口大小问题描述：const remote = window.require('electron').remote// remote is undefined在外部引入的js中获取不到remote, 在main.js中也获取不到remote模块原因分析：可能是版本的问题，现在用的是10.0.0版本解决方案：在main.js主程序中win = new BrowserWindow({ webPreferences: {

2020-09-11 09:59:16 4198 4

原创小程序开发（request封装，filter自定义）

1、封装requestimport {baseUrl} from '../config/env'const fetch = function (method, url, data, header) { return new Promise((resolve, reject) => { let token = null try{ token = wx.g...

2019-12-02 16:40:35 362

原创 vue移动端长按事件（ios移动端echarts长按出现空白）

main.js自定义指令Vue.directive('longtouch', function (el, binding) { let oDiv = el let x = 0 let y = 0 let z = 0 let timer = null oDiv.addEventListener('touchstart', function (e) { if ...

2019-05-23 17:46:23 1177

原创 vue async/await解决异步

当一个方法中有多个异步方法，可以通过async/await变为同步，执行完上一个异步，才继续执行接下来的代码。例：多个子组件中有promise构造函数子组件1 SubmitForm() { let p = new Promise(function(resolve, reject){ // promise this.$refs['For...

2019-05-23 15:01:09 2602

原创 vue简单组件封装

组件封装用于多个类似的样式或功能，直接封装组件减少代码重复率，提高维护效率例如一个面板panel：效果图：（手机端）vue创建一个panel.vue<template> <div class="panel"> <div class="panel-wrapper"> <div class="panel...

2019-02-28 10:53:58 1624

原创 JS常用自定义函数(vue)和方法

1、获取时间转化2018-12-13 12:29:20//可以全局定义一个timestamp函数，直接filters过滤函数使用 timestamp (time) { // let time = new Date() let years = time.getFullYear() let month = this.addZero(ti...

2018-12-13 14:21:47 912

原创 vue父子，兄弟组件传值

一、父子组件通讯子组件给父组件传值1、子组件页面 childA<template> <div class="childA"> <div> 这里是子组件childA的页面显示内容 </div> <div @click="clickMe"> 定义一个点击方法叫click

2018-08-21 16:38:58 1935

原创 vux教程

一、vue安装（node.js）1、安装node.js https://nodejs.org/en/下载安装2、安装淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org检查方式 cnpm -V 出现版本号3、安装webpacknpm install webpack -g检查方式 webpack -V4、安装脚手架n...

2018-01-18 13:35:11 14079 16

weixin_41646815的博客