2018年10月_車句

原创 Vue挖坑指南: 如何在main.js中修改vuex中的值？

直接上图吧~好总结就是这么任性~嘻嘻(*^__^*) 嘻嘻……嘘寒问暖不如打笔巨款~

2018-10-31 16:56:47 8694

原创 Vue: export default中的name属性到底有啥作用呢？

原文链接前言又开始一个全新的项目，每天都要元气满满呀~在划分模块和创建单页面组件时，常常写到name。嵌套路由中，index.vue极为常见，那么在vue中，export default { name: 'xxx'} 中的name到底有啥作用呢？开始还是先回到官方的文档：https://cn.vuejs.org/v2/api/#name官方文档已经给我们描述了两种使用情况，...

2018-10-31 11:08:01 85163 2

原创前端进阶：vue中的computed和watch的异同

原文链接前言心情很忐忑，当我写下这个标题。想起年初时在杭州求职，电面了一家武汉的公司，面试官就抛了这样一个问题。那时候还懵懵懂懂，就知道如何使用，并没有太清楚两者的区别。开始有时候写这些东西，真的怕误导了一些人，以下描述的异同，只是我个人的观点。如果有什么不当之处，还望各位博友指出~感谢最近研究vue.js数据双向绑定的原理，看了一些很好的文章，自己也跟着敲了几遍代码。又开始思...

2018-10-23 18:12:16 1785

原创挖坑指南：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 2960

原创挖坑指南：Vue.directive()自定义指令的实践(含源码)

前言迫不及待想要上车试一试，直接贴代码吧。开始两个小例子，图片的加载优化以及第三方插件的配合使用。参考的资料在我分享的这篇博文中有记录，感兴趣的同学，可以参考更多。<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title&g...

2018-10-22 16:44:59 1428

原创前端进阶：一些好的博客博文分享

前言之前在读书会听到的，人与人思考同一问题时，心理表征是不同的。在技术圈，各路大神大牛云集。向他们看齐，学习他们发现问题、分析问题以及解决问题的方式，能让我们更好地看到差距，提升自我。开始我不盲目追随谁，只是取人所长，提升自我。以下是一些我自己在平时扩展学习中，发现的较好的博客与博文，在此记录下来。一方面，方便日后学习查阅，另一方面希望这些好的东西能被更多需要的人发现。博客大漠...

2018-10-22 14:54:34 409

原创挖坑指南：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 3382 2

原创挖坑指南：process.cwd()与__dirname的爱恨情仇

在网上找了蛮多资料，发现一片通俗易懂的，分享给大家。https://www.jianshu.com/p/aeb3d4318d07嘘寒问暖不如打笔巨款~

2018-10-18 16:31:51 1174

原创 CSS: transition和@keyframes动画

前言为了更好的用户体验，在开发时我们使用了适当的动画，实现一些切换的效果。在使用@keyframes时遇到一点问题，于是开始找其他的解决方案，发现了transition很适合。开始先上一张图片，看看要实现的功能，很简单的。就是要实现右侧小三角的旋转实践一开始是使用了@keyframes，看下小程序的代码<view class="arrow"> &l...

2018-10-17 11:49:04 2170

原创挖坑指南：百度鹰眼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 6181 4

原创微信小程序：wx.navigateBack()时弹窗一直显示

前言小程序使用服务需要用户绑定手机号，在进入页面时，判断用户是否授权，未授权的话，弹窗组件(自定义的)显示onShow(){ let isBind = xxx if(!isBind){ // 获取弹窗组件(自定义的)实例 this.bindTip = this.selectComponent('#bindTip') // 调用弹窗组件的方法，显示组...

2018-10-11 09:09:38 2927

原创微信小程序：globalData和Storage数据存储的错误示例

前言在小程序登录是，将返回的用户数据，存储在globalData中和storage中。// 存储的数据是一个对象wx.setStorageSync('userAuthData', user.data.data);this.globalData.userAuthData = user.data.data;之前，数据更新了，为了避免频繁的数据请求，要更新之前的用户数据（更新某字段的值...

2018-10-10 18:33:10 16869 3

原创挖坑指南：各地图JavaScript API常用接口

前言从pc到wap到小程序，不同的业务需求，记录一些常用的API。开始自己项目中使用的是高德地图，第三方的数据是百度地图的经纬度，小程序SDK是腾讯的。各地图提供的接口很丰富，使用时参照对应的示例即可。实践记录一下项目中使用到的一些API，以及其对应的需求场景腾讯地图经纬度转换：https://lbs.qq.com/webservice_v1/guide-convert...

2018-10-09 11:09:04 1059

原创微信小程序：惊！CSS导致JS事件未触发...

前言研究navigationStyle:costom，使用自定义的导航。老规矩，先上设计稿：要实现左侧的自定义导航，该导航有一个圆角的边框，圆角的啊~开始移动端经典的1px问题+圆角边框。早期，在.less文件中定义了.border-1px()用于解决移动端1px问题，后期为了兼容圆角边框，又添加了几个变量。// 添加一个设置圆角的.border-1px(@color:...

2018-10-08 16:54:22 1005

原创挖坑指南: 如何在微信端（x5内核）实现视频的内联播放？

前言之前的项目是基于微信端的，接入了直播的板块，要求在手机上可以一边看直播一边评论聊天。当时研究了两天，才慢慢清晰，记录一下。开始先来看一张设计稿，清晰明了整个播放页面可以划分为两大部分，上面是视频，下面是聊天互动区域。由于是直播，视频的实时播放格式的.m3u8格式的，播放视频使用了腾讯的TCPlayer播放器，根据它提供的API进行视频播放。实践使用TCPla...

2018-10-07 16:44:34 4256 4

原创 JS: 百度地图与腾讯/高德地图经纬度转换

前言在开发中使用了第三方的数据，由于经纬度使用的是第三方的数组，他们使用的是百度的地图坐标。在项目中使用时，能用百度地图去解析自然是最好的，但是呢，该项目是基于微信小程序的，百度地图针对小程序提供的API功能不是很完善，难以实现想要的需求，所以采用腾讯官方的地图。开始使用不同的地图，相应的经纬度会存在些许偏差，腾讯和高德是同一坐标的，可以互用，百度的坐标与两者稍有不同，使用前，需要先经...

2018-10-07 15:43:09 14209 2

原创挖坑指南：一个悲伤的故事

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Object.definePrototype()</title></head> <body> <script>// ...

2018-10-20 16:41:29 201

weixin_39015132的博客