北极星丶超帅的-CSDN博客

原创【讨论】Echarts和vue-echarts相比，我更倾向直接用Echarts

之前也是遇到要用Echarts，当时不知道有vue-echarts，所以先用了Echarts，后来才知道，这次又有页面画图标，便仔细的衡量下用哪个更好，总结下各自的优缺点，大家有想法也可以说一说分析vue-echarts：是不用配置，直接传数据就ok的，如果要配置的话就参考echarts的文档；echarts：每使用一个配置一个，当然如果都是一样的样式你也可以自己封装二次组件虽然吧，这么看来是vue-echarts使用更简便，但我觉得其实设计稿的样式都没有跟vue-echarts一模一样.

2021-03-31 09:23:04 2979

原创【日常记录bug】 uni.canvasToTempFilePath 不进入回调的问题（大雾）

想弄个生成海报的功能，于是用到了这个方法，结果不执行，有没成功又没失败，足足找了一下午，后来我查看了下元素，虽然设置canvas宽高100%，实际上高度是0，我就猜测是不是这个导致的，果然，设置了具体高度就执行了，汗原本<view><canvas style="height: 100%; width: 100%; backgroundColor: #FFFFFF;" canvas-id="calendarCanvas"></canvas></view&.

2020-06-19 11:09:16 4384 5

原创【uni-app】H5以及真机（android& ios解决上传图片旋转90度的问题）

又更新了下，难搞，苹果手机有些版本会旋转有些版本不会，所以还要区别下，目前只知道最新版的不会旋转，就单独处理下，目前没有打包成苹果app，所以在苹果包上有没有问题还不确定卡了将近两天才解决完，真是头大，根据网上的方法也是卡了好久，所以又特地整理了下h5是通过拿到旋转的值，重新用canvas画图，所以在页面需要加入canvas 元素，其中用v-if的原因，是重复上传的话之前画的不会清空掉，所以用v-if来清空。还有canvas要设置height: 100vh;width: 100vw; 才可以.

2020-06-19 11:07:27 2438 2

原创【前端之日常工作】vue组件之间使用provide/inject数据传递或实现双向数据绑定v-model

>如果子组件下面调用子组件，可以用provide/inject来传递数据，像element中的form表单便是使用了这个。provider/inject：简单的来说就是在父组件中通过provider来提供变量，然后在子组件中通过inject来注入变量。```//el-form 组件中使用 ... props: { model: { type: Object },...

2020-04-29 16:28:05 1095

原创【VUE】前端vuedraggable实现拖拽功能，以及vuedraggable和awe-dnd区别

>因为马上要做一个拖拽排序的功能，便先来了解下拖拽框架的使用，网上一搜就可以看到有[vuedraggable](https://www.npmjs.com/package/vuedraggable)和 [awe-dnd](https://github.com/hilongjw/vue-dragging)。这两个是一个东西，不同的是，两个库的里面不同，一个是直接进行组件封装，一个是进行指令封装...

2020-04-29 16:13:47 1975

原创【VUE】vue+html2canvas实现生成海报功能

>整理之前用的一些插件地址传送门：[html2canvas](https://github.com/niklasvh/html2canvas)主要的原理就是把要生成海报的地方，截图然后显示```<template><div class="player-bottom-panel">  <...

2020-04-29 16:13:11 1454

原创【前端之日常工作】常使用的自定义指令集合

>指令有：只能输入正整数指令、只能输入数字和两位小数点指令、按钮权限指令、触摸事件指令、全局loading指令```/*** 自定义指令*/import Vue from 'vue'import * as storage from '@/utils/storage'/*==================|-- * 只能输入正整数指令 * start --|==...

2020-04-29 16:12:35 352

原创【骚操作】本地html解决跨域问题

>因为就一个页面，所以使用原生html页面，没有用框架，但用惯了vue，当原生html出现跨域问题时候一脸懵逼，这时候想起大学学的东西可以搭建IIS服务器呀（看来大学学的还是有点用），于是便把本地文件放在本地服务器上，然后使用[whistle](https://www.jianshu.com/p/f700277faf7c)进行代理，最后访问http://47.112.124.234:7003...

2020-04-29 16:10:37 1997

原创【whistle】强大的web调试代理工具

来来来，看这里，告诉大家一个调试代码超好用的工具，以前每次改代码都要上到测服或正服才能看到效果，这导致开发的时间被拉长且不方便。最近公司有个大神总是会抽时间传授我们知识，这个调试代理工具就是他安利给我们的。超开心的，改Bug再也不怕麻烦了，一些不知道还能这么操作的人可以看看，这样就可以节省时间，早点下班啦~~~，whistle 使用实践whistle#安装 npm i -g whi...

2019-01-05 10:59:09 812 3

原创【钉钉】内嵌H5微应用之头部右侧导航设置

最近在做内嵌钉钉的H5微应用时，发现钉钉的导航栏很霸道，当你设置一个页面的导航栏右侧按钮时，当你切换别的页面也会附带上个页面的设置按钮只设置一个页面头部右侧导航栏导致的结果，如下图：刚进入页面切换到日志页面再返回到首页这导致你需要每个页面设置下右侧导航栏的按钮，但有写页面你需要它原本的更多分享按钮和功能，翻钉钉文档，没有默认设置，只有一个设置的方法，查看钉钉开发...

2019-01-05 10:58:31 4826

原创【VUE】图片预览放大缩小插件

在看项目时，突然看到预览图片的弹窗，感觉好僵硬，不能放大，不能切换，于是便在网上找下关于图片预览的插件，有找到三个插件，具体的优劣势的看自己的使用吧，我目前只是在电脑查看效果，分别是viewerjs插件、基于photoswipe的vue-photo-preview插件以及vue-picture-preview插件第一种：viewerjs使用介绍viewerjs插件截图1、先安装...

2019-01-05 10:57:42 2981 1

原创【VUE】vue+Verify实现防刷验证码验证

因为公司要做防刷，所以要验证码功能，于是又在网上找，看了一圈都是需要收费的，最后同事找了一个纯前端的开源，免费的验证码插件Verify，Verify的github地址:https://github.com/Hibear/verify，但是毕竟不需要后端配合，对安全性要求不高的可以安利一下验证码效果图验证码图片Verify使用Verify的资源包下载，注意使用时还要引入下载...

2018-10-11 17:16:03 7612

原创【VUE】vue+vue-cropper实现上传剪裁图片

第一次做上传剪裁图片，找了许多框架，最后找到一个优雅的图片裁剪插件vue-cropper,很方便新手入手安装npm install vue-cropper使用import VueCropper from vue-cropperimport axios from 'axios'const host = 'xxx';//预上传export function uploa...

2018-07-03 15:46:00 6094 2

原创 app混合开发之微信分享设置

在app内混合开发中，分享页面是必不可少的，但是分享到微信时二次分享就会没有分享的设置，这时候就需要自己配置微信二次分享，使用说明请查看微信JS-SDK说明文档//API.jsimport axios from 'axios'export function getWeixinJsSdkConfig(apis = []) { let location_href = encodeURICo...

2018-07-03 11:55:24 2521

原创 app混合开发之添加调试控制台vconsole

当内嵌在app内的h5页面出现错误时，无法像在电脑一样按f12调试，查看报错信息，这时候就可以用上vconsole简单的用法是：下载 vConsole 的最新版本或者使用 npm 安装：npm install vconsole/*index.html */ <script src="static/vcon...

2018-07-02 14:26:08 5851

Ercyao的博客