vue项目中对axios的二次封装
近来在使用vue重构公司m站时，使用了axios来进行数据的请求，由于项目的需要，对axios进行了二次封装，点击进入axios//引入axiosimportaxiosfrom'axios'letcancel,promiseArr={}constCancelToken=axios.CancelToken;//请求拦截器axios.interceptors.request.use(config=>{//发起请求时，取消掉当前正在进行的相同请求if(promiseArr[config.url]){promiseArr[config.url]('操作取消')promiseArr[config.url]=cancel}else{promiseArr[config.url]=cancel}returnconfig},error=>{returnPromise.r
vue2.0-zoom基于vue的图片放大镜效果插件
vue2.0-zoom基于vue的图片放大镜效果插件演示地址安装npminstallvue2.0-zoom引入importimgZoomfrom'vue2.0-zoom'组件components:{imgZoom}标签<img-zoomsrc="img-samll.jpg"width="450"height="250"bigsrc="img-big.jpg":configs="configs"></img-zoom>配置参数configs:{width:650,height:350,maskWidth:100,maskHeight:100,maskColor:'red',maskOpacity:0.2}有问题欢迎留言、star，详细参数说明Github地址
ESLint基础使用，打开规范编码的大门
本文是自己在使用ESlint的总结，对其基本用法做详细说明。ESLint的2种配置:1.ConfigurationComments-使用JavaScript注释把配置信息直接嵌入到一个文件。//临时禁止规则出现警告/*eslint-disable*/alert('foo');/*eslint-enable*/2.ConfigurationFiles-使用JavaScript、JSON或者YAML文件为整个目录和它的子目录指定配置信息。可以用.eslintrc.*文件或者在package.json文件里的eslintConfig字段这两种方式进行配置，ESLint会查找和自动读取它们，再者，你可以在命令行指定一个配置文件。书写规则规则名:[值,参数1,参数2...]配置关键字:Environments-指定脚本的运行环境每种环境都有一组特定的预定义全局变量Globals-脚本在执行期间访问的额外全局变量Rules-启用的规则及各自的错误级别Confi
Vue.js 中使用高德地图定位及渲染地图
看了github上面有集成的高德地图组件，但由于项目所要用到的不多，所以决定跟着文档写一写.运行环境是vue-cliwebpack引入高德地图一般用使用vue-cliwebpack最简单粗暴的引入地图api的方法就是，在入口index.html的头部直接引入，记得一定要带上key,如果没有的话去高德地图api的官网申请一个。传送门如下：申请key传送门<scripttype="text/javascript"src="https://webapi.amap.com/maps?v=1.3&key=************"></script>这样你将所有的高德地图api引入你的项目，到这里你肯定会问，vue每个组件该怎么直接调用呢？往下~创建一个地图组件vue创建组件不赘述首先你得有一个高德地图实例。所以，new一个嘛。建议将地图的实例化写在methods中，然后在mounted中调用方法。letmapObj=newAMap.Map('map-location',{//
从放弃迅雷和IDM到自己开发下载工具
前言在这个网络带宽飞速增长的年代，下载文件要充分利用好网速就得用到下载工具，比如迅雷、IDM。然而贫穷限制了下载速度，这两个下载软件不花钱毫无体验可言。本人两年迅雷年费会员在离线下载越来越形如虚设的情况下，选择投入了IDM的怀抱，然而IDM丑陋的界面和破解版的无限弹框让我产生了开发一款属于自己下载器的想法。成果没图说个xx，下图是在20M带宽的情况下载网盘文件的过程，可以看到网速基本跑满。下载试用，需要JAVA8+运行环境。启动：java-jarproxyee-down-1.0-SNAPSHOT.jar访问http://127.0.0.1:9999，点击ProxyeeRootca.crt下载证书并安装到受信任的根证书颁发机构中设置浏览器http代理为127.0.0.1:9999即可介绍本下载器开源，代码托管在proxyee-down，是一款基于http代理服务器嗅探http下载请求的下载工具，支持插件化开发，目前内置百度云大文件下载限制插件和百度云合并下载限制插件。技术简介本项目使用java+netty+spring
vue+webpack+amaze-vue实现省市区联动选择组件
创建工程创建工程目录vue-city-picker使用vue-cli初始化webpack工程如果没有安装vue-cli的同学请走传送门在vue-city-picker同级目录下执行vueinitwebpackvue-city-picker接下来出现的提示可以参考下图npm安装amaze-vuecdvue-city-pickernpmnpminstallamaze-vue--savenpminstall开发准备启动webpack-dev-servernpmrundev此时在浏览器中访问http://127.0.0.1:8080/就可以访问了整理目录（没有代码洁癖的请自行跳过）删除src/assets删除src/components清空src/App.vue拷入城市数据将提示准备好的location.js文件拷贝到src目录下。同学可以根据自己的情况自己拷入城市数据，代码里提供的数据仅供参考。开始开发编辑src/main.js引入amaze-vue组
JMX远程监控ActiveMQ设置
20161107162440331.png当然，这是本地的消息队列，访问，我们启动之后也可以通过jdk自带的jconsole来监控。这里重点介绍怎样远程监控activemq。远程监控activemq：这里涉及到JMX的概念，网上我也搜了很多，但是特别官网，我也看的不是很明白，这里大家知道由Java开发的程序，一般都是jmx来监控就可以了，当然，activemq也是通过Jmx来监控的。这里首先我们来配置一些东西。1.在你下载activemq文件夹下的config中，找到activemq.xml，在broker节点增加useJmx="true"20161107164841436.png2.在managementContext节点更改成下面的截图的样子（这里我直接截图了，增加的东西不多，我就不把能复制的放进来了，自己敲敲，熟悉一下~）20161107165108593.png3.在你activemq文件夹下的bin找到activemq（${active_home}/bin/activemq），找到下面截图中出出现的代码，应该是注释掉
去哪儿客户端全业务线用户行为数据 ETL 介绍
明明如月2015年7月加入去哪儿，一直从事数据相关工作。热爱数据，忠于数据，敬畏数据。项目背景作为旨在聪明消费者出行的OTA（OnlineTravelAgent），去哪儿需要开发和完善越来越多的场景来满足用户更加便捷、更加智能和更加人性化的出行需求，这些场景中数据作为最基础的核心价值起着至关重要的作用。而由于业务分工不同，导致不同业务线部门在数据存储清洗和提供服务的方式等各方面都存在着很大的差异。平台公共部门在全业务线业务数据粗粒度收集清洗中做了大量繁重的工作，但是针对在产品设计的众多需要综合利用两个或多个业务线数据的需求中，跨部门之间的细粒度数据交互还是需要数据、算法和开发工程师花费极大精力做很多工作。比如作为全站搜索入口的大搜服务及其衍生的很多个性化推荐需求（猜你喜欢、预制词等）最根本和核心的基础就是需要一份结构化、稳定性和适用性都比较满意的全业务线数据，不需要在每一个项目中都要在数据结构兼容、容灾恢复和过多接口上耗费太多精力。在此前提下，我们依赖于公共部门收集的业务线日志，业务线自己负责输出的后端日志，还有各种补充数据，清洗整
程序员防骗指南：如何统计自己的加了多少班
最近因为个人原因离职，换了份工作，在和上一家公司结算工资的时候出了些bug，我个人感觉我平时加班还是比较多。每周加班最少四天，有时候甚至6天。我今年也是刚毕业来北京，虽说之前在学校有做过两年外包，但依旧单身。所以也没什么事，加班使我快乐，即能打发周末的无聊，也能混一天50块钱的加班餐补，而且还为公司项目作出了贡献，何乐而不为呢，总之一句话，加班使我快乐。但是这个加班是不给加班费的，意思就是可以调休假，年底的时候可以折算成工资。后来，我干到第五个月的时候，因为个人原因，我就离职了。不要问我为什么，有一个男人曾经说过，员工离职无非两个原因：一是钱没到位，二是受委屈了。当这两点同时达到的时候，哪怕是世界上最好的公司，也没人愿意待的。也就是我离职以后的五号，公司该结算工资了，我发现我的工资居然只比以前多了273块钱。我瞬间就感觉不可思议。觉得不科学，我哪怕多加班一天，工资也不止200来快啊。而后准备询问一下公司财务，发现微信被拒收了。而后我又去问人事，人事给我口述一大堆，我让截图给我，也是不愿意。我就感觉我可能被骗了。那末问题来了
程序员的自我救赎---4.2：消息中心讲解与应用
《前言》（一）Winner2.0框架基础分析（二）PLSQL报表系统（三）SSO单点登录（四）短信中心与消息中心（五）钱包系统（六）GPU支付中心（七）权限系统（八）监控系统（九）会员中心（十）APP版本控制系统（十一）Winner前端框架与RPC接口规范讲解（十二）上层应用案例（十三）总结《消息中心讲解与应用》在讲消息中心之前我希望看我这篇博客的园友们能先看一些《短信中心源码分析与应用（工厂）》，因为这两个项目很类似，但是在Winner中的意义却差别很大。首先短信中心的主要职责是发送短信，消息中心中包含短信模块。除此之外消息中心支持：微信消息推送，邮件推荐，APP消息推送，站内信等等。常言道：“一图胜过千言万语”。我们直接上图：消息中心是符合标准工厂的方式来做的，使用静态工厂却创建。这跟前面的《短信中心源码分析与应用（工厂）》里讲到的1.0是一模一样的，在消息中心中我们并没有去SaaS。这是也有一点历史原因，其实就是短信中心是
协程
一、概述协程，又称微线程，纤程。英文名Coroutine。一句话说明什么是线程：协程是一种用户态的轻量级线程。协程拥有自己的寄存器上下文和栈。协程调度切换时，将寄存器上下文和栈保存到其他地方，在切回来的时候，恢复先前保存的寄存器上下文和栈。因此：协程能保留上一次调用时的状态（即所有局部状态的一个特定组合），每次过程重入时，就相当于进入上一次调用的状态，换种说法：进入上一次离开时所处逻辑流的位置。首先要明确，线程和进程都是系统帮咱们开辟的，不管是thread还是process他内部都是调用的系统的API而对于协程来说它和系统毫无关系！他就和程序员有关系，对于线程和进程来说，调度是由CPU来决定调度的！对于协程来说，程序员就是上帝，你想让谁执行到哪里他就执行到哪里。协程存在的意义：对于多线程应用，CPU通过切片的方式来切换线程间的执行，线程切换时需要耗时（保存状态，下次继续）。协程，则只使用一个线程，在一个线程中规定某个代码块执行顺序。适用场景：其实在其他语言中，协程的其实是意义不大的多线程即可已解决I/O的问题，
从训练到测试，虚拟环境正在让自动驾驶变得越来越完善
在打造交通工具的时候，无论它是由人类还是计算机驾驶，安全都是首要考虑的因素。在自动驾驶开发过程中，需要在各种行驶条件下，对无人驾驶技术进行不断的验证测试，从而确保其安全程度能够高于人类驾驶员的操作。这意味着，在一些时候我们要在实际道路上对其进行测试。然而同样重要的，是在虚拟道路上的仿真测试，虚拟测试也是积累无人驾驶汽车测试里程的重要手段之一。具体说来，虚拟道路测试，能够有效对危险或不常见的驾驶场景进行测试。虚拟道路测试的灵活性和多用性，使其在自动驾驶技术开发中发挥着重要作用。如果没有仿真道路测试，要观察车辆应对真实交通场景的反应，有可能会产生各种危险。譬如说，当一个孩子从一辆停着的车辆后方突然冲到了马路中央，或是有另一辆车在闯红灯。而现在得益于高级图形处理技术的发展，工程师可以模拟出各种实际生活中的交通场景，并且根据需求对其进行调整。例如，在需要的时候，我们可以仿真出暴风雪的场景，即使你现在身处的是沙漠环境；另外，我们还可以在日出和日落时分模拟出正午晃眼的阳光，测试无人驾驶汽车在这种天气条件下的反应。其次，一些有可
springboot集成swagger
对于搬砖的同学来说，写接口容易，写接口文档很烦，接口变动，维护接口文档就更更更烦，所以经常能发现文档与程序不匹配。等过一段时间就连开发者也蒙圈了Swagger2快速方便的解决了以上问题。一个能与SpringMVC程序配合组织出强大RESTfulAPI文档的新宠儿。下面直接上代码pom.xml
网秦凌动郭安祺谈未来车辆开发趋势：由软件定义
2017年12月7日，网秦凌动高级市场总监郭安祺出席2017中国(德清)新能源汽车电子高峰论坛，分享了对未来车辆开发趋势的看法。该论坛由中国新能源汽车电子产业创新发展联盟和德清人民政府主办，由工信部国家工业信息安全发展研究中心和工信部中小企业发展促进中心承办。工信部领导和中国汽车工业协会副秘书长为该论坛致辞。车厂、供应商和技术公司参与了论坛。架构简化建立在AGL平台上的高集成度是趋势郭安祺描述了未来汽车发展重要趋势之一：传统复杂的线束、众多控制器会被数据量吞吐量大、响应更迅速的几个核心控制设备取代，AGL已为车辆的多个电子部件提供了软件架构方案并实现了版本的快速迭代，2018年将有集成AGL架构的量产车走向市场---新一款卡美瑞的娱乐操作系统就是基于该架构研发的。(图为)网秦凌动高级市场总监郭安祺在活动现场演讲中国汽车工业协会副秘书长野盛基认为，未来汽车主体、零部件和新技术需要协同发展。郭安祺认为除此以外，软件将定义未来汽车的趋势，12与初，国内在开放道路下的首款智能驾驶公交车在深圳路测就是一个实证案例。郭安祺相信在
浅谈常规渗透瓶颈，实例发散思维突破
0x01写作目的意义1自我总结提升无论是在工作项目，还是在个人学习中，总会遇到不少棘手的问题。有的人会放弃，然而求知者仍会锲而不舍的去想办法解决。解决问题的过程可能会非常的艰辛，但是解决后的成就感与喜悦感却一直吸引不少人为之努力。一直在探索着，用最好最有效率的学习方法来面对一切的陌生事物。最终发现，如果能把学习、解决麻烦的过程进行整理、反思、总结与分享，那便是自我提升的快速之道。如果能坚持进行总结与反思，即持续量变到质变的过程，那肯定将得到质的飞跃。2知识分享交流其实，在与他人分享的同时，自己也在学习、提高。讲课前需要整理思路、花心思制作展示ppt甚至搭建演示环境；分享中，可能会有人提问，引发新的思考，还会考验演讲水平…..演讲其实也是一门很大很重要的学问，根本不是拿着ppt上去念这么简单，其中的智慧想必大家在日后的生活与工作中会有所体会。团队里的每一位成员都有各自的一技之长，如果每个人都能在工作中发现并利用自己的长处，不断突破自己去创新并与他人分享，那么大家只会越来越强，团队的凝聚力与战斗力也会愈加强大。【怀念
别犹豫，8大趋势说明用微服务就对了！
“微服务”这个关键词随着技术的不断突飞猛进在业内越来越受关注，小数之前给大家分享过很多微服务相关的内容，诸如：《打走企业级落地微服务的拦路虎：数据》《踢开绊脚石：微服务难点之服务调用的解决方案》《实录|微服务企业级落地将会带来哪些转变？》但是你知道对于客户来说，它们最关注微服务的哪些方面吗？2017年秋天，红帽对客户进行一项微服务调查，发现了8个有趣的趋势，今天小数就跟大家分享一下。01微服务被用来重新架构现有的应用程序技术提供商似乎很重视将微服务定位为只用于新项目的市场，然而，调查显示，企业也在使用微服务来重新架构现有和遗留的应用程序。67%的红帽中间件客户和79%的红帽OpenShift客户反应了这一点，这些数据告诉我们，微服务在他们的IT转型过程中为用户提供了相应的价值——不管他们只是想更新当前的应用程序组合，还是正在准备新的计划。因此，如果只关注微服务的Greenfield项目，那么需要开始评估现有的应用程序进行微服务重新架构可能是一个好注意。微服务引入了一系列已经被证明的利益，不仅适用于新项目，也适用于现有的项目。
Python开发【第十一篇】：MySQL
数据库介绍数据库（Database）是按照数据结构来组织、存储和管理数据的仓库。每个数据库都有一个或多个不同的API用于创建、访问、管理、搜索和复制所保存的数据。每个数据库都有一个或多个不同的API用于创建、访问、管理、搜索和复制所保存的数据。我们可以将数据存储在文件中，但是在文件中读写数据速度相对较慢。所以，现在我们使用关系型数据库管理系统（RDBMS）来存储和管理大的数据量。所谓关系型数据库，是建立在关系模型基础上的数据库，借助于集合代数等数学概念和方法来处理数据库中的数据。RDBMS即关系数据库管理系统（RelationalDatabaseManagementSystem）的特点：1、数据以表格的形式出现。2、每行为各种记录名称。3、每列为记录名称所对应的数据域。4、许多行和列组成一张表单。5、若干的表单组成database。RDBMS常用术语数据库：数据库是长期存储在计算机内、有组织的、可共享的数据集合，具有较小的冗余度，较高的数据独立性和易扩展性。行：在SQL中把传统的关系模型中的元组称为行（row
vue微信公众号开发踩坑记录（2）
最近又在vue中捣鼓了下微信公众号api的接入，不得不说这里边水是真的深啊，上次分享了微信授权登录和js-sdk签名的部分，其中很多朋友私信我表示了疑惑，今天我就再次尝试理顺一下这里边的坑吧：微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包。通过使用微信JS-SDK，网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力，同时可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力，为微信用户提供更优质的网页体验。分享页面到朋友圈上文是从官方文档中摘出来的，由此可见，我们如果要实现在公众号的内嵌h5中实现微信分享，支付等功能，就得引入js-sdk。使用js-sdk有一个关键的环节，那就是通过config接口注入权限验证配置，而配置中有个signature参数是需要借助服务端获取的，这里就不过多探讨了，大家通过官方文档可以深入了解。HashorHistory?上篇文章，我推荐大家在vue中配置vue-router使用hash模式，那么hash模式和history模式到底有什么
全新打包工具-Parcel介绍
为什么需要Parcel？目前已经有很多的打包工具了，包括webpack和browserify。那么为什么我们还需要另外一个呢？主要原因是因为开发者的经验。许多的打包工具都是围绕着配置和插件构建的，而且为了让应用正常的工作，超过500行的配置并不罕见。这些配置不仅繁琐而且耗时。通常情况下，这可能导致次优化的应用发送到生产环境。parcel被设计成零配置的：只需要将它指向应用程序的入口点，它就能正常工作。目前现存的打包工具都非常慢。拥有大量文件和依赖的大型应用可能需要花费几分钟的时间来构建，这在开发过程中随着时间的变化而变得尤为痛苦。监听文件变更能够帮助重新构建，但初始的启动仍然非常慢。parcel利用工作线程编译你的代码，利用现代的多核处理器能力。这导致了初始构建的速度大大提升。它还具有一个文件系统缓存，可以保存每一个文件的编译结果，以便后续能够更快的启动。最后，现有的打包工具都是围绕字符串加载/转换构建的，其中转换需要一个字符串，解析它，进行一些转换，然后再次生成代码。通常这样会导致许多的解析和代码生成在单个文件上运行，这是非常低效的
如何实现「文字输入高亮」的效果
写文章登录如何实现「文字输入高亮」的效果Aceyclee6hoursago简评：TripAdvisor（中文网站为「猫途鹰」）的搜索输入框有文字高亮的效果很有意思，本文将分享如何一步一步建立这种效果。下图即为TripAdvisor搜索输入框的「文字输入高亮」效果，这个实现涉及CSS和JavaScript的知识。TripAdvisor的搜索输入框这是已完成的CodePen：Tripadvisorinputhighlight1.我们首先创建一个简单的React组件classAppextendsReact.Component{render(){return(