Vue.js 组件 - 组件间的循环引用示例
写了大大小小不少基于vue的项目，但是基本没用到过组件循环引用的知识。为了查缺补漏，照着官方文档撸一个DEMO：组件之间的循环引用本人的运行版本为vue-cli@2.8.1，启用项目后，将以下js文件和vue文件放置在相应的目录中运行。main.jsimportVuefrom'vue'importAppfrom'./App'newVue({el:'#app',template:'<App/>',components:{App}})main.js导入App组件，并在components中注册App组件。App.vue<template><divid="app"><liv-for="folderinfolders"><tree-folderv-bind:folder="folder"></tree-folder></li><
开发一个聊天机器人（Chatbot）应用程序需要花费多少钱？
你正在寻找一个聊天机器人（chatbot）开发公司，但你并不知道自己应该支付什么样的价格？这篇文章就是一个基于chatbot开发所涉及的阶段的成本分析和细分。Chatbot开发者需要遵循六个重要步骤，才能拥有一个能够解决业务挑战的机器人。在估计chatbot开发成本的过程中，我们假设每小时40美元作为开发人员的标准成本。第1步：后端开发需要后端系统来收集、处理和应付跨不同渠道发生的用户对话，无论是语音还是文本等。所有的流程都可以通过使用即时可用的NLP服务（如Wit.ai、Api.ai或LUIS）进行智能控制。管理NLP服务需要深入了解.NET和Node.js服务器端SDK。
基于vue.js的前端架构
1、使用vue-cli构建项目2、src目录结构：├──assets//资源入口文件夹│ ├──images//所有的静态图片│ └──less//less文件│ ├──common//通用的less文件│ └──pages//各个页面的less文件├──common//通用的方法,例如util.js├──components//组件放置│ ├──Toast//自定义的toast组件├──router//路由入口├──store//状态管理└──views//页面3、其它规范1、组件名格式为首字母大写，例如NewsList.vue;2、组件化思想，寻找页面中共同的地方，将之抽离成组件，开发效率会提高很多，代码也更优雅;3、缩进采用4格(开启tab转换space);4、在表达式、变量声明、return、while等后
关于 Error: No PostCSS Config found in 的错误
问题描述：项目在本地运行不报错，上传到GitHub之后，再clone到本地，npminstall安装完成之后再执行npmrundev这时报错Error:NoPostCSSConfigfoundin...本以为是GitHub上传的问题，后开又试了两回，发现问题依然存在，于是就开始网上寻找办法。解决方案：在项目根目录新建postcss.config.js文件，并对postcss进行配置：module.exports={plugins:{'autoprefixer':{browsers:'last5version'}}}好了，大功告成，试一试：npmrundev完美运行。依然存在疑问：项目在本地运行时本来不报错的，但是为什么上传到GitHub之后，再clone下来，再运行就得单独写一个postcss.config.js的文件并配置一下呢？
基于.NET的弹性及瞬间错误处理库Polly
本文基本是官方说明的翻译和总结（https://github.com/App-vNext/Polly）什么是Polly?Polly是一款基于.NET的弹性及瞬间错误处理库,它允许开发人员以顺畅及线程安全的方式执行重试(Retry)，断路器(Circuit)，超时(Timeout)，隔板隔离(BulkheadIsolation)及后背策略(Fallback)。Polly适用于.NET4.0,.NET4.5及.NETStandard1.1(覆盖.NETCore,Mono,Xamarin.IOS,Xamarin.Android,UWP,WP8.1+)。安装Polly.NET4.0版本Install-PackagePolly.Net40Async.NET4.5及以上版本，.NetStandard1.1Install-PackagePolly弹性策略Polly提供多种弹性策略。重试策略前提程序会产生许多瞬时故障，但是在一定时间延迟之后，程序会自动纠正故障。实现效果允许配置自动
关于vue事件监听的一个问题
由于新工作需要用vue，所以最近接触最多的也是vue，因为之前一直在用react，所以对于vue上手还是很快的。我也尽量找一些他们两个的异同点，除了多了一些辅助用的方法以外，最大的不同应该是对于组件间的通信，不仅有props，还有一种事件监听，也是可以通过组件间传递的。我们知道vue的事件监听是一个很方便的设计，代码上一目了然，而且给我们增加了多种修饰符（虽然我都没怎么用过）来简化你的代码。可归根结底，所谓事件监听，通常都是一个需要预处理的过程，即在你初始化你的实例时就需要去为其注册监听。这当然没什么不好，我们之所以需要做事件监听，就是为了当我们因为业务复杂而形成一个事件需要触发多处回调时，我们可以通过这种注册监听机制更好的管理他们。这一点上他比react做的更好，如果在react里我们需要中途给某个事件添加更多回调，我们需要手动维护更多的代码（这里说的事件监听机制单指vue的v-on方式，react本身dom上的事件是通过事件代理方式统一在document身上并通过每个dom的唯一id来维护一个hashMap来实现的）。但是，在vue2.+中，
C#调用webservice开发扫码枪（基恩士）
开发环境搭建1、安装扫码枪自带的VirtualPC2007虚拟机（PCEmulator_BTW80）；不同版本虚拟机显示大小以及是否带网络不太相同。2、设置虚拟机网络，打通本机与虚拟机网络；虚拟机网络设置多重方式，以下设置为本次使用的方法。3、安装IIS并运行本环境需要的webservice；IIS的安装参考其他网上文章4、安装MicrosoftVisualStudio2008（高版本没找到嵌入式开发调试功能），设置外部调试程序；选项——设备工具——设备——属性——配置——使用指定IP地址5、运行扫码枪程序，在模拟器中验证调试自己开发的功能。开发步骤oracle存储过程开发确保单独调用存储过程测试没有问题webservice接口方法开发通过网页直接调用新webservice方法确保新接口方法没有问题C#开发通过C#代码调用写好的webservice方法，使用模拟器测试没有问题开发Demooracle存储过程部分PROCEDUREShipping_Unloc
IdentityServer（12）- 使用 ASP.NET Core Identity
IdentityServer（12）-使用ASP.NETCoreIdentityIdentityServer具有非常好的扩展性，其中用户及其数据（包括密码）部分你可以使用任何想要的数据库进行持久化。如果需要一个新的用户数据库，那么ASP.NETCoreIdentity是你的一个选择。本快速入门介绍了如何将ASP.NETCoreIdentity和IdentityServer4一起使用。在阅读这篇文章是，希望你能把前面的文章全部看一遍，了解基本使用和相关的理论。这个快速入门使用ASP.NETCoreIdentity的方法是从VisualStudio中的ASP.NETCoreIdentity模板创建一个新项目。这个新的项目将取代之前在之前的快速入门中从头开始构建的IdentityServer项目。此解决方案中的所有其他项目（对于客户端和API）将保持不变。建立ASP.NETIdentity新项目第一步是为您的解决方案添加一个ASP.NETCoreIdentity的新项目。鉴于ASP.NETCor
七.Spring与RabbitMQ集成--stock trading(股票交易系统）
七.Spring与RabbitMQ集成--stocktrading(股票交易系统）周末继续写博客，算起来，关于rabbitMQ这个中间件的研究已经持续至两个星期了，上一篇文章使用sringamqp实现了同步和异步的消息接收功能。这一节继续实用springamqp实现一个股票交易系统的主要逻辑。这个例子更为复杂也更具代表意义，因为它是现实世界中的例子。stocktrading这个例子包含一个服务端（server）,它用于向指定的TopicExchange发送股票数据。还要很多客户端（clients），它们从特定的Queue（绑定了routingpatten的Queue）订阅消息。这个例子的另外一个特性是它实现了一个“请求--响应”的股票交易交互动作，即由客户端发起请求，而由服务端进行处理。也就是说，这个demo包含了两条线索，第一：服务端发送股票行情数据，客户端根据自己的喜好接收特定的行情数据；第二：客户端看到喜欢的股票，申请交易，服务端处理，然后将结果返回客户端。一.领域对象在正式开始讲解程序的主要逻辑之前，先看看该dem
百亿访问量的监控平台如何炼成？
前言：很开心能够跟大家分享WiFi万能钥匙在监控领域做的一些事情，本文分享的主题是《百万访问量的监控平台如何炼成》，罗马（Roma）项目名称的来历比较有意义：1、罗马不是一天成炼的（线上监控目标相关指标需要逐步完善）；2、条条大路通罗马（罗马通过多种数据采集方式收集各监控目标的数据）；3、据神话记载特洛伊之战后部分特洛伊人的后代铸造了古代罗马帝国（一个故事的延续、一个新项目的诞生）。今天我将通过三大部分进行讲解：背景介绍（我们公司当初面临的一些问题与挑战）架构设计（结合公司现状谈一谈我们的监控平台是如何实现）最佳实践（通过项目演示谈一谈我们的监控平台实践情况）一、背景介绍随着WiFi万能钥匙日活跃用户大规模的增长，钥匙团队正进行着一场无硝烟的战争：越来越多的应用服务面临着流量激增、架构扩展、性能瓶颈等问题，为了应对并支撑业务的高速发展，我们迈入了SOA、Microservice、APIGateway等组件化及服务化的时代。伴随着各系统微服务化的演进，服务数量、机器规模不断增长，线上环境也变得日益复杂，工程师
适合初学者的软件定义数据中心（SDDC）架构
软件定义数据中心是一种数据管理方式，它通过虚拟化来抽象计算、存储和网络资源，并将其作为服务提供。为了促进这一过程，SDDC包括智能软件以集中管理虚拟化资源，并自动化运营和分配工作流。软件定义数据中心架构可以分为三个逻辑层：物理层、虚拟化层和管理层。这些层共同提供了一个统一的系统，为企业提供比传统的技术能实现的更高的管理灵活性、更具成本效益的运行方式。物理层软件定义数据中心架构的物理层包括计算、存储和网络组件，以支持SDDC来存储和处理企业数据。这些组件可以由来自不同厂商的商用硬件构成，能够帮助企业降低成本，避免厂商锁定，但这种灵活性也可能使得实施SDDC更加复杂。计算组件通常包括在一个集群架构中组合的多个服务器节点，节点提供处理和存储资源来支持数据操作。由于集群可以由商用硬件组成，因此某个节点宕机之后的切换将会更加容易且更便宜。存储组件可以由多种技术组成，例如SAN、NAS或DAS，还可以包括HDD和SSD。此外，企业可以利用现有的存储系统，这可以帮助他们避免额外的支出。SDDC架构的网络组件包括物理硬件，以促进计算和
贝聊系统架构服务化之路
2015年3月，从网易BoBo离开，带着创业的情怀与期待，来到了贝聊。弹指间，已经过了快三年。在这三年的岁月里，贝聊后台系统架构经历了一个困难而又富有成就感的演变过程。这个演变的过程，大致可分成几个阶段：技术平台替换阶段、服务化萌芽阶段、服务化形成阶段以及服务化发展阶段。一、技术平台替换阶段贝聊创业初期，后台系统架构是基于PHP技术平台的，由两个PHP开发人员维护。PHP技术平台，是大部分公司创业初期的首选。公司创业初期，业务复杂度低，用户量少，核心就是以尽量低的成本（人力成本、时间成本、技术成本与服务器成本）完成开发。从2013年至2015年初，经过三年多的快速发展，原来基于PHP技术平台的配备（系统与人员）开始无法满足公司业务发展的需要了。随后，也就开始了JAVA技术平台逐步替换PHP技术平台这一阶段。万事开头难，技术平台替换工作初期面临了很多困难。首先，公司业务在快速发展，系统重构与业务需求迭代是并行的。前人说的：这相当于是给高速行驶的跑车换轮子，难度与风险可想而知。其次，初来乍到的JAVA技术团队能行么？没有成果，
赶集 MySQL 军规
limit高效分页limit越大，效率越低selectidfromtlimit10000,10;应该改为=>selectidfromtwhereid>10000limit10;使用unionall替代union，union有去重开销尽量不用连接join务必请使用“同类型”进行比较，否则可能全表扫面打散批量更新使用新能分析工具showprofile;mysqlsla;mysqldumpslow;explain;showslowlog;showprocesslist;showquery_response_time(percona)相关文章：58到家数据库30条军规解读(4.5W+)
MySQL数据归档实战-Python和pt-archiver的强强结合
一、引言前段时间，在优雅的使用pt-archiver进行数据归档一文中介绍了pt-archiver的使用方法，也将pt-archiver部署到了生产环境，这时候问题来了~生产环境需要做归档的任务有十几个，如果要知道每个归档任务成功与否、跑了多长时间、归档了多少数据，就得手工逐个查看日志，非常枯燥的重复劳动，那是否有办法可以统一管理呢？于是用python倒腾了一个小工具—mysql_archiver小工具，github地址：https://github.com/dbarun/mysql_archiver二、mysql_archiver2.1归档调度db_archive_exec.py，从数据库获取归档任务的基本信息，调用pt-archiver进行操作2.1.1表结构设计表db_archive_info，主要存放归档任务的基本信息表db_archive_log，主要存放归档任务的执行日志2.1.2获取归档任务2.1.3调用pt-archiver2.1.4部署crontab
vue-cli 解析
前言这段时间，算是空出手来写几篇文章了。由于很久都没有时间整理现在所用的东西了，所以，接下来会慢慢整理出一些文档来记录前段时间的工作和生活。这篇文章的主题是vue-cli的理解。或许，很多人在开发vue的时候，我们会发现一个问题——只会去用，而不明白它的里面的东西。现在的框架可以说是足够的优秀，让开发者不用为搭建开发环境而烦恼。但是有时候，我们还是得回到原始生活体验一下，才能够让自己更上层楼，希望大家共勉。如果你喜欢我的文章，欢迎评论，欢迎Star~。欢迎关注我的github博客正文首先，我们来说一下安装的东西吧！处于有头有尾的目的，还是几句话草草了事。步骤如下：安装vue-clinpminstallvue-cli-g以webpack模版安装目录vueinitwebapckwebpack-template这样之后，我们就可以使用IDE打开目录了。此处注明我的vue-cli的版本2.9.2，以免之后改版之后，误导读者。之后，附上自己的目录截图，并没有做改动，如图：首先，第一个问题
jQuery Mobile和UI组新项目，这波能赢么？
在开发过很多jQuery插件以后，我慢慢的摸索出了一套开发jQuery插件比较标准的结构和模式。这样我就可以copy&paste大部分的代码结构，只要专注最主要的逻辑代码就行了。使用相同的设计模式和架构也让修复bug或者二次开发更容易。一套经过验证的架构可以保证我的插件不出大的问题，不论插件简单还是复杂。我在这里分享10条我总结的经验。1.把你的代码全部放在闭包里面这是我用的最多的一条。但是有时候在闭包外面的方法会不能调用。不过你的插件的代码只为你自己的插件服务，所以不存在这个问题，你可以把所有的代码都放在闭包里面。而方法可能应该放在Prototype方法内部，我们后面会讲到这一点。(function($){//codehere})(jQuery);2.提供插件的默认选项你的插件应该会有一些选项是可以让开发者设置的，所以提供恢复默认选项是以有必要的。你可以通过jQuery的extend功能来设置这些选项：vardefaultSettings={mode:'Pencil',lineW
很全很全的前端本地存储讲解
离职中，有招人的求推荐一下，评论或者私信我邮箱和公司，我发简历给你，最近一直在搞基础的东西，弄了一个持续更新的github笔记，可以去看看，诚意之作（本来就是写给自己看的……）链接地址：Front-End-Basics此篇文章的地址：三种本地存储方式基础笔记的github地址：https://github.com/qiqihaobenben/Front-End-Basics,可以watch,也可以star。正文开始……三种本地存储方式cookie前言网络早期最大的问题之一是如何管理状态。简而言之，服务器无法知道两个请求是否来自同一个浏览器。当时最简单的方法是在请求时，在页面中插入一些参数，并在下一个请求中传回参数。这需要使用包含参数的隐藏的表单，或者作为URL参数的一部分传递。这两个解决方案都手动操作，容易出错。cookie出现来解决这个问题。作用cookie是纯文本，没有可执行代码。存储数据，当用户访问了某个网站（网页）的时候，我们就可以通过cookie来向访问者电脑上存储数据，或者某些网站为了辨别用
你不知道的前端算法之热力图的实现
编辑：AresninMap是一款基于canvas的大数据可视化库，专注于大数据方向点线面的可视化效果展示。目前支持散点、围栏、热力、网格、聚合等方式；致力于让大数据可视化变得简单易用。GitHub地址：https://github.com/TalkingData/inmap(点个Star支持下作者吧！)热力图这个名字听起来很高大上，其实等同于我们常说的密度图。如图表示，红色区域表示分析要素的密度大，而蓝色区域表示分析要素的密度小。只要点密集，就会形成聚类区域。看到这么炫的效果，是不是自己也很想实现一把？接下来手把手实现一个热力（带你装逼带你飞、哈哈），郑重声明：下面代码片段均来自inMap。准备数据inMap接收的是经纬度数据，需要把它映射到canvas的像素坐标，这就用到了墨卡托转换，墨卡托算法很复杂，以后我们会有单独的一篇文章来讲讲他的原理。经过转换，你得到的数据应该是这样的：[{"lng":"116.395645","lat":39.929986,"count":6,"pixel"
DevExpress v17.2—WPF篇（四）
DevExpress年终击穿底价，单套授权低至67折！仅剩最后6天！查看详情>>>用户界面套包DevExpressv17.2终于正式发布，本站将以连载的形式为大家介绍各版本新增内容。本文将介绍了DevExpressWPFv17.2新的HamburgerMenu、SchedulerControl、Dialogs(CTP)、DataGridControl等，快来下载试用新版本！DiagramControl思维导图布局新的MindMap自动布局算法用于创建围绕中心思想或主题排列的非线性层次图。增强绑定操作DevExpressDiagram的绑定机制已被更新为以下新功能：图表和数据源之间的双向同步：您可以使用事件自定义同步。绑定到分层数据：容器现在用于表示多层次的层次结构。新的滚动模式DevExpressDiagram附带了一个新的滚动模式。启用此模式后，仅当图表内容不完全可见（不管当前页面大小）时才显示滚动条。增强SVGDevExpressDiagramv17.2附带一个新的SVG渲染引擎，并扩展
ABP 教程文档 1-1 手把手引进门之 ASP.NET Core & Entity Framework Core（官方教程翻译版 版本3....
本文是ABP官方文档翻译版，翻译基于3.2.5版本官方文档分四部分一、教程文档二、ABP框架三、zero模块四、其他（中文翻译资源）本篇是第一部分的第一篇。第一部分分三篇1-1手把手引进门1-2进阶1-3杂项（相关理论知识）第一篇含两个步骤。1-1-1ASP.NETCore&EntityFrameworkCore后端（内核）1-1-2ASP.NETMVC,WebAPI,EntityFramework&AngularJs前端现在进入正文使用ASP.NETCore,EntityFrameworkCore和ASP.NETBoilerplate创建N层Web应用土牛语录：HalilibrahimKalkan,30Jul2017以下是手把手引进门教程，基于ASP.NETCore，EntityFrameworkCore，ABP框架创建Web应用，PS：自带自动的测试模块哦。