SnowBeatRain的博客

之前写过一个关于vue的上传图的旋转处理。可以直接点击查看：使用vue进行移动端上传图场景：uniapp开发的h5项目，需要内嵌在app中运行，在项目首页有一块是自定义上传日历背景图，并且需要进行裁剪。最开始直接使用的插件市场的插件，但是由于webview的原因，该项目内嵌app后在ios上出现了无法解决的bug。故弃用了插件，并且由于需求调整目前只进行图片的上传旋转处理。（下面着重旋...

分享一个vant-ui的bug场景：在我自己手机上（iphone 6s 10.3.1）实现的下拉刷新无效，其他手机(包含6s)和电脑均可以，（脚手架使用的vuecli3.0 脚手架中vue的版本为：vue@2.6.10）处理结果：将vue@2.6.10改为@2.5.22解决官方issues：https://github.com/youzan/vant/issues/3015...

该文章作为本人学习笔记画了一个简要的百度脑图，可移步查看遇到的坑：省市区三级联动，二级联动，年月日三级联动，年月二级联动等picker组件的使用（统一建议使用mpvue-picker，可以保证所有样式统一和一定的兼容性。） mpvue-picker和下拉刷新的冲突（暂时未处理） 自定义顶部导航条和ios默认下拉刷新的冲突（设置下拉样式，改为circle）（官方建议使用原生导航条）...

先上效果图：图1 点击按钮生成图2 （个人分享海报分享，点击分享弹框显示）图3 点击按钮生成图4 （商品详情分享，点击分享替换掉页面内容）所需依赖包：qrcodejs2 html2canvas  (具体引入方式请自行点击查看，不做描述)  html2canvas 文档 下面直接上代码（针对图1 2）：HTML: 简单布局：左上角用户信息，右下角通过qrcode生成分享二...

成果预览：准备工作：请有针对性的查看以下文档：vue组件以及父子组件传值、mint-ui中的popup和picker。（本文不涉及，请自行查阅）省市区三级数据源：https://github.com/artiely/Administrative-divisions-of-China  (由于业务需要，我使用的公司统一数据，但格式不变)实现代码：在对应的文件目录下新建：add...

安装wx-sdk依赖包：npm install weixin-js-sdk在需要使用的页面进行引入sdk：import wx from 'weixin-js-sdk'引入 sha1.js  （文末放js源码文件）(网上查找的关于sha1的npm包种类繁多。导致编码生成的签名不能使用。此处直接在入口文件 index.html中引入)微信分享使用以上准备工作已经就绪...

使用input[type=file]进行移动端图片上传。 html<div class="header"> <img class="MeImg0" src="../assets/img/upload_pictures@2x.png" alt=""> <input type="f

BUG 复现： 由于了经常做微信项目，所以几乎每个项目都使用了该插件。但是最近的一个项目搭建的时候由于需要去监听路由并存储到本地。发现每次切换、刷新页面的时候都会出现加载三次的情况。在mainjs中打印了console.log如下图：监听路由，打印to.path，如图： bug处理： 既然出现了问题，那么怎么解决呢？首先百度、google了一下vue多次加载mai...

https://www.jianshu.com/p/011d308d7dd7 鲁大师666 关注2017.05.05 10:46* 字数 3121 阅读 31961评论 4喜欢 81

echarts官网传送门 vue-cli如何引入 详情点击查看：在 webpack 中使用 ECharts 通过按需引入官网实例中随便一个，比如：HTML代码：<div id="main" :style="{width: '1000px', height: '600px'}"></div>按需引入代码：// 引入 ECharts 主模块var e...

微信分享 总结（SPA/history模式）

前一个博客中关于后台管理的搭建使用了百度地图，这里简单记录一下如何使用前期准备：    如果使用v1.5之后的版本需要百度ak，需要本人去申请。地址传送门：http://lbsyun.baidu.com/apiconsole/key        登陆>控制台>创建应用搭建一个vue-cli；具体不在阐述。地图引入：首先在index.html 入口文件引入百度地图js。使用1.5以下不...

目录创建一个httpjsvue-cli引入：React 引入：创建一个httpjs根目录下创建一个httpjs，代码如下import axios from "axios";import qs from "qs";// react 中使用antd 此处自定义// import { message } from "antd";// vue中使用element-ui ...

问题：在使用element ui<el-date-picker v-model="form.leaveTime" type="datetime" placeholder="选择日期时间"></el-date-picker>的时候由于是表单提交，所以使用了rule规则验证。如下：rules: { leaveTime: [ { ...

废话不多说，直接上手。mpvue继承自vue.js，技术规范和语法特点与vue保持一致。该博客是建立在已经使用过vue-cli的基础上，且默认已经了解微信小程序的基本知识。（比如标签，内置组件等）准备：首先通过命令行创建项目：npm install --global vue-clivue init mpvue/mpvue-quickstart my-project接下来的步骤和vuecli一样，最...

项目简介： 所有数据都是本地json数据（后续如果有时间可以考虑弄一个easy-mock），因此一些功能无法完美展示，比如：分页，新增编辑，该项目目的是为了引导新手入门。如果你认为对你有帮助，可以去github上点个star，地址在文末...