![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
技术文章
FarmanKKK
有时候忙会断更,也有可能是去github了,附上github地址:https://github.com/Masterkkk
展开
-
Eslint常用方法
Eslint忽略html(例如vue中的template的标签闭合警告)例如使用Element-ui的标签// 下面的使用方法会出现警告 warning: Require self-closing on Vue.js custom components// 要你改写成<el-table-column type="selection" width="55" /><el-t...原创 2020-04-10 14:06:56 · 1437 阅读 · 0 评论 -
小程序地图的使用笔记
这两天在看小程序的地图,写写笔记记录一下小程序官方文档提供的几种位置方法 小程序的官方文档也有提供几个方法(这几个方法很简单,看看就知道了),但是一般都满足不了~~腾讯地图提供的jssdk 根据提示使用腾讯地图jssdk需要申请,在实例化的时候填入密匙,接下来就可以使用他提供的各种方法了 我先说说我做关键词搜索和点击搜索结果进行路线规划(规划目前可能只是按自驾的路线,不完善的地方麻烦大家赐教了原创 2017-11-08 12:06:40 · 674 阅读 · 0 评论 -
markdown转html
markdown转html今天临时要写接口文档,然后发现部门给的文档是markdown文件的,而接口文档是要html格式的,因此想直接把markdown转为html这里我使用的是marked 首先初始化一个node项目npm init 然后安装marked npm install marked --save 先引入fs和marked const fs = require('fs');原创 2017-12-08 13:56:05 · 368 阅读 · 0 评论 -
vuex实现登录状态的存储,未登录状态不允许浏览
基础思路就是使用vuex状态管理来存储登录状态(其实就是存一个值,例如token),然后在路由跳转前进行登录状态的判断,可以使用vue-router的全局前置守卫beforeEach,也可以使用路由独享的守卫beforeEnter。导航守卫正如其名,vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中:全局的, 单个路由独享的, 或者组件级的。 记原创 2017-12-28 16:10:07 · 5788 阅读 · 0 评论 -
vue图片上传组件
vue图片上传组件最近在做项目的时候顺便补充了一下公司项目的公共组件库,刚刚手头事情告一段落,就来做个笔记。首先来看看最终效果1.不允许删除 2.允许用户删除(显示删除按钮)实现的效果就是上图显示内容接下来说说组件布局那部分直接上代码了<template> <div class="uploadImg"> <di...原创 2018-09-05 10:19:19 · 23109 阅读 · 4 评论 -
vue-skeleton-webpack-plugin骨架屏与page-skeleton-webpack-plugin骨架屏生成插件
vue-skeleton-webpack-plugin骨架屏使用插件github地址安装插件npm install vue-skeleton-webpack-plugin在项目中创建骨架屏展示组件平时项目中使用的是rem适配,然后发现骨架屏中无效,因为他出现的时候并未渲染页面,因此找不到window对象,获取不到屏宽&amp;amp;amp;lt;template&amp;amp;amp;gt; &amp;amp;amp;lt;div&原创 2018-09-27 14:25:09 · 13371 阅读 · 4 评论 -
vue自定义多选样式
自定义多选框样式平时一直用的框架中的样式,这次不行了 要自己写。做个笔记记录一下很久没写这中样式了设计要求的样式其实那个勾并不是checkbox,而是一个i标签,给他的两边设置border(白边),然后旋转一下实现的,因为这一整个label里的点击都会触发checked,所以并不用管checkbox的样式,你另外写一个显示出来就好了。template中 &amp;lt;div cla...原创 2018-09-22 15:26:02 · 4883 阅读 · 0 评论 -
mpvue图片上传
mpvue小程序项目中的图片上传效果图通过mpvue文档得知他使用的是小程序原生api中的图片选择(wx.chooseImage)和文件上传(wx.uploadFile),因此我们直接根据小程序的文档来使用就可以了。chooseImage文档图片选择我将备注写在代码块里,比较好说chooseImage(e) { let i = 0; // 多图上传时使用到的in...原创 2018-10-17 14:25:34 · 6157 阅读 · 0 评论