![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
挖坑指南
文章平均质量分 53
車句
行好事 莫问前程
展开
-
挖坑指南:百度鹰眼web api的使用与问题总结
前言公司想做外勤管理的工具,要记录员工的出行轨迹,研究了一下,发现高德、腾讯都没有相关的API,只有百度地图有一个鹰眼的服务。那就试试呗~开始货比三家,先来看看其他两家的解决方案。高德地图:https://lbs.amap.com/dev/demo/path-record#Android 腾讯地图:https://lbs.qq.com/geo/index.html 百度地图:...原创 2018-10-12 10:50:24 · 6129 阅读 · 4 评论 -
挖坑指南:ESLint + VS Code自动格式化代码
原文链接前言最近在整理公司的之前的项目,对整个产品线进行梳理重构。由于项目的编码人员换了好几拨,每个人编码又各有各的风格。现在在重新翻看,可读性很差。考虑到后期项目的扩展,以及对现有项目的优化,决定对代码进行整理,并统一使用ESLint进行规范约束。开始“编码一时爽,重构火葬场。”刚开始接触vue学习的时候,也都是自然而然地关闭了ESLint。以至于没有从头开始养成良好的...原创 2018-11-10 17:02:47 · 13565 阅读 · 1 评论 -
挖坑指南:iView Select的Option@click事件无效
前言日常挖坑。。开始上车。。实践bug描述:Select组件,设置了filterable和remote,前端启用模糊查询。期望在用户选择某一结果项时,获取选择的对象。给Option绑定了点击事件,但是并未生效。为什么呢?应该是组件自身做了事件监听。那该怎么办呢?改用@click.native=""绑定事件。总结why? How? What?嘘寒问暖 ...原创 2018-11-15 16:12:50 · 5421 阅读 · 0 评论 -
挖坑指南:iView-admin动态配置route.meta.title(独家)
原文链接前言新的项目,基于iView-admin。结合自身的项目需求,对官方的模板进行一些修改。以达到动态修改route.meta,并同步更新面包屑导航文字和标签页标题。开始如果你还未使用过iView-admin或者正在上路,那我们先来看看项目的需求以及遇到的问题。那应该如何解决这个问题呢?实践方法一:一开始想到的方法,就是在新建页面的created()中,通过th...原创 2018-11-14 16:03:15 · 7761 阅读 · 7 评论 -
挖坑指南:[Vue warn]: Avoid using non-primitive value as key, use string/number value instead
开始报错信息:[Vue warn]: Avoid using non-primitive value as key, use string/number value instead实践原因: 在v-for遍历时,将item作为:key的值,而遍历出来的item恰巧是一个对象。解决:循环时添加index,或者将item.key对象中的某一项的值作为key。总结嘘寒问暖 不如打...原创 2018-11-16 18:02:13 · 6471 阅读 · 0 评论 -
挖坑指南:在vuex的多个module中的getters里存在相同的方法名,使用mapGetters会报错?
原文链接前言其实这个标题就是我们今天要谈论的话题。开始在vuex中有多个module是很正常滴,为了方便管理呢,我们有些module中使用了相同的名称。那么,在使用时,就会报错啦~实践其实在vuex的官网,已经为我们描述过啦~vuex:https://vuex.vuejs.org/zh/guide/modules.html#%E5%91%BD%E5%90%8D%E7%A...原创 2018-11-17 08:30:01 · 7962 阅读 · 1 评论 -
挖坑指南:网站http请求全变https?
前言开发的后台单页系统,上到线上测试时,需要配置为php文件。开始测试的地址,未使用https,但是vue项目打包后的资源请求都是https的。导致页面加载时,请求不到资源。实践最后在页面中发现配置了一个meta:<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests...原创 2018-11-19 16:37:15 · 451 阅读 · 0 评论 -
挖坑指南:vue刷新某个路由就404了,咋办?
前言单页后台,上传到线上,在某个路由刷新时就报错404。开始为什么会出现这样的问题呢?配置路由时,设置了访问模式为mode: 'history';而后端是无法判断这是一个前端路由的。它会按照路径去找相应的资源,但是在服务器中并不存在,所以...404实践我们找到官方的文档看看:https://router.vuejs.org/zh/guide/essentials/h...原创 2018-11-19 17:30:43 · 4700 阅读 · 0 评论 -
挖坑指南:如何在引用的外部js文件中获取vue页面实例?(独家)
原文链接前言在基于iView的后台项目中,表格组件是我们的老朋友了。实现如下的效果更是最基本的需求:开始在iView早期1.x的版本(其实在~2.0.0-rc.7也能使用),想要渲染这样的效果,代码如下:升级2.x后,Table组件的render()也作了更改:vue官方文档(render()):https://cn.vuejs.org/v2/guide/...原创 2018-11-19 08:54:53 · 12811 阅读 · 0 评论 -
挖坑指南:$(window).scroll()事件没有生效
直接上车吧~绑定了滚动事件,但是页面滚动时,事件的回调函数并没有触发。一开始严重怀疑哪里写错了,后来检查了真的没问题,这个锅谁背?检查CSS,发现html设置了overflow-x: hidden; 罪魁祸首之前也写过一篇关于CSS样式影响JS代码执行的文章,感觉两者越来越有意思...嘘寒问暖 不如打笔巨款~...原创 2018-12-13 10:57:28 · 2475 阅读 · 0 评论 -
挖坑指南:vscode配置.md文件预览配置
前言markdown必备技能,早用早升级~开始你可能会像我一样在配置的时候遇到如下问题,希望我遇到的坑,能给你一点参考实践安装markdown preview enhanced插件 如果你安装的插件不可以用,可以试一试安装旧版本的。 自己配置预览的样式 window电脑,ctrl+shift+p, 输入Markdown Preview Enhanced: Customiz...原创 2018-12-15 09:16:05 · 2142 阅读 · 0 评论 -
挖坑指南: 微信小程序this.setData({ })的骚操作
如果想设置 this.data.filter.Room 的值, 无法直接通过动态 key 的方式设置selectedFilterItem(e) { var dataset = e.currentTarget.dataset this.setData({ // 直接使用变量的形式是行不通的 filter[dataset.key]: dataset.value }) ...原创 2019-01-05 10:57:07 · 1573 阅读 · 0 评论 -
挖坑指南:如何查看npm -g全局安装的包
npm list -g depth 0嘘寒问暖 不如打笔巨款~原创 2018-11-10 12:08:09 · 1742 阅读 · 1 评论 -
挖坑指南:iView表单 日期校验出错
前言表单数据的验证在前端是很有必要的,它是数据的第一道过滤。可以避免一些错误的发生开始先看看我们的使用虽然iView的官方已经更新到3.0的版本了,但是目前项目中使用的还是2.0的版本。官方的文档:http://v2.iviewui.com/components/form实践对照看了官方的文档,使用方式是相同的,字段也是没有问题滴。校验为啥就会报错呢?仔细地对照...原创 2018-11-02 18:02:47 · 4970 阅读 · 0 评论 -
挖坑指南: 如何在微信端(x5内核)实现视频的内联播放?
前言之前的项目是基于微信端的,接入了直播的板块,要求在手机上可以一边看直播一边评论聊天。当时研究了两天,才慢慢清晰,记录一下。开始先来看一张设计稿,清晰明了整个播放页面可以划分为两大部分,上面是视频,下面是聊天互动区域。由于是直播,视频的实时播放格式的.m3u8格式的,播放视频使用了腾讯的TCPlayer播放器,根据它提供的API进行视频播放。实践使用TCPla...原创 2018-10-07 16:44:34 · 4201 阅读 · 4 评论 -
挖坑指南:process.cwd()与__dirname的爱恨情仇
在网上找了蛮多资料,发现一片通俗易懂的,分享给大家。https://www.jianshu.com/p/aeb3d4318d07嘘寒问暖 不如打笔巨款~原创 2018-10-18 16:31:51 · 1139 阅读 · 0 评论 -
挖坑指南:各地图JavaScript API常用接口
前言从pc到wap到小程序,不同的业务需求,记录一些常用的API。开始自己项目中使用的是高德地图,第三方的数据是百度地图的经纬度,小程序SDK是腾讯的。各地图提供的接口很丰富,使用时参照对应的示例即可。实践记录一下项目中使用到的一些API,以及其对应的需求场景腾讯地图经纬度转换:https://lbs.qq.com/webservice_v1/guide-convert...原创 2018-10-09 11:09:04 · 1046 阅读 · 0 评论 -
挖坑指南:npm install命令各参数的区别(--sava --save-dev -g)
前言在前端工作中,npm已经成为必不可少的一部分。npm install可以为我们的项目安装依赖,那么这个命令的参数,各代表什么含义呢?开始我们逐一来看看npm install --save-dev: 安装我们项目开发时的依赖,比如一些插件,对我们的less/sass/js/img进行一些处理,用于开发环境。npm install --save: 安装项目上线运行时的依赖,比如我们...原创 2018-10-19 09:03:08 · 3337 阅读 · 2 评论 -
挖坑指南:Vue.directive()自定义指令的实践(含源码)
前言迫不及待想要上车试一试,直接贴代码吧。开始两个小例子,图片的加载优化以及第三方插件的配合使用。参考的资料在我分享的这篇博文中有记录,感兴趣的同学,可以参考更多。<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title&g...原创 2018-10-22 16:44:59 · 1399 阅读 · 0 评论 -
挖坑指南:一个悲伤的故事
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Object.definePrototype()</title></head> <body> <script>// ...原创 2018-10-20 16:41:29 · 175 阅读 · 0 评论 -
挖坑指南:npm ERR! write after end
前言团队的项目,昨天还是好好滴,但是呢,github挂了,提交不了代码。晚上其他成员上传了代码,今天决定重新提交。开始提交时发生冲突,回退了一下版本。// 获取历史版本idgit log --pretty=oneline// 回退到指定的版本git reset --hard 版本id// 把修改提交到服务器git push -f -u origin mastergi...原创 2018-10-23 10:14:50 · 2925 阅读 · 0 评论 -
Vue挖坑指南: 如何在main.js中修改vuex中的值?
直接上图吧~好总结就是这么任性~嘻嘻(*^__^*) 嘻嘻……嘘寒问暖 不如打笔巨款~原创 2018-10-31 16:56:47 · 8670 阅读 · 0 评论 -
Vue挖坑指南:[vue-router] Named Route 'XXX' has a default child route.
前言OA系统,使用了路由的嵌套,希望在访问子模块时,默认加载模块的默认路由。即为子模块设置默认路由 。开始我们先来看看,如何为子模块设置默认的路由。这样写,会出现什么问题呢?打开控制台看看。实践vue-router给我们报了两个警告,我们一个一个来看。第一个:[vue-router] Named Route 'companyStructure' has a def...原创 2018-11-01 09:02:28 · 11550 阅读 · 4 评论 -
挖坑指南:如何通过事件动态地切换iView的Tabs(v-bind与v-model的区别)
前言iView的官方文档算是很详细的了,但是如果我们没有一定的编程经验,看文档也是一件令人困惑的事情。Tabs官方文档:http://v2.iviewui.com/components/tabs#API开始先来看看项目的需求看看官方文档为我们提供的接口有了这些基本就可以开始啦~实践页面结构为Tabs绑定了事件指定了value。可以实现动态切换。页面事...原创 2018-11-03 12:22:22 · 15218 阅读 · 3 评论 -
挖坑指南:[Vue warn]: Invalid prop: custom validator check failed for prop "XXX".
前言表单表单,开发后台尽是表单。话不多说,先看看问题吧。开始这个项目呢,是使用了iView UI框架。开始查找网上类似的问题。type排查了一遍,最后发现是Input组件的type赋值为number。而官方支持的呢,如下好吧~开发中遇到各种各样的大问题小问题是难免的,关键是我们在遇到问题时,如何去解决问题。总结遇到问题,分析问题,解决问题,总结问题。很多...原创 2018-11-02 09:51:38 · 47208 阅读 · 3 评论 -
挖坑指南: canvas元素的宽高属性和css中的宽高(大型翻车现场..)
前言在微信小程序中做分享海报, 需要绘制 canvas,设置图片 100% 占满元素, 作为海报的背景。开始文档翻一翻, canvas.drawImage() 一把梭, 呃呃呃…发现背景图片没有按照原图 100% 平铺, 而是只取了部分, 变形了实践装X失败, 还是仔仔细细看看文档drawImage(image sx, sy, sWidth, sHeight, dx, dy, dWid...原创 2019-01-11 12:13:57 · 1993 阅读 · 1 评论