kindCoder-CSDN博客

原创图片下载功能（base64）

兼容各个浏览器下载图片图片来源是线上地址图片来源是项目的静态资源图片来源是Blob类型思路：讲图片转为 base64 借用 a 标签的downloan 属性进行下载静态路径图片转为base64/** * 静态路径图片转为base64 * @param {*} imgUrl 图片路径 */ img2Base64:function(imgUrl){...

2019-07-04 11:30:51 2125

原创 JS 生成二维码

调用库文件https://static.runoob.com/assets/qrcode/qrcode.min.js菜鸟教程使用：https://www.runoob.com/w3cnote/javascript-qrcodejs-library.html页面上要有承载二维码的容器<div id="qrCode" class="qr-wrapper"&g...

2019-07-04 11:28:15 1148

原创关于文件下载的那点事

后端返回Blob形式的文件流前端接受文件流并下载前端需要做多浏览器的兼容if(response.headers['content-type'] == 'application/vnd.ms-excel;charset=utf-8'){ let type = response.headers['content-type']; let fileName = decod...

2019-07-04 11:26:48 258

原创小程序后台配置线下二维码

开发文档说明：https://developers.weixin.qq.com/miniprogram/introduction/qrcode.html如下图在小程序后台选择 ”开发“——>"开发者设置" 滑到最下面的 ”扫普通链接二维码打开小程序“点击添加注意：刚开始配置时会有校验文件需要下载校验文件放在配置的下程序目录的下面配置完成后即可在...

2019-07-04 11:20:10 3174

原创微信小程序发送模板消息（待付款提醒）

首先在公众平台开通模板消息从模板库中搜索选择自己需要的模板消息保存即可以到我的模板里看到对应模板ID 此ID要拿来做模板信息发放的依据开通好了可以点击详情看到模板的大致消息如下：后端实现请参照文档：https://developers.weixin.qq.com/miniprogram/dev/api-backend/templateMessage.send.html...

2019-07-04 11:18:06 4983

原创复制小程序页面路径给公众号文章使用

关于小程序获取页面路径需要在后台设置允许复制页面设置好可以复制页面路径的微信号以后微信号的主人可以在小程序里面右上角的更多里点击复制页面路径小程序获取的页面路径是微信对整个路径进行 encodeURIComponent 编码之后的结果，使用前应该先进行 decodeURIComponent 解码解码后在使用前记得去掉.html的后缀比如复制下来的结果是：pages/ho...

2019-07-04 11:06:42 3854

原创 devServer配置多个反向代理

接受请求的两个地址分别是：http://192.168.2.164:8000https://www.easy-mock.com/mock/5c20714a0fd1077df5e6e944/wwk例如登录请求地址分别为：http://192.168.2.164:8000/sys/op/basic/accountLoginhttps://www.easy-mock.com/mo...

2019-07-04 11:04:00 10814 1

原创 vue-cropper + ant-design-vue 实现裁剪图片并上传到服务器

需求：上传的图片要进行裁切或压缩到C端显示的格式与大小主要应用于PC端的后管涉及到新增过程与图片回显（修改）思路：点击上传，从本地选择图片文件选择文件夹后进入模态框（将选择的图片塞入模态框）模态框作为裁剪图片的容器进行裁剪获取裁剪后的结果并将裁剪后的图片对象返回给父组件父组件获取到裁剪后的图片文件进行上传成功后将图片回显修改过程：将后端数据回显到图...

2019-07-04 10:55:24 6894 2

原创 vue中通过script的形式使用外部库

如：index.html中：<script src="http://unpkg.com/vue/dist/vue.js"></script><script src="//webapi.amap.com/maps?v=1.3&key=e1dedc6bdd765d46693986ff7ff969f4">&

2018-12-05 16:05:51 8613

原创跨域——小记

跨域：由浏览器的同源策略引起的--------------------------------------------跨域的情况：协议不同（http/https）、域名不同、端口不同http：www.a.com https:www.a.comwww.a.com b.a.com(子域名)www.a.com wwww.b.comwww.a.com:8080 www...

2018-12-04 16:16:18 204

原创闭包 ——小记

特点：1.函数嵌套函数2.内部函数可以引用外部函数的参数和变量不会被垃圾回收机制回收好处： 1.希望一个变量长期驻扎在内存中2.避免全局变量的污染 3.私有成员的存在用法：1.模块化代码var aaa=(function(){ var a=1; return function(){ a++; alert(a); ...

2018-12-04 16:14:22 143

原创移动端小记

媒体查询设置root@media screen and (min-width: 320px) { html {font-size: 14px;}}利用JS动态设置!(function(doc, win) { var docEle = doc.documentElement, evt = "onorientationchange" in wind...

2018-12-04 16:08:22 211

原创 vue-router传参的几种方法

1.动态路径参数 http://localhost:8081/#/user/1 配置路由：const router = new VueRouter({ routes: [ // 动态路径参数以冒号开头 { path: '/user/:id', component: User } ]})router-link中使用<router-link ...

2018-12-04 15:47:07 390

原创 swagger使用javascript sdk

由后台开发人员导出.yaml文件在swagger edit里面File下导入在Generate Client目录里面下载javascript包解压并按照 readme文件通过npm 进行本地打包并npm link 映射到相应的项目（需要使用管理员权限打包）打包成功后正常情况在在安装node的目录里面的node_module里面可以看到这个包本机地址为：C:\Progr...

2018-12-04 15:41:21 857 1

原创 axios——post传参

要传递的参数是： username:'admin' password:'111111'方法一： var params = new URLSearchParams(); params.append('username', username); params.append('password', password); this.$axios({...

2018-09-28 11:24:03 3320

原创 ajax——发送不同格式的请求数据

1.上传formData格式数据var params = new FormData();params.append("id", "1");params.append("name", "cd");$.ajax({ url: "xxx", type: "POST", data: params, processData: false, contentType: f

2018-09-28 11:20:12 2243

原创 VUE——小提示

通过ref获取DOM在DOM上绑定：ref="demo"方法里可通过this.refs.demo获取该DOMnextTickthis.$nextTick(()=>{////拿到数据后DOM更新 this._initScroll();})$nextTick 想要计算一些跟DOM相关的东西时一定要保证DOM已经更新了...

2018-09-28 11:17:21 381

原创关于bootstrap简单记录

bootstrap模板为使IE6、7、8版本（IE9以下版本）浏览器兼容html5新增的标签，引入下面代码文件即可。 <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>同理为使IE6、7、8版本浏览器兼容css3样式，引入下面代码：<scr...

2018-09-28 11:15:22 186

原创 VUE——本地mock数据并请求

在src统计目录下新建data.json文件{ "clock":{ "normal":{ "rule":[ { "id":1, "onWorkTime":"09:00", "afterWorkTime":"12:00" },

2018-09-28 11:08:36 2721

原创 VUE——在配置文件config/index.js中配置统一请求接口

在配置文件config/index.js找到 module.exports={ dev：{ proxyTable:{} } }更改为： proxyTable:{ "/api": { target: "http://218.78.187.216/api/v1", //...

2018-09-28 11:06:33 13998 1

原创 VUE——全局变量模块或全局方法挂载到Vue.prototype里使用

比如登录后返回token，将token存入cookie，其他页面或请求的时候需要判断有没有cookie，请求的时候需要带上cookie，没有则返回登录。这样一来多个页面位置上需要去拿cookie，需要封装函数方法，并导入。如多将此方法挂载到Vue.prototype上，则其他地方只需要：this.挂载的名称即可使用这样一来，很多需要多次重复使用的全局函数都可以挂载，以便其他地方使用，以...

2018-09-28 11:06:14 28686

原创 cordova学习3——模拟器运行+拍照+定位

模拟器运行：打开android studio 点击Tools——>Android——>AVD Manage——>点击三角符号启动若没有新建过Virtual Device,请先进行新建，配置自己需要的各种配置具体请参照：https://developer.android.google.cn/studio/run/emulator ...

2018-07-24 17:34:44 1914

原创 flex——弹性布局的简单记录

display: flex; //让某个元素弹性布局 //容器属性 flex-direction: row;//决定主轴方向，项目排列方向 row:主轴为水平方向，起点在左端。 row-reverse:主轴为水平方向，起点在右端。 column:主轴为垂直方向，起点在上沿。...

2018-07-17 10:51:54 781

原创 cordova 学习2——cordova+vue进行打包测试。

1.准备一个VUE项目，以官方提供的VUE模板为例子vue init webpack demo2.在index.html里面引入cordova.js<script type="text/javascript" charset="utf-8" src="cordova.js"></script>3.更改配置文件：config——>index.js里面...

2018-07-16 17:23:48 627

原创 cordova 学习1——安装并创建第一个应用

前言：电脑操作系统：window10node版本：8.10.0npm版本：5.7.1步骤：1.在管理员模式下进行全局安装：cnpm install -g cordova安装完成后：cordova -v 查看版本这样安装会是当前最新版本8.x2.新建APPcordova create hello com.example.hello HelloWorld若报错...

2018-07-16 17:19:30 820

原创 VUE——路由活用（vue-router）

首先检查是否安装了路由依赖，若没有安装，先进行安装：cnpm install vue-router -D具体路由定义或基本使用请参考官方文档：点击打开链接1.当页面内容过多时，切换路由始终回到页面顶端，配置scrollBehaviorconst router = new Router({ scrollBehavior: () => ({ y: 0 }), routes}...

2018-07-12 16:22:25 208

原创 VUE——父组件子组件间通信

父组件给子组件传参，子组件通过prop属性进行接收简单搭建组件部分如下，其中父元素身上有两个数据，分别是字符型数据1，json型数据2子组件分别从父组件获取这两个数据并展示，其次子组件有自己的数据子组件通过$emit()事件想父组件发射数据页面结构：其中child-a为子组件：<template> <div> <p>这是父组件</p> ...

2018-07-12 16:15:02 710

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化主要用来管理某种状态（包括更改某个状态状态）,对于多层嵌套路由间的传参特别有效此处以分割各个部分来记录，以便后续参照使用在src 文件夹中新建store文件夹store文件夹里分别新建以下文件： index.js:我们组装模块并导出 sto...

2018-07-12 15:55:43 299

原创 Vue交互——axios && vue-resource常用配置

axios首先安装依赖：cnpm install axios -D在main.js中引入：import axios from "axios";在vue中使用axios进行交互时，axios提供了一些可配置项来方便管理，以下作部分记录以便后续使用一般在进行交互（发送请求）时，为了用户友好，会有loading的效果，可通过axios进行统一配置发送请求数据的时：...

2018-07-12 15:47:27 439

原创递归查找——通过某个属性从树结构中获取对象

假定现有树结构：const personArr = [ { id: "001", name: "maimang", children: [ { id: "002", name: "Tom", headImg: "https://avatars1.githubusercontent.com/u/24405319?...

2018-07-06 15:05:31 8389 5

原创 VUE——Vue-amap实现POI搜索

大致效果：点击搜索按钮，出现搜索框搜索框里输入文字，自动联想并提示搜索结果，供选择点击某个提示结果，进入详细搜索结果选择想要的结果，搜索结果隐藏，搜索框隐藏，地图中心点变为选择的地方这里使用官方UI里面的misc/PoiPickernew PoiPicker的时候进行配置，具体配置文档请参照：点击打开链接组件代码：<te...

2018-07-02 15:57:56 11425 7

原创 VUE—— transition(过渡&动画)的简单使用

对要使用动画的组件或者模块包上一层transition标签，<transition name="fade"> <p v-if="show">hello</p></transition>name是自己命名的class的名称，用来写动画样式，如果不写name 则默认是v对应样式名称如下：写样式的时候，v的地方要改fade.如：.fade-ent...

2018-06-29 16:41:16 6755

原创 VUE——自动定位+拖拽选址+搜索选址

地图加载完成后，进行自动定位到设备当前所在位置（显示当前周边），拖拽地图进行选择地址，点击搜索按钮，搜索框内输入时会提示相关点，通过搜索结果进行搜索选择地址组件部分：<template> <div> <button @click="addRadius">增加范围</button> <button @click="s...

2018-06-29 16:30:05 11615 6

原创 VUE——vue-amap兼容原生SDK+使用官方UI

由于业务需要，vue-amap提供的组件不够实现部分业务，需要使用高德原生SDK来定制化。对于vue-amap，都有init事件，参数为高德的实例，因此可以自由的将原生SDK和vue-amap结合使用对于el-map组件，支持一个amap-manage属性，通过这个属性可以再任何地方获取高德原生Amap.Map实例记录两个简单案例，以便后续查阅使用官方UI，通过原生的方法...

2018-06-29 16:22:46 11043 4

原创 VUE——vue-amap简单使用

一、 down一个vue webpack的模板vue init webpack vueamap根据提示完成模板下载，此处我的项目中选择router为yes 其他测试插件全为no vueamap为文件夹名称模板下载后安装依赖cnpm install依赖安装完成后执行开发环境npm run dev若提示在"localhost:8080"上查看效果，在浏览器上查看效果，若出现VUE效果则模板下载...

2018-06-26 16:02:27 54917 26

原创 VUE——常用自定义过滤器定义与使用

Vue2.x 不再支持自带的过滤器，使用过滤器需要自定义且过滤器只能使用在v-bind和双花括号里，以管道符 “|”隔开，参数类似于函数的形式如：{{msg | filter(param)}}局部定义过滤器export default { name:'test', data(){ return { title:'过滤器 & 指令', arr:[5,3,2,6...

2018-06-26 11:12:05 5031

原创 JQ—自定义事件与调用

声明：$(document).on('eventName',function(){ console.log('event'); //事件操作})调用：$(document).trigger('eventName');带参数声明：$(document).on('eventName',function(event,arg1,arg2){ console.log('event'); //事件操作...

2018-06-25 17:34:48 994

原创 JS——事件冒泡，默认事件

阻止事件冒泡function func(ev){ window.event?window.event.cancelBubble=true:ev.stopPropagation();}阻止默认事件function func(ev){ window.event?window.event.returnValue=false:ev.preventDefault();}注意：若直接return fals...

2018-06-25 17:27:14 133

原创 JQ——提交formData格式的数据

let formData=new formData()formData.append('file',file);//"file":后台接=接收的字段名//file:要提交的数据$.ajax({ url:url, type:'POST', data:formData, cache:falsse, processData:false...

2018-06-25 17:18:04 2258

原创 JS——数组实用方法

arr.some(function(currentValue,index,arr),thisValue)； currentValue:当前值 index：当前索引 arr:所属数组 thisValue:作为执行回调时使用检测数组中元素是否满足指定条件（会依次执行arr,若满足则返回true，剩余不再检测，不满足，则返回false）不对空数组进行检测不改变原始数组eg:检测数组里大于9的值并输出位...

2018-06-25 17:03:35 145

空空如也

空空如也